如何在HTML5中暂停(几秒钟)后播放视频?

时间:2016-12-19 18:15:51

标签: javascript jquery html5 video html5-video

我所拥有的是一个视频(introVid),我想要发生的是当它达到1秒标记时,它需要暂停2秒然后再次播放。这是代码,但它在2秒后不会播放。它只是保持暂停状态。

introVid.addEventListener('timeupdate', function(){

    if(this.currentTime > 1) {
        this.pause();
        setTimeout(function(){
            this.play();    
        }, 2000);
    }
});

正确的方法是什么?

1 个答案:

答案 0 :(得分:0)

this.load();上方添加this.play();以从头开始播放视频。

现在,视频恢复时会立即触发您的监听器(从而再次暂停视频),因为视频的位置未被重置。

更新了JS:

introVid.addEventListener('timeupdate', function(){
    if(this.currentTime > 1) {
        this.pause();
        setTimeout(function(){
            this.load();    
            this.play();    
        }, 2000);
    }
});