当前位置: 首页 > Web前端 > HTML5

GoodProgrammerweb前端分享HTML5视频事件应用实例

时间:2023-04-05 21:16:10 HTML5

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