如何在 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);
    }
});