使用 .play(） 通过按回车键播放/暂停视频

Using .play() to play/pause a video by pressing the enterkey

本文关键字：播放 暂停 视频 回车 play 使用      更新时间：2023-09-26

我正在寻找一种通过按回车键在 Chrome 中启动和停止 HTML 5 视频的方法(我使用的是 impress.js ，所以它只需要在 Chrome 中工作(。

我知道它与.play()函数有关，但我对 JavaScript 相当陌生。

有人可以给我一个提示吗？

var video = document.getElementById('video-element-id-here');
document.onkeypress = function(e) {
    if ( (e || window.event).keyCode === 13 /* enter key */ ) {
        video.paused ? video.play() : video.pause();
    }
};

OP：也请看评论。

var myVideo = document.getElementById('vid-id');
document.documentElement.addEventListener("keyup", function(e) {
    var ev = e || window.event; // window.event for IE fallback
    if(ev.keyCode == 13) {
        // toggle play/pause
        if(myVideo.paused) { myVideo.play(); }
        else { myVideo.pause(); }
    }
});

注意：keyup每次按下时仅触发一次，当释放一个键时。 如果用户按住键，keydown和keypress将反复触发。

相关文章：