html5获取播放器实时进度

Html5 video监控实时播放进度

Video对象可以通过ontimeupdate时间来进行监听实时播放进度

 var videoPlayer = document.getElementById("video");
 videoPlayer.ontimeupdate = function () { timeUpdate(); };
 function timeUpdate() {
       document.getElementById('time').innerHTML = video.currentTime;
 }

解释

给video添加ontimeupdate监听这个监听可以实时监控播放进度，然后在监听当中不断调用方法