Add CSS class for video player and refactor video element creation

This commit is contained in:
Sebastiaan de Schaetzen 2025-06-17 09:29:50 +02:00
parent 8696b9c0f6
commit a0b4e6d649

View File

@ -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 */