GoodProgrammerweb前端分享HTML5视频事件应用实例,使用onloadedmetadata事件获取视频时长,使用ontimeupdate事件获取视频当前进度,示例代码如下: 1.获取视频时长 当视频载入视频时,使用onloadedmetadata事件获取视频时长。 代码如下: video.onloadedmetadata=function(){ varvLength=video.duration; console.log(vLength); } 2.播放当前视频进度 视频开始播放时,可以通过ontimeupdate事件获取视频当前进度。ontimeupdate事件在视频对象的currentTime属性发生变化时触发。currentTime属性是一个浮点数,最多可以保留12位小数。 代码如下: video.ontimeupdate=function(){ varvTime=video.currentTime; console.log(vTime); };
