☰

YouTube - Hide Controls Until Hover

Automatically hides the top and bottom bar when paused. Makes it easier to read text on the top/bottom that is normally hidden by the controls.

  1. /* ==UserStyle==
  2. @name          YouTube - Hide Controls Until Hover
  3. @namespace     q1k
  4. @version       1.0.0
  5. @description   Automatically hides the top and bottom bar when paused. Makes it easier to read text on the top/bottom that is normally hidden by the controls.
  6. @type          less
  7. ==/UserStyle== */
  8.  
  9. @-moz-document domain("youtube.com") {
  10. .html5-video-player.paused-mode .ytp-chrome-top, 
  11. .html5-video-player.paused-mode .ytp-gradient-top, 
  12. .html5-video-player.paused-mode .ytp-chrome-bottom, 
  13. .html5-video-player.paused-mode .ytp-gradient-bottom {
  14.   visibility: hidden;
  15. }
  16. .html5-video-player.paused-mode:hover .ytp-chrome-top, 
  17. .html5-video-player.paused-mode:hover .ytp-gradient-top, 
  18. .html5-video-player.paused-mode:hover .ytp-chrome-bottom, 
  19. .html5-video-player.paused-mode:hover .ytp-gradient-bottom {
  20.   visibility: visible;
  21. }
  22.  
  23. }