Hide buttons when the video is paused and show them again when hovered
/* ==UserStyle==
@name YouTube - Show Buttons On Hover When Paused
@namespace https://github.com/pabli24
@version 1.1.3
@description Hide buttons when the video is paused and show them again when hovered
@author Pabli
@license MIT
@homepageURL https://github.com/pabli24/YTPlayerHideButtonsWhenPaused
@supportURL https://github.com/pabli24/YTPlayerHideButtonsWhenPaused/issues
@preprocessor less
@var checkbox opacityHide "Show buttons on hover when paused" 1
@var number opacityPaused "Buttons opacity when paused" [1, 0, 1, 0.01]
@var number opacityPlaying "Buttons opacity when playing" [1, 0, 1, 0.01]
==/UserStyle== */
@-moz-document domain("youtube.com") {
& when (@opacityHide = 1) {
.paused-mode:not(.unstarted-mode) > div:not(.html5-video-container):not(.ytp-ce-shadow) {
opacity: 0;
}
}
.paused-mode:hover > div:not(.html5-video-container):not(.ytp-ce-shadow) {
opacity: @opacityPaused;
}
.playing-mode:not(.ytp-autohide):hover > div:not(.html5-video-container):not(.ytp-ce-shadow):not(.ytp-caption-window-container):not(.ytp-player-content):not(.sponsorSkipNoticeContainer) {
opacity: @opacityPlaying;
}
}