diff options
| -rw-r--r-- | youtube/static/modules/plyr/custom_plyr.css | 22 | ||||
| -rw-r--r-- | youtube/static/watch.css | 14 | ||||
| -rw-r--r-- | youtube/templates/watch.html | 8 |
3 files changed, 23 insertions, 21 deletions
diff --git a/youtube/static/modules/plyr/custom_plyr.css b/youtube/static/modules/plyr/custom_plyr.css new file mode 100644 index 0000000..7658321 --- /dev/null +++ b/youtube/static/modules/plyr/custom_plyr.css @@ -0,0 +1,22 @@ +/* Prevent this div from blocking right-click menu for video +e.g. Firefox playback speed options */ +.plyr__poster { + display: none; +} + +/* plyr fix */ +.plyr:-moz-full-screen video { + max-height: initial; +} + +.plyr:-webkit-full-screen video { + max-height: initial; +} + +.plyr:-ms-fullscreen video { + max-height: initial; +} + +.plyr:fullscreen video { + max-height: initial; +} diff --git a/youtube/static/watch.css b/youtube/static/watch.css index 849e22b..460bba3 100644 --- a/youtube/static/watch.css +++ b/youtube/static/watch.css @@ -24,20 +24,6 @@ video { max-height: calc(100vh/1.5); } -/* plyr fix */ -.plyr:-moz-full-screen video { - max-height: initial; -} -.plyr:-webkit-full-screen video { - max-height: initial; -} -.plyr:-ms-fullscreen video { - max-height: initial; -} -.plyr:fullscreen video { - max-height: initial; -} - a:link { color: var(--link); } diff --git a/youtube/templates/watch.html b/youtube/templates/watch.html index 9cf9657..0991457 100644 --- a/youtube/templates/watch.html +++ b/youtube/templates/watch.html @@ -8,14 +8,8 @@ {% if settings.use_video_player == 2 %} <!-- plyr --> <link href="/youtube.com/static/modules/plyr/plyr.css" rel="stylesheet"> + <link href="/youtube.com/static/modules/plyr/custom_plyr.css" rel="stylesheet"> <!--/ plyr --> - <style> - /* Prevent this div from blocking right-click menu for video - e.g. Firefox playback speed options */ - .plyr__poster { - display: none !important; - } - </style> {% endif %} {% endblock style %} |