我如何在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 video事件，它会在视频播放时重复运行。