Makes YouTube’s cinema/theater mode (pretty much) fullscreen and auto hides the navbar.
YouTube Full Theater by imcarsen
Details
Authorimcarsen
LicenseNo License
CategoryYouTube
Created
Updated
Size1.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This was a fix I made a while back for some styles that were not working for me. I originally put it up as an archive for myself and allow others to access it.
Note: Tested on Google Chrome, Firefox, LibreWolf, and WaterFox. Works on all. If your browser is not listed here, support is not guaranteed. (All tested using Stylus)
6/26/23 Update: YouTube changed a single word in their CSS for some reason. I've updated this style, and it should be working again.
8/18/23 Update: YouTube changed their CSS, again, for a mysterious reason. The style should work again.
8/22/23 Update: YouTube likes changing single words in things for no real reason. Always fun. Style works again.
Source code
/* ==UserStyle==
@name YouTube Full Theater
@namespace userstyles.world
@version 1.3.0
==/UserStyle== */
@-moz-document url-prefix("https://www.youtube.com/watch") {
ytd-watch-flexy[theater] #player-wide-container.ytd-watch-flexy,
ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy {
height: 100vh;
max-height: 100vh;
}
ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy {
max-height: 100vh;
}
ytd-watch[theater] #player.ytd-watch {
width: 100%;
max-height: 100vh;
}
#masthead-container.ytd-app {
opacity: 0 !important;
transition: opacity 0.2s ease-in-out;
}
#masthead-container.ytd-app:hover {
opacity: 1 !important;
}
/* Hide feedback and restore classic buttons */
#extra-buttons.ytd-app {
display: none !important;
}
/* Fix toast interfering with controls */
#toast.ytd-app:not(.paper-toast-open) {
pointer-events: none;
}
#page-manager.ytd-app {
margin-top: 0px;
}
}