首页 / HTML5 / HTML5video事件应用示例_html5教程技巧

HTML5video事件应用示例_html5教程技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML5video事件应用示例_html5教程技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含497字，纯文字阅读大概需要1分钟。

内容图文

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

内容总结

以上是互联网集市为您收集整理的HTML5video事件应用示例_html5教程技巧全部内容，希望文章能够帮你解决HTML5video事件应用示例_html5教程技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/390346.html

来源：【匿名】