Greasy Fork is available in English.
Enlarges the media player to fill the entire screen with theatre mode.
// ==UserScript==
// @name Better Youtube Theatre Mode
// @namespace http://tampermonkey.net/
// @version 1.6
// @description Enlarges the media player to fill the entire screen with theatre mode.
// @author PA#5576
// @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)
}
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;
}
#player-full-bleed-container,#full-bleed-container{
max-height:calc(100vh - 52px)!important;
}
`)
};