☰

Remove youtube topbar on theater mode

Removes the youtube topbar when theater mode is on

  1. // ==UserScript==
  2. // @name        Remove youtube topbar on theater mode
  3. // @description Removes the youtube topbar when theater mode is on
  4. // @namespace   nah
  5. // @include     https://www.youtube.com/watch?*
  6. // @version     1
  7. // @grant       none
  8. // @run-at      document-end
  9. // ==/UserScript==
  10.  
  11. var mainPage = document.getElementById("page");
  12. var stageModeButton = document.getElementsByClassName("ytp-size-button ytp-button")[0];
  13. var topBar = document.getElementById("masthead-positioner");
  14. var topBarHeightOffest = document.getElementById("masthead-positioner-height-offset");
  15.  
  16. function isStageMode() {
  17.   return mainPage.classList.contains("watch-stage-mode");
  18. }
  19. function toggleMe(element, show){
  20.   if(element){
  21.     if(show)
  22.       element.style.visibility = "visible";
  23.     else
  24.       element.style.visibility = "collapse";
  25.   }
  26. }
  27. function refreshTopBar(show){
  28.   toggleMe(topBar, show);
  29.   toggleMe(topBarHeightOffest, show);
  30.   if(show)
  31.     topBarHeightOffest.style.height = "50px";
  32.   else
  33.     topBarHeightOffest.style.height = "0px";
  34. }
  35.  
  36. document.getElementsByClassName("ytp-size-button ytp-button")[0].onclick = function(){
  37.   refreshTopBar(isStageMode());
  38. }
  39. refreshTopBar(!isStageMode());