updated app

app/static/index.html

@@ -27,9 +27,9 @@
         }
         .playlist-container img, 
         .playlist-container video { 
-            max-width: 100%; 
-            max-height: 100%; 
-            object-fit: contain; /* Ensure content fits within the container */
+            width: 100%; /* Make the video fill the width */
+            height: 100%; /* Make the video fill the height */
+            object-fit: cover; /* Ensure the video scales to cover the container */
         }
         .controls-wrapper {
             position: fixed; /* Fix the controls at the bottom of the page */
@@ -149,6 +149,11 @@
                 video.controls = false;
                 playlistContainer.appendChild(video);
 
+                // Ensure the video starts playing
+                video.play().catch(error => {
+                    console.error("Error starting video playback:", error);
+                });
+
                 // Play the video and move to the next item after it ends
                 video.onended = () => {
                     if (!isPaused) {