javascript - 使用 .play() 通过按 enter 键来播放/暂停视频

Question

我正在寻找一种在 Chrome 中启动和停止 HTML 5 视频的方法（我正在使用impress.js，所以它只能在 Chrome 中工作），方法是按 enter 键。

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

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

Answer 1

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：也请看评论。

Answer 2

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