Refactor styles on video playback page

Made changes to the styles on the video playback page to enhance visibility and address issues with the video player.
Added a new custom style file for Plyr, and removed redundant and unused styles in watch.css.

Specific changes:
- Added custom_plyr.css for Plyr styles.
- Removed redundant styles related to playback issues in watch.css

1 files changed, 0 insertions, 14 deletions

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);
 }