如何在 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視頻事件，它會在視頻播放時重復運行。