From 522da39464f3f0189f30b90cabdcba9da02361b5 Mon Sep 17 00:00:00 2001
From: deflax <daniel@deflax.net>
Date: Sat, 20 Jan 2024 00:59:34 +0200
Subject: [PATCH] remove video-container

---
 src/scheduler/templates/watch.html | 32 +++---------------------------
 1 file changed, 3 insertions(+), 29 deletions(-)

diff --git a/src/scheduler/templates/watch.html b/src/scheduler/templates/watch.html
index 118dcd6..b76e8f3 100644
--- a/src/scheduler/templates/watch.html
+++ b/src/scheduler/templates/watch.html
@@ -24,31 +24,6 @@
         body {
 	        background-color: #212529;
         }
-
-        .video-container {
-            position: absolute;
-            top: 0;
-            bottom: 0;
-            width: 100%;
-            height: 100%; 
-            overflow: hidden;
-        }
-
-        .video-container video {
-            /* Make video to at least 100% wide and tall */
-            min-width: 100%; 
-            min-height: 100%; 
-          
-            /* Setting width & height to auto prevents the browser from stretching or squishing the video */
-            width: auto;
-            height: auto;
-          
-            /* Center the video */
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%,-50%);
-        }
     </style>
     <title>DeflaxTV Video Player</title>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
@@ -62,10 +37,9 @@
         <div class="col-xs-12 col-md-1">
         </div>
         <div class="col-xs-12 col-md-10">
-            <div class="video-container" poster="{{ url_for('thumb_route', file_name=thumb_file) }}">
-                <video id="player" controls crossorigin playsinline >
-                    <source src="{{ url_for('video_route', file_name=video_file) }}" type="video/mp4">
-                </video>
+            <video id="player" controls crossorigin playsinline poster="{{ url_for('thumb_route', file_name=thumb_file) }}">
+                <source src="{{ url_for('video_route', file_name=video_file) }}" type="video/mp4">
+            </video>
             </div>
         </div>
         <div class="col-xs-12 col-md-1">