// ==UserScript==
// @name         通用禁用自动播放（bilibili专用）
// @namespace    https://www.bilibili.com/
// @version      3.3
// @description  阻止所有网站视频自动播放；B站专有优化，通用网站点击视频容器或按空格开始播放（稳定无暂停）
// @author       You
// @match        *://*.*.com/*
// @match        *://*.com/*
// @match        *://*.*.net/*
// @match        *://*.net/*
// @match        *://*.*.xyz/*
// @match        *://*.xyz/*
// @match        *://*.*.*.cn/*
// @match        *://*.*.cn/*
// @match        *://*.cn/*
// @match        *://*.*.ai/*
// @match        *://*.ai/*
// @exclude      https://store.steampowered.com/*
// @run-at       document-start
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    const isBili = window.location.hostname === 'www.bilibili.com';
    if (isBili) {
        initBilibili();
    } else {
        initGeneric();
    }

    // ==================== 通用版本（非 B 站）====================
    function initGeneric() {
        let allowNextPlay = false;
        const MARK_DURATION = 500; // 标记有效时间（毫秒）
        let lastActiveVideo = null; // 最后一次交互的视频元素

        function consumeAllow() {
            if (allowNextPlay) {
                allowNextPlay = false;
                return true;
            }
            return false;
        }

        function setAllowFlag() {
            allowNextPlay = true;
            clearTimeout(window.__autoplayBlock_timeout);
            window.__autoplayBlock_timeout = setTimeout(() => {
                allowNextPlay = false;
            }, MARK_DURATION);
        }

        // 判断元素是否位于包含 <video> 的容器内
        function isInsideVideoContainer(el) {
            let node = el;
            while (node && node !== document.documentElement) {
                if (node.querySelector && node.querySelector('video')) {
                    return true;
                }
                node = node.parentElement;
            }
            return false;
        }

        // 从容器中获取第一个 video 元素
        function getVideoFromContainer(el) {
            let node = el;
            while (node && node !== document.documentElement) {
                if (node.querySelector) {
                    const v = node.querySelector('video');
                    if (v) return v;
                }
                node = node.parentElement;
            }
            return null;
        }

        // 判断焦点是否在输入元素中
        function isInputElement(target) {
            const tag = target.tagName;
            return tag === 'INPUT' || tag === 'TEXTAREA' || target.isContentEditable;
        }

        // 获取当前应控制的目标视频（优先上次交互的视频）
        function getTargetVideo() {
            if (lastActiveVideo && document.contains(lastActiveVideo)) {
                return lastActiveVideo;
            }
            const videos = document.querySelectorAll('video');
            for (const v of videos) {
                if (v.offsetParent !== null) return v; // 优先可见视频
            }
            return videos[0] || null;
        }

        // 在捕获阶段监听多种用户交互事件
        const userEvents = ['mousedown', 'click', 'touchstart'];
        userEvents.forEach(evtType => {
            document.addEventListener(evtType, function (e) {
                if (isInsideVideoContainer(e.target)) {
                    setAllowFlag();
                    const video = getVideoFromContainer(e.target);
                    if (video) lastActiveVideo = video;
                }
            }, true);
        });

        // 空格键：利用浏览器原生行为切换播放/暂停
        document.addEventListener('keydown', function (e) {
            if (e.key !== ' ' && e.code !== 'Space') return;
            if (isInputElement(e.target)) return;

            const targetVideo = getTargetVideo();
            if (!targetVideo) return;

            // 设置播放许可标记（以防 play 拦截）
            setAllowFlag();

            // 将焦点移到目标视频，浏览器会接管空格键的播放/暂停行为
            targetVideo.focus({ preventScroll: true });

            // 不调用 preventDefault，让浏览器默认行为执行
            // 也不手动调用 play/pause，避免与网站逻辑冲突
        }, true);

        // 拦截播放请求
        const originalPlay = HTMLMediaElement.prototype.play;
        HTMLMediaElement.prototype.play = function () {
            if (!consumeAllow()) {
                console.log('[通用自动播放拦截] 自动播放已阻止');
                return Promise.reject(
                    new DOMException('The play() request was blocked.', 'AbortError')
                );
            }
            return originalPlay.apply(this, arguments);
        };

        // 移除现有 video 的 autoplay 并暂停
        function disableVideo(video) {
            if (!video) return;
            video.autoplay = false;
            video.removeAttribute('autoplay');
            if (!video.paused) video.pause();
        }

        document.querySelectorAll('video').forEach(disableVideo);

        // 监听动态添加的 video
        new MutationObserver((mutations) => {
            for (const m of mutations) {
                for (const node of m.addedNodes) {
                    if (node.nodeName === 'VIDEO') {
                        disableVideo(node);
                    } else if (node.querySelectorAll) {
                        node.querySelectorAll('video').forEach(disableVideo);
                    }
                }
            }
        }).observe(document.documentElement, { childList: true, subtree: true });
    }

    // ==================== Bilibili 专有版本（2.3 逻辑）====================
    function initBilibili() {
        let allowNextPlay = false;

        function consumeAllow() {
            if (allowNextPlay) {
                allowNextPlay = false;
                return true;
            }
            return false;
        }

        function setAllowFlag() {
            allowNextPlay = true;
            setTimeout(() => { allowNextPlay = false; }, 100);
        }

        function isInsidePlayer(target) {
            return target.closest('.bpx-player-video-wrap, .bpx-player-container, video') !== null;
        }

        // 空格键播放支持
        document.addEventListener('keydown', function (e) {
            if (e.key !== ' ' && e.code !== 'Space') return;
            const tag = e.target.tagName;
            if (tag === 'INPUT' || tag === 'TEXTAREA' || e.target.isContentEditable) return;

            const pausedVideo = document.querySelector('.bpx-player-container video[src]');
            if (!pausedVideo || !pausedVideo.paused) return;

            setAllowFlag();
        }, true);

        // 全局点击监听
        document.addEventListener('click', function (e) {
            if (!isInsidePlayer(e.target)) return;

            setAllowFlag();

            // 点击控制栏：交给 B 站原生处理
            if (e.target.closest('.bpx-player-control-wrap, .bpx-player-ctrl-bottom, .bpx-player-sending-bar')) {
                return;
            }

            const container = e.target.closest('.bpx-player-container');
            if (!container) return;

            const video = container.querySelector('video');
            if (!video || !video.paused) return;

            const playBtn = container.querySelector('.bpx-player-ctrl-btn.bpx-player-ctrl-play');
            if (playBtn) {
                playBtn.click();
                e.stopPropagation();
                e.preventDefault();
            }
        }, true);

        // 拦截 play()
        const originalPlay = HTMLMediaElement.prototype.play;
        HTMLMediaElement.prototype.play = function () {
            if (!consumeAllow()) {
                console.log('[Bilibili Autoplay Blocker] 自动播放已阻止');
                return Promise.reject(
                    new DOMException('The play() request was interrupted.', 'AbortError')
                );
            }
            return originalPlay.apply(this, arguments);
        };

        function disableVideo(video) {
            if (!video) return;
            video.autoplay = false;
            video.removeAttribute('autoplay');
            if (!video.paused) video.pause();
        }

        document.querySelectorAll('video').forEach(disableVideo);

        new MutationObserver((mutations) => {
            for (const m of mutations) {
                for (const node of m.addedNodes) {
                    if (node.nodeName === 'VIDEO') {
                        disableVideo(node);
                    } else if (node.querySelectorAll) {
                        node.querySelectorAll('video').forEach(disableVideo);
                    }
                }
            }
        }).observe(document.documentElement, { childList: true, subtree: true });
    }
})();