YT Downloader Pro

Select Video Quality

4K Ultra HD 2160p

Best quality • MP4

Full HD 1080p

High quality • MP4

HD 720p

Standard quality • MP4

SD 480p

Lower quality • Smaller file • MP4

SD 360p

Lowest quality • Smallest file • MP4

Select Audio Quality

320 kbps Premium

Highest audio quality • MP3

256 kbps High

Excellent quality • MP3

192 kbps Good

Good quality • MP3

128 kbps Standard

Standard quality • Smaller file • MP3

`; document.body.appendChild(panel); downloaderPanel = panel; setupEventListeners(); setTimeout(() => panel.classList.add('show'), 100); } function setupEventListeners() { const closeBtn = document.getElementById('ytdl-close'); closeBtn.addEventListener('click', () => { downloaderPanel.classList.remove('show'); setTimeout(() => downloaderPanel.remove(), 300); }); const tabs = document.querySelectorAll('.yt-dl-tab'); tabs.forEach(tab => { tab.addEventListener('click', () => { tabs.forEach(t => t.classList.remove('active')); tab.classList.add('active'); const tabName = tab.dataset.tab; const contents = document.querySelectorAll('.yt-dl-tab-content'); contents.forEach(content => { content.classList.remove('active'); }); document.getElementById(`${tabName}-content`).classList.add('active'); }); }); const options = document.querySelectorAll('.yt-dl-option'); options.forEach(option => { option.addEventListener('click', () => { const format = option.dataset.format; const quality = option.dataset.quality; initiateDownload(format, quality); }); }); } function initiateDownload(format, quality) { const videoId = getVideoId(); const videoTitle = getVideoTitle(); const statusDiv = document.getElementById('download-status'); statusDiv.innerHTML = `

Preparing ${format.toUpperCase()} download (${quality}${format === 'mp3' ? 'kbps' : 'p'})...

`; chrome.runtime.sendMessage({ action: 'download', videoId: videoId, title: videoTitle, format: format, quality: quality }, response => { if (response && response.success) { statusDiv.innerHTML = `

Download started! Check your downloads folder.

`; } else { statusDiv.innerHTML = `

${response?.error || 'Download failed. Please try again.'}

`; } setTimeout(() => { statusDiv.innerHTML = ''; }, 5000); }); } function createDownloadButton() { const existingBtn = document.getElementById('yt-downloader-btn'); if (existingBtn) { return; } const selectors = [ '#owner', 'ytd-watch-metadata #actions', 'ytd-video-primary-info-renderer #menu', '#top-level-buttons-computed', 'ytd-menu-renderer.ytd-watch-metadata', '#actions' ]; let targetContainer = null; for (const selector of selectors) { targetContainer = document.querySelector(selector); if (targetContainer) { break; } } if (!targetContainer) { setTimeout(createDownloadButton, 500); return; } const downloadBtn = document.createElement('button'); downloadBtn.id = 'yt-downloader-btn'; downloadBtn.className = 'yt-download-trigger'; downloadBtn.innerHTML = ` Download `; downloadBtn.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); createDownloaderUI(); }); targetContainer.insertBefore(downloadBtn, targetContainer.firstChild); } function init() { if (window.location.pathname === '/watch') { setTimeout(createDownloadButton, 1000); } } let lastUrl = location.href; new MutationObserver(() => { const url = location.href; if (url !== lastUrl) { lastUrl = url; init(); } }).observe(document, { subtree: true, childList: true }); init();