diff --git a/inject.css b/inject.css index d62c943..6274f6f 100644 --- a/inject.css +++ b/inject.css @@ -48,11 +48,21 @@ } /* shift controller when YouTube infobar is present */ -.ytp-block-autohide:not(.el-detailpage) .tc-videoController, html[data-player-size=fullscreen] .tc-videoController { +.ytp-block-autohide:not(.el-detailpage) .tc-videoController { margin-top: 40px; } -.html5-video-player:not(.ytp-block-autohide):not(.el-detailpage) .tc-videoController, html[data-player-size=fullscreen] .html5-video-player:not(.ytp-block-autohide) .tc-videoController { +.html5-video-player:not(.ytp-block-autohide):not(.el-detailpage) .tc-videoController { transition: margin-top .25s cubic-bezier(0.4,0,0.2,1); margin-top: 10px; } + +html[data-player-size=fullscreen] .tc-videoController { + display: block; + margin-top: 40px; +} + +html[data-player-size=fullscreen] .html5-video-player:not(.ytp-block-autohide) .tc-videoController { + transition: opacity .25s cubic-bezier(0.4,0,0.2,1); + opacity: 0; +}