Removes YouTube’s new “Delhi” player experiment flags to restore the old video player UI. In English, this userscript brings back the Youtube UI we all know and love. This was developed due to many users like myself wanting a free method to get rid of the new video player change Youtube has forced on us. This userscript also comes with Return Youtube Dislike, Skip Sponsored Segments via Sponsorblock & many tweaks, all of which are toggleable.
< 脚本 OldYTPlayer | YouTube Old Player UI Pre-2025 & Minimal Tweaks 的反馈
Hi, I added this functionality to the script, however I need to manually disable and re-enable it through the Annoyances tab for it to work, it does not autoload despite adding it to the list. here's what I changed:
...
/* ==================== Fix cinema mode (CSS-only) ================== */
function applyFixCinemaModeCSS() {
const style = document.createElement('style');
style.id = 'fix-cinema-mode-style';
style.textContent = `
ytd-app {
overflow: auto !important;
}
ytd-app[scrolling] {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: calc((var(--ytd-app-fullerscreen-scrollbar-width) + 1px)*-1) !important;
bottom: 0 !important;
overflow-x: auto !important;
}
ytd-watch-flexy[full-bleed-player] #single-column-container.ytd-watch-flexy,
ytd-watch-flexy[full-bleed-player] #columns.ytd-watch-flexy {
display: flex !important;
}
.ytp-fullscreen-grid-peeking.ytp-full-bleed-player.ytp-delhi-modern:not(.ytp-autohide) .ytp-chrome-bottom {
bottom: 0 !important;
opacity: 1!important;
}
#movie_player:not(.ytp-grid-ended-state) .ytp-fullscreen-grid {
display: none!important;
top: 100%!important;
opacity: 0!important;
}
.ytp-overlays-container {
display: none !important;
}
ytd-watch-flexy[full-bleed-player][i-max-theater-mode][theater]:not([fullscreen]) #full-bleed-container.ytd-watch-flexy {
height: 56.25vw;
max-height: 81.5vh;
}
`;
document.head.appendChild(style);
}
function removeRemoveCinemaCSS() { document.getElementById('fix-cinema-mode-style')?.remove(); }
const CONFIG_BLOCKS = [
{
type: 'block',
id: 'annoyances',
name: 'Annoyances',
desc: 'Hide little nuisances in the player.',
iconName: 'block',
children: [
...
{
id: 'fix_cinema',
name: 'Fix cinema mode',
desc: 'Reverts the cinema mode',
iconName: 'format_color_reset',
promptRefresh: false,
onChange: (on) => { if (on) applyFixCinemaModeCSS(); else removeRemoveCinemaCSS(); }
},
...
/* ========== Apply toggles/values immediately at load =============== */
...
if (storageGet('fix_cinema')) applyFixCinemaModeCSS();
Honestly, if you can add this functionality the the script, it would be a 10/10 and solve all my issues with youtube.
Hi, could you add an option to revert cinema/theatre mode? As of now it takes up the entire screen. I am currently using the following CSS (with Stylus) but it is incompatible with your userscript: