首页前端开发HTMLHTML5 video 事件应用示例

HTML5 video 事件应用示例

时间2024-01-24 13:28:38发布访客分类HTML浏览819
导读:收集整理的这篇文章主要介绍了HTML5 video 事件应用示例,觉得挺不错的,现在分享给大家,也给大家做个参考。 1、获取视频时间长度 当视频载入video后,使用 onloadedmetadata 事件获取视频的时间长度。 复...
收集整理的这篇文章主要介绍了HTML5 video 事件应用示例,觉得挺不错的,现在分享给大家,也给大家做个参考。 1、获取视频时间长度

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

复制代码代码如下:
video.onloadedmetadata = function () {
VAR vLength = video.duration;
console.LOG(vLength);
}

2、当前视频的播放进度

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

复制代码代码如下:
video.ontimeupdate = function () {
var vTime = video.currentTime;
console.log(vTime);
} ;

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

video

若转载请注明出处: HTML5 video 事件应用示例
本文地址: https://pptw.com/jishu/585429.html
一款html5 canvas实现的图片玻璃碎片特效 HTML5地理定位实例

游客 回复需填写必要信息