Javascript 使用.play（）通过按Enter键播放/暂停视频

我正在寻找一种在Chrome中启动和停止HTML5视频的方法，我使用的是impress.js，所以它只需在Chrome中按enter键即可工作

我知道它与.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(); }
    }
});

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将重复启动

---

注意：每次按下一个键时，keyup仅触发一次。如果用户按住键，keydown和keypress将重复启动。

我建议将按键绑定到视频元素，因为在其他元素上也可以按enter键，这将导致意外的行为。我想这取决于OP想要什么样的互动。我认为，检查错误的document.activeElement也是可行的。我建议将按键绑定到视频元素，因为其他元素也可以按enter键，这会导致意外的行为。我想这取决于OP想要什么样的互动。我认为，检查错误的document.activeElement也是可行的。