如何覆盖默认的浏览器HTML5视频控件？

5 浏览
0 Comments

如何覆盖默认的浏览器HTML5视频控件？

我正在尝试将视频播放器的自定义快捷键改为YouTube的快捷键。在YouTube上，按下箭头键会倒退或快进5秒钟。在Firefox和Google上，默认情况下，按下左箭头键会将视频倒退15秒，按下右箭头键会将视频快进15秒。我想把它改成5秒。我尝试使用e.preventDefault()，但没有成功。我在使用空格键时也遇到了同样的问题。

有没有办法实现这个功能？

当前代码：

window.addEventListener('keydown', function (event) {
if (event.key === "ArrowLeft") {
        event.preventDefault();
        video.currentTime -= 5;
} else if (event.key === "ArrowRight") {
        event.preventDefault();
        video.currentTime += 5;
        }
});

谢谢。

0