video实现实时监测当前播放时间和总时长

白俊遥博客


<video id="video" controls autoplay="autoplay" muted>
    <source src="" type="video/mp4" />
</video>
//监听播放时间
    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);
  }


白俊遥博客
请先登录后发表评论
  • 最新评论
  • 总共1条评论
白俊遥博客

:可以的

2021-12-13 16:13:55 回复