2018年04月6日网站服务器迁移完成……

HTML5 video 事件

html5 苏 demo 1671℃ 0评论

1、获取视频时间长度

当视频载入video后,使用 onloadedmetadata 事件获取视频的时间长度。

1
2
3
4
video.onloadedmetadata = function () {
    var vLength = video.duration;
    console.log(vLength);
}

2、当前视频的播放进度

当视频开始播放时,可以使用 ontimeupdate 事件获取视频当前播放的进度。当video对象的 currentTime 属性发生改变时触发 ontimeupdate 事件。currentTime 属性是浮点小数,可取到 12 位数的小数位数。

1
2
3
4
video.ontimeupdate = function () {
    var vTime = video.currentTime;
    console.log(vTime);
 };
打赏

转载请注明:苏demo的别样人生 » HTML5 video 事件

   如果本篇文章对您有帮助,欢迎向博主进行赞助,赞助时请写上您的用户名。
支付宝直接捐助帐号oracle_lee@qq.com 感谢支持!
喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情