Update video time update handling and refine seek bar input

This commit is contained in:
Sebastiaan de Schaetzen 2025-06-17 10:12:45 +02:00
parent 493b460d34
commit e0297afe0f

View File

@ -325,8 +325,8 @@
$(videoElement).on('play.currentVideo', updatePlayPauseButtonState); $(videoElement).on('play.currentVideo', updatePlayPauseButtonState);
$(videoElement).on('pause.currentVideo', updatePlayPauseButtonState); $(videoElement).on('pause.currentVideo', updatePlayPauseButtonState);
$(videoElement).on('loadedmetadata.currentVideo', handleVideoLoadedMetadata); $(videoElement).on('loadedmetadata.currentVideo', handleVideoLoadedMetadata);
$(videoElement).on('timeupdate.currentVideo', handleVideoTimeUpdate);
$(videoElement).on('ended.currentVideo', exitVideoPlayback); $(videoElement).on('ended.currentVideo', exitVideoPlayback);
setInterval(handleVideoTimeUpdate, 1000/30);
// --- Setup Fullscreen Change Listener (session-specific) --- // --- Setup Fullscreen Change Listener (session-specific) ---
$(document).off('fullscreenchange.videoPlayback webkitfullscreenchange.videoPlayback mozfullscreenchange.videoPlayback MSFullscreenChange.videoPlayback', handleFullscreenChange); $(document).off('fullscreenchange.videoPlayback webkitfullscreenchange.videoPlayback mozfullscreenchange.videoPlayback MSFullscreenChange.videoPlayback', handleFullscreenChange);
@ -351,7 +351,7 @@
<button id="back-button">Back</button> <button id="back-button">Back</button>
<div id="custom-video-controls"> <div id="custom-video-controls">
<button id="custom-play-pause-button"></button> <!-- Default to Play icon --> <button id="custom-play-pause-button"></button> <!-- Default to Play icon -->
<input type="range" id="custom-seek-bar" value="0" /> <input type="range" id="custom-seek-bar" value="0" step="any" />
</div> </div>
</div> </div>
</body> </body>