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

Add CSS class for video player and refactor video element creation

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

12
static/index.html
View File

@ -77,6 +77,16 @@
border: 2px solid white; border: 2px solid white;
box-shadow: 0 0 15px rgba(0,0,0,0.7); 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> </style>
<script> <script>
function hideLoader() { function hideLoader() {
@ -103,7 +113,7 @@
$("#play-button").click(function() { $("#play-button").click(function() {
if (currentVideo && currentVideo.url) { 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) { if (videoElement.requestFullscreen) {
videoElement.requestFullscreen(); videoElement.requestFullscreen();
} else if (videoElement.mozRequestFullScreen) { /* Firefox */ } else if (videoElement.mozRequestFullScreen) { /* Firefox */