diff --git a/html/poketube.ejs b/html/poketube.ejs index 975f138e..76f09823 100644 --- a/html/poketube.ejs +++ b/html/poketube.ejs @@ -632,11 +632,13 @@ background-color: #0000; if (qua !== "medium") { -document.addEventListener('keydown', function(event) { - // Toggle play/pause with the Spacebar and prevent control activation - if (event.key === ' ' || event.key === 'Spacebar') { + document.addEventListener('keydown', function(event) { + const video = document.querySelector('video'); // Adjust if you have a different way to reference your video element + + // Toggle play/pause with the Spacebar + if (event.code === 'Space') { event.preventDefault(); // Prevent default action, like activating buttons - if (video.paused()) { + if (video.paused) { video.play(); } else { video.pause(); @@ -644,34 +646,27 @@ document.addEventListener('keydown', function(event) { } // Toggle fullscreen with the F key - if (event.key === 'f' || event.key === 'F') { + if (event.code === 'KeyF') { event.preventDefault(); - if (video.isFullscreen()) { - video.exitFullscreen(); + if (document.fullscreenElement) { + document.exitFullscreen(); } else { video.requestFullscreen(); } } // Toggle mute with the M key - if (event.key === 'm' || event.key === 'M') { + if (event.code === 'KeyM') { event.preventDefault(); - video.muted(!video.muted()); + video.muted = !video.muted; } - if (event.ctrlKey || event.metaKey || event.altKey) { - return; - } - - var ewhich = event.which || event.keyCode; - - // Number keys from 0-9 skip to a percentage of the video. 0 is 0% and 9 is 90% - if ((ewhich >= 48 && ewhich <= 57) || (ewhich >= 96 && ewhich <= 105)) { - var sub = ewhich >= 96 ? 96 : 48; - var number = ewhich - sub; - + // Seeking options with keys 1 to 9 + if (event.code >= 'Digit1' && event.code <= 'Digit9') { event.preventDefault(); - video.currentTime(video.duration * number * 0.1); + const percent = parseInt(event.code.replace('Digit', '')) * 10; + const time = (percent / 100) * video.duration; + video.currentTime = time; } });