From a0b4e6d64921b28630455a99b2e6040a0d77e58c Mon Sep 17 00:00:00 2001
From: Sebastiaan de Schaetzen <sebastiaan.de.schaetzen@gmail.com>
Date: Tue, 17 Jun 2025 09:29:50 +0200
Subject: [PATCH] Add CSS class for video player and refactor video element
 creation

---
 static/index.html | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/static/index.html b/static/index.html
index 8c43c04..53282f1 100644
--- a/static/index.html
+++ b/static/index.html
@@ -77,6 +77,16 @@
 			border: 2px solid white;
 			box-shadow: 0 0 15px rgba(0,0,0,0.7);
 		}
+
+		.video-player {
+			width: 100%;
+			height: 100%;
+			position: fixed;
+			top: 0;
+			left: 0;
+			z-index: 10000;
+			background-color: black;
+		}
 	</style>
 	<script>
 		function hideLoader() {
@@ -103,7 +113,7 @@
 
 				$("#play-button").click(function() {
 					if (currentVideo && currentVideo.url) {
-						let videoElement = $("<video controls autoplay style='width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;background-color:black;'></video>").attr("src", currentVideo.url).appendTo("body")[0];
+						let videoElement = $("<video controls autoplay class='video-player'></video>").attr("src", currentVideo.url).appendTo("body")[0];
 						if (videoElement.requestFullscreen) {
 							videoElement.requestFullscreen();
 						} else if (videoElement.mozRequestFullScreen) { /* Firefox */