自研 - 哔哩哔哩 - 播放时自动网页全屏

视频播放时自动进入网页全屏，播放结束自动退出。

// ==UserScript==
// @name               自研 - 哔哩哔哩 - 播放时自动网页全屏
// @name:en_US         Self-made - BiliBili - Playing auto WebFull
// @description        视频播放时自动进入网页全屏，播放结束自动退出。
// @description:en_US  When the video plays, it automatically enters WebFull mode, and automatically exits this mode once the video concludes.
// @version            1.1.1
// @author             CPlayerCHN
// @license            MulanPSL-2.0
// @namespace          https://www.gitlink.org.cn/CPlayerCHN
// @match              https://www.bilibili.com/video/*
// @match              https://www.bilibili.com/bangumi/play/*
// @match              https://www.bilibili.com/festival/*
// @icon               https://static.hdslb.com/images/favicon.ico
// @run-at             document-end
// @noframes
// ==/UserScript==

(function() {
    'use strict';

    // 定义「网页标题」变量，「元素选择器」「body 元素含有类」函数。
    let title = document.title;

    function $(elm) {
        return document.querySelector(elm);
    }

    function bodyClass(match = /player-mode-[web|full]/) {

        // 返回结果。
        return match.test(document.body.className);

    }


    // 定义「元素监听」变量及其回调函数。
    const observer = new MutationObserver(() => {

        // 定义「全屏按钮」变量。
        const full = $(".bpx-player-ctrl-btn[aria-label=\"全屏\"]");

        // 如果「全屏按钮」存在。
        if(full) {

            // 定义「网页全屏按钮」「视频元素」变量。
            const web = $(".bpx-player-ctrl-btn[aria-label=\"网页全屏\"]"),
                  video = $("video");

            // 如果播放器不是网页全屏或全屏状态，就网页全屏。
            if(!bodyClass()) {

                web.click();

            }

            // 等待 1 秒。
            setTimeout(() => {

                // 如果是电影类视频且播放器是宽屏状态，就网页全屏。
                if(/-电影-高清正版在线观看/.test(title) && bodyClass(/player-mode-wide/)) {

                    web.click();

                }

            }, 1000)

            // 监听视频播放。
            $("video").addEventListener("playing", () => {

                // 如果「网页标题」和当前页面的不一致且播放器不是网页全屏或全屏状态，就更新「视频编号」变量后全屏。
                if(title !== document.title && !bodyClass()) {

                    title = document.title;
                    web.click();

                }
            });

            // 监听视频暂停。
            $("video").addEventListener("pause", () => {

                // 如果视频已经播放完成且播放模式不是自动切集。
                if((video.duration - video.currentTime) <= 1 && !$(".bpx-player-ctrl-setting-handoff-content input").checked) {

                    // 判断网播放器状态，如果视频网页全屏或全屏就退出它们。
                    if(bodyClass(/player-mode-full/)) {

                        full.click();

                    }else if(bodyClass(/player-mode-web/)) {

                        web.click();

                    }

                }

            });

            // 中止「元素监听」。
            observer.disconnect();

        }
    });

    // 配置「元素监听」需要监听的元素和参数。
    observer.observe(document.body, {
        "childList": true,
        "subtree": true
    });

})();