使用.play()按Enter键播放/暂停视频

时间:2012-05-17 15:10:16

标签: javascript google-chrome html5-video

我正在寻找一种方法来启动和停止Chrome中的HTML 5视频(我正在使用impress.js,因此只需按下回车键即可在Chrome中使用)。

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

有人能给我一个暗示吗?

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:1)

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每次按下时,只有一个按键被释放。如果用户按下密钥,keydownkeypress将重复触发。