seeseemelk/vivaplusdl
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Implement play button functionality for video playback in fullscreen

Browse Source
This commit is contained in:
Sebastiaan de Schaetzen 2025-06-17 09:28:53 +02:00
parent e17b9f3ec4
commit 8696b9c0f6
1 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
static/index.html
View File

@ -100,6 +100,33 @@
// Hide loader and show videos
hideLoader();
$("#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];
if (videoElement.requestFullscreen) {
videoElement.requestFullscreen();
} else if (videoElement.mozRequestFullScreen) { /* Firefox */
videoElement.mozRequestFullScreen();
} else if (videoElement.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
videoElement.webkitRequestFullscreen();
} else if (videoElement.msRequestFullscreen) { /* IE/Edge */
videoElement.msRequestFullscreen();
}
videoElement.onended = function() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) { /* Firefox */
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE/Edge */
document.msExitFullscreen();
}
$(videoElement).remove(); // Remove video element when playback ends
};
}
});
})
})
</script>