anduin / 机顶盒

// 函数：将视频元素设置为覆盖整个窗口 function makeVideoFullWindow(video) { console.log('Making video full window.'); // 设置视频的样式，使其占据整个页面 video.style.position = 'fixed'; video.style.top = '0'; video.style.left = '0'; video.style.width = '100vw'; video.style.height = '100vh'; video.style.zIndex = '9999'; // 保证视频位于所有元素上方 video.style.backgroundColor = 'black'; // 确保背景为黑色，避免干扰 // 隐藏滚动条 document.documentElement.style.overflow = 'hidden'; document.querySelectorAll('.nav_wrapper_bg.newtopbz').forEach(element => { element.remove(); }) document.querySelectorAll('.header_nav.newtopbzTV').forEach(element => { element.remove(); }) document.querySelectorAll('.phone').forEach(element => { element.remove(); }) console.log('Video is now fullscreen-like.'); } // 函数：恢复视频原始状态 function resetVideo(video) { console.log('Resetting video to original state.'); // 恢复视频的样式 video.style.position = ''; video.style.top = ''; video.style.left = ''; video.style.width = ''; video.style.height = ''; video.style.zIndex = ''; video.style.backgroundColor = ''; // 恢复滚动条 document.documentElement.style.overflow = ''; } // 监听页面上所有的 <video> 元素 function setupVideoListeners() { const videos = document.querySelectorAll('video'); console.log(`Found ${videos.length} video(s) on the page.`); videos.forEach(video => { video.addEventListener('play', () => { console.log('Video started playing, making it full window.'); makeVideoFullWindow(video); // 当视频暂停或结束时，恢复原始状态 video.addEventListener('pause', () => resetVideo(video), { once: true }); video.addEventListener('ended', () => resetVideo(video), { once: true }); }); }); } // 页面加载时，设置视频监听器 document.addEventListener('DOMContentLoaded', () => { console.log('DOM fully loaded and parsed, setting up video listeners.'); setupVideoListeners(); }); // 动态加载的视频元素也需要监听，观察DOM变化 const observer = new MutationObserver(() => { console.log('DOM mutations detected, checking for new videos.'); setupVideoListeners(); }); observer.observe(document.body, { childList: true, subtree: true }); // 换台模块 document.addEventListener("keydown", (event) => { const channelLinks = Array.from(document.querySelectorAll("dl > dt > a")); let currentChannelIndex = channelLinks.findIndex(link => link.parentElement.parentElement.classList.contains("active")); if (currentChannelIndex === -1) return; // Exit if no active channel found if (event.key === "[") { // Go to the previous channel currentChannelIndex = (currentChannelIndex - 1 + channelLinks.length) % channelLinks.length; } else if (event.key === "]") { // Go to the next channel currentChannelIndex = (currentChannelIndex + 1) % channelLinks.length; } else { return; // Ignore other keys } // Set the active class on the new channel and redirect to its link document.querySelector(".active")?.classList.remove("active"); const newChannel = channelLinks[currentChannelIndex]; newChannel.parentElement.parentElement.classList.add("active"); window.location.href = newChannel.href; // Redirect to the new channel });