☰

自动全屏，但是目前因为浏览器安全限制（只能手动。。。）

给家里人用的自动全屏，但是浏览器安全策略无法在油猴脚本自动全屏，只能手动键入F全屏

目前為 2025-01-27 提交的版本，檢視 最新版本。

// ==UserScript==
// @name         自动全屏，但是目前因为浏览器安全限制（只能手动。。。）
// @namespace    http://tampermonkey.net/
// @version      0.137
// @description  给家里人用的自动全屏，但是浏览器安全策略无法在油猴脚本自动全屏，只能手动键入F全屏
// @author       zsanjin
// @match        https://xiaoxintv.cc/index.php/vod/play/id/*
// @license      BSD-2-Clause
// @grant        none
// ==/UserScript==
 
(function() {
    'use strict';

    function createEnhancedButton() {
        const button = document.createElement('button');
        button.id = 'easy-fullscreen-button';
        button.innerHTML = '📺 点击这里/或按F全屏播放，退出按Esc';
        button.style.cssText = `
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 999999;
            padding: 15px 25px;
            background: #4CAF50;
            color: white;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-size: 18px;
            font-weight: bold;
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
            transition: all 0.3s ease;
        `;

        button.onmouseover = () => {
            button.style.background = '#45a049';
            button.style.transform = 'scale(1.05)';
        };
        button.onmouseout = () => {
            button.style.background = '#4CAF50';
            button.style.transform = 'scale(1)';
        };

        button.onmousedown = () => {
            button.style.transform = 'scale(0.95)';
        };
        button.onmouseup = () => {
            button.style.transform = 'scale(1)';
        };

        button.onclick = async () => {
            button.innerHTML = '⌛ 正在设置全屏...';
            simulateFKeyPress();  // 模拟按下 F 键触发全屏
            setTimeout(() => {
                button.style.opacity = '0';
                setTimeout(() => button.style.display = 'none', 1000);
            }, 3000);
        };

        document.body.appendChild(button);
    }

    // 模拟按下 F 键
    function simulateFKeyPress() {
        const event = new KeyboardEvent('keydown', {
            key: 'f',
            keyCode: 113, // F 键的 keyCode 是 113
            code: 'KeyF',
            which: 113,
            bubbles: true, // 使事件能在 DOM 中冒泡
        });

        document.dispatchEvent(event); // 触发该事件
        console.log('模拟按下 F 键');
    }

    async function tryFullscreen() {
        const iframes = Array.from(document.querySelectorAll('iframe'))
            .filter(iframe => iframe.src.includes('player'));

        for (const iframe of iframes) {
            try {
                const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
                const videoElement = iframeDoc.querySelector('.yzmplayer-video');
                const fullscreenButton = iframeDoc.querySelector('.yzmplayer-full-icon');

                if (videoElement && fullscreenButton) {
                    // 模拟点击播放器的全屏按钮
                    fullscreenButton.click();

                    // 使用 setTimeout 延迟模拟用户点击全屏按钮
                    setTimeout(async () => {
                        try {
                            await videoElement.requestFullscreen();
                        } catch (e) {
                            console.log('全屏请求失败，尝试其他方法');
                            if (videoElement.webkitRequestFullscreen) {
                                await videoElement.webkitRequestFullscreen();
                            } else if (videoElement.mozRequestFullScreen) {
                                await videoElement.mozRequestFullScreen();
                            } else if (videoElement.msRequestFullscreen) {
                                await videoElement.msRequestFullscreen();
                            }
                        }
                    }, 1000); // 延迟1秒尝试全屏

                    return true;
                }
            } catch (e) {
                console.log('在iframe中请求全屏失败:', e);
            }
        }
        return false;
    }

    // 模拟用户行为请求全屏
    function autoFullscreen() {
        setTimeout(async () => {
            const success = await tryFullscreen();
            if (!success) {
                console.log('自动全屏失败，重试中...');
                autoFullscreen(); // 重试
            }
        }, 10000); // 延迟10秒后尝试
    }

    // 初始化
    function init() {
        createEnhancedButton();

        // 页面加载后10秒自动全屏
        autoFullscreen();

        // 添加键盘快捷键支持
        document.addEventListener('keydown', (e) => {
            if (e.key === 'f' || e.key === 'F') {
                tryFullscreen();
            }
        });
    }

    // 当页面加载完成后初始化
    if (document.readyState === 'complete') {
        init();
    } else {
        window.addEventListener('load', init);
    }
})();