diff --git a/html/poketube.ejs b/html/poketube.ejs index 31e65259..975f138e 100644 --- a/html/poketube.ejs +++ b/html/poketube.ejs @@ -630,6 +630,51 @@ background-color: #0000; localStorage.setItem(`progress-${new URLSearchParams(window.location.search).get('v')}`, 0); if (qua !== "medium") { + + +document.addEventListener('keydown', function(event) { + // Toggle play/pause with the Spacebar and prevent control activation + if (event.key === ' ' || event.key === 'Spacebar') { + event.preventDefault(); // Prevent default action, like activating buttons + if (video.paused()) { + video.play(); + } else { + video.pause(); + } + } + + // Toggle fullscreen with the F key + if (event.key === 'f' || event.key === 'F') { + event.preventDefault(); + if (video.isFullscreen()) { + video.exitFullscreen(); + } else { + video.requestFullscreen(); + } + } + + // Toggle mute with the M key + if (event.key === 'm' || event.key === 'M') { + event.preventDefault(); + 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; + + event.preventDefault(); + video.currentTime(video.duration * number * 0.1); + } +}); + const audio = document.getElementById('aud'); // Sync volume between audio and video @@ -720,49 +765,6 @@ background-color: #0000; }); -document.addEventListener('keydown', function(event) { - // Toggle play/pause with the Spacebar and prevent control activation - if (event.key === ' ' || event.key === 'Spacebar') { - event.preventDefault(); // Prevent default action, like activating buttons - if (video.paused()) { - video.play(); - } else { - video.pause(); - } - } - - // Toggle fullscreen with the F key - if (event.key === 'f' || event.key === 'F') { - event.preventDefault(); - if (video.isFullscreen()) { - video.exitFullscreen(); - } else { - video.requestFullscreen(); - } - } - - // Toggle mute with the M key - if (event.key === 'm' || event.key === 'M') { - event.preventDefault(); - 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; - - event.preventDefault(); - video.currentTime(video.duration * number * 0.1); - } -}); - <% if(dm) { %>