Greasy Fork 镜像站

Greasy Fork is available in English.

📂 缓存分发状态：(共享加速已生效)

🕒 页面同步时间：2026/01/04 22:01:44

🔄 下次更新时间：2026/01/04 23:01:44

手动刷新缓存

Better Youtube Theatre Mode

Enlarges the media player to fill the entire screen with theatre mode.

安装此脚本 ?

提问、发表评价或者举报此脚本。

换行

// ==UserScript==
// @name         Better Youtube Theatre Mode
// @namespace    http://tampermonkey.net/
// @version      1.7
// @description  Enlarges the media player to fill the entire screen with theatre mode.
// @author       shanish_ @discord
// @match        https://www.youtube.com/*
// @icon         https://www.google.com/s2/favicons?domain=youtube.com
// @grant        none
// @run-at       document-start
// ==/UserScript==


/**

A simple script to fix youtube's CSS to set the containers height to 100vh - navbar height

**/

// Injects CSS into the header of the document.
function addStyle(styleText){
    let s = document.createElement('style')
    s.setAttribute("id", "youtubetheater");
    s.appendChild(document.createTextNode(styleText))
    document.getElementsByTagName('head')[0].appendChild(s)
}

// I do not like this but youtube is a single page app and they may delete the style sheet after it in injected.
// To ensure it stays, it will check every second but this is nothing to performance.
setInterval(
loadCss,1000)

function loadCss() {
    'use strict';
    if(document.getElementById("youtubetheater")){return;}

        // Applys css to the page to resize the media player to the entire screen.
    addStyle(`


:fullscreen #player-full-bleed-container,:fullscreen #full-bleed-container {
max-height: calc(100vh) !important;
}
:has([is-theater-mode]) #player-full-bleed-container,:has([is-theater-mode]) #full-bleed-container{
    max-height:calc(100vh - 52px)!important;
    height:100vh!important;
}

   `)
};

扫码关注【爱吃馍】