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);
  }