☰

YouTube - Show Buttons On Hover When Paused

Hide buttons when the video is paused and show them again when hovered

  1. /* ==UserStyle==
  2. @name           YouTube - Show Buttons On Hover When Paused
  3. @namespace      https://github.com/pabli24
  4. @version        1.1.2
  5. @description    Hide buttons when the video is paused and show them again when hovered
  6. @author         Pabli
  7. @license        MIT
  8. @homepageURL    https://github.com/pabli24/YTPlayerHideButtonsWhenPaused
  9. @supportURL     https://github.com/pabli24/YTPlayerHideButtonsWhenPaused/issues
  10. @preprocessor   stylus
  11. @var            checkbox oHide    "Show buttons on hover when paused" 1
  12. @var            number   oPaused  "Buttons opacity when paused"       [1, 0, 1, 0.01]
  13. @var            number   oPlaying "Buttons opacity when playing"      [1, 0, 1, 0.01]
  14. ==/UserStyle== */
  15.  
  16. @-moz-document domain("youtube.com") {
  17. if oHide {
  18. 	.paused-mode:not(.unstarted-mode) > div:not(.html5-video-container):not(.ytp-ce-shadow) {
  19. 		opacity: 0
  20. 	}
  21. }
  22. .paused-mode:hover > div:not(.html5-video-container):not(.ytp-ce-shadow) {
  23. 	opacity: oPaused
  24. }
  25. .playing-mode:not(.ytp-autohide):hover > div:not(.html5-video-container):not(.ytp-ce-shadow):not(.ytp-caption-window-container) {
  26. 	opacity: oPlaying
  27. }
  28. }