A simplified userscript to maximize height of youtube media player with no interaction
// ==UserScript==
// @name Youtube Max Video Height
// @namespace Youtube Max Video Height
// @match https://*.youtube.com/*
// @grant GM_addStyle
// @version 1.0.0
// @author popiazaza (original), dpi0 (modified)
// @description A simplified userscript to maximize height of youtube media player with no interaction
// @license MIT
// @homepageURL https://github.com/dpi0/scripts/blob/main/greasyfork/youtube-max-video-height.js
// @originalhomepageURL https://github.com/popiazaza/Youtube-Max-Video-Height
// @supportURL https://github.com/dpi0/scripts/issues
// ==/UserScript==
GM_addStyle(`
ytd-watch-flexy[theater] #player-wide-container.ytd-watch-flexy,
ytd-watch-flexy[fullscreen] #player-wide-container.ytd-watch-flexy,
ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy,
ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy {
max-height: calc(100vh);
}
#masthead-container.ytd-app {
opacity: 0;
pointer-events: none;
}
#page-manager.ytd-app {
margin-top: 0;
}
`);
(function() {
// Set different styles for non-watch pages
const observer = new MutationObserver(() => {
const masthead = document.getElementById("masthead-container");
if (!masthead) return;
if (window.location.pathname.startsWith("/watch")) {
// On watch pages, hide header and disable interactions
masthead.style.opacity = "0";
masthead.style.pointerEvents = "none";
document.getElementById("page-manager").style.marginTop = "0";
} else {
// On non-watch pages, show header and enable interactions
masthead.style.opacity = "1";
masthead.style.pointerEvents = "auto";
document.getElementById("page-manager").style.marginTop =
"var(--ytd-masthead-height,var(--ytd-toolbar-height))";
}
});
// Run initially and observe for changes
observer.observe(document, { subtree: true, childList: true });
// Initial setup
if (document.getElementById("masthead-container")) {
if (window.location.pathname.startsWith("/watch")) {
document.getElementById("masthead-container").style.opacity = "0";
document.getElementById("masthead-container").style.pointerEvents = "none";
document.getElementById("page-manager").style.marginTop = "0";
} else {
document.getElementById("masthead-container").style.opacity = "1";
document.getElementById("masthead-container").style.pointerEvents = "auto";
document.getElementById("page-manager").style.marginTop =
"var(--ytd-masthead-height,var(--ytd-toolbar-height))";
}
}
})();