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

Question

我有一个视频(introVid)，我希望当它达到 1 秒标记时，需要暂停 2 秒，然后再次播放。这是代码，但 2 秒后不会播放。它只是保持暂停状态。

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

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

正确的做法是什么？

Answer 1

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

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

更新了 JS:

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