video實現實時監測當前播放時間和總時長

html:

<video id="video" controls autoplay="autoplay" muted>
    <source src="" type="video/mp4" />
</video>

js:

//監聽播放時間
    var video = document.getElementById('video');
//使用事件監聽方式捕捉事件
    video.addEventListener("timeupdate",function(){
      var timeDisplay;
      var duration;
      //用秒數來顯示當前播放進度
      timeDisplay = Math.floor(video.currentTime);
      duration = Math.floor(video.duration);
      console.log('總時長',duration)
      console.log('當前播放的時長',timeDisplay)
    },false);
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章