Как воспроизвести видео после паузы (в течение нескольких секунд) в HTML5?

Question

У меня есть видео (introVid), и я бы хотел, чтобы это произошло, когда оно достигло отметки в 1 секунду, оно должно приостановиться на 2 секунды, а затем снова воспроизвести. Вот код, но он не будет воспроизводиться через 2 секунды. Он просто сохраняет приостановленное состояние.

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

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

Каков правильный путь?

Answer 1

Добавить this.load(); над this.play();, чтобы начать видео с самого начала.

Прямо сейчас ваш слушатель запускается немедленно, когда видео возобновляется (таким образом, приостанавливая видео снова), поскольку позиция видео не сбрасывается.

Обновлены JS:

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