`; status('X post loaded', 'good'); } // Instagram else if (h.includes('instagram.com')) { code = `

`; status('Instagram loaded', 'good'); } // TikTok else if (h.includes('tiktok.com')) { const id = u.pathname.split('/video/')[1] || u.pathname.split('/t/')[1]; if (id) { code = `

`; status('TikTok loaded', 'good'); } } // Facebook else if (h.includes('facebook.com') || h.includes('fb.com')) { code = ``; status('Facebook post loaded', 'good'); } if (code) { $('content').innerHTML = code; } else { status('Link not supported or ID missing', 'error'); } } catch(e) { status('Invalid link – check format', 'error'); } } $('btnLoad').addEventListener('click', load); $('url').addEventListener('keypress', e => { if (e.key === 'Enter') load(); }); // Optional: Auto-load from URL param ?v=VIDEO_ID const params = new URLSearchParams(window.location.search); const preVid = params.get('v'); if (preVid) { $('url').value = `https://youtu.be/${preVid}`; load(); }

`; } let currentVideoId = ''; function run() { console.log('Load triggered'); const raw = $('u')?.value?.trim() || ''; if (!raw) { msg('Paste a YouTube URL first', true); return; } let url = raw; if (!url.startsWith('http')) url = 'https://' + url; try { const parsed = new URL(url); let videoId = ''; if (parsed.hostname.includes('youtu.be')) { videoId = parsed.pathname.slice(1); } else if (parsed.pathname.includes('/watch')) { videoId = parsed.searchParams.get('v'); } else if (parsed.pathname.includes('/shorts/')) { videoId = parsed.pathname.split('/')[2]; } if (!videoId) { msg('Could not find video ID – try a standard YouTube link', true); return; } currentVideoId = videoId; const embed = `https://www.youtube.com/embed/${videoId}`; $('p').src = embed; $('watermark').style.display = 'block'; msg('Video loaded! Use buttons to copy/share.'); // Preload thumbnail for share const thumb = `https://img.youtube.com/vi/${videoId}/hqdefault.jpg`; const img = new Image(); img.src = thumb; // just preload } catch (e) { msg('Invalid URL – check format', true); console.error(e); } } // Events const go = $('go'); if (go) go.addEventListener('click', run); const input = $('u'); if (input) input.addEventListener('keypress', e => { if (e.key === 'Enter') run(); }); const copyEmbed = $('copyEmbed'); if (copyEmbed) copyEmbed.addEventListener('click', () => { const src = $('p')?.src; if (src && src.includes('youtube.com/embed')) { navigator.clipboard.writeText(src).then(() => msg('Embed URL copied!')); } else msg('Load a video first', true); }); const copySrc = $('copySrc'); if (copySrc) copySrc.addEventListener('click', () => { const src = $('u')?.value?.trim(); if (src) { navigator.clipboard.writeText(src).then(() => msg('Source URL copied!')); } else msg('Nothing to copy', true); }); const share = $('shareBtn'); if (share) share.addEventListener('click', () => { console.log('Share clicked'); if (!currentVideoId) { msg('Load a video first', true); return; } const thumb = `https://img.youtube.com/vi/${currentVideoId}/hqdefault.jpg`; const img = new Image(); img.crossOrigin = 'anonymous'; img.src = thumb; img.onload = () => { const c = $('canvas'); c.width = img.width; c.height = img.height; const ctx = c.getContext('2d'); ctx.drawImage(img, 0, 0); ctx.fillStyle = 'rgba(0,0,0,0.6)'; ctx.fillRect(0, c.height - 70, c.width, 70); ctx.fillStyle = '#fff'; ctx.font = 'bold 32px Arial'; ctx.textAlign = 'center'; ctx.fillText('Watch on www.watchvmags.com', c.width / 2, c.height - 25); const dataUrl = c.toDataURL('image/png'); $('sharePreview').src = dataUrl; $('sharePreview').style.display = 'block'; const ytUrl = `https://www.youtube.com/watch?v=${currentVideoId}`; const promo = `Check this out on WatchVMAGs! ${ytUrl}\nhttps://www.watchvmags.com?video=${currentVideoId}`; if (navigator.share) { navigator.share({ title: 'WatchVMAGs Video', text: promo, url: `https://www.watchvmags.com?video=${currentVideoId}` }).catch(err => console.log('Share canceled', err)); } else { navigator.clipboard.writeText(promo).then(() => msg('Promo text copied! Paste into email/social/text.\nRight-click image to save.')); } }; img.onerror = () => msg('Thumbnail failed to load – try another video', true); }); console.log('VMAGs loader: Ready – check console for clicks'); });