如何在 javascript 中获取自动播放的 html5 mp4 视频的当前时间，然后在时间达到 5 秒时停止它？

Question

所以，我需要在页面加载时自动播放几个具有相同类的视频。 那也行。 然后，当视频开始播放时，当它们达到 1 秒时，我需要它们自动停止。 另一部分是我需要的。

 <video playsinline muted loop class="video">
     <source src="video-source">
 </video>

let videos = document.querySelectorAll('.video');

window.addEventListener('DOMContentLoaded', () => {
   videos.forEach(el => {
    el.play();
   });
 });

我试过做这样的事情，获取 currentTime 然后做一个 IF 语句，但没有运气。 它总是控制台记录 0。

  function myFunction() {
   videos.forEach(el => {
   console.log(el.currentTime);
   if(el.currentTime = 5) {
   el.pause();     
  }
});

}

谢谢！

Answer 1

您当前尝试的问题是它只运行一次，您需要有一种方法来定期检查您的逻辑，以便您可以连续检查经过的时间。

您可能会考虑使用timeupdate视频事件，它会在视频播放时重复运行。