当前位置：主页 > 查看内容

HTML5 video 事件应用示例

发布时间：2021-08-03 00:00| 有 位朋友查看

简介：1、获取视频时间长度 当视频载入video后，使用 onloadedmetadata 事件获取视频的时间长度。 复制代码 代码如下: video.onloadedmetadata = function () { var vLength = video.duration; console.log(vLength); } 2、当前视频的播放进度 当视频开始播放时，……
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);
};

原文链接：https://m.jb51.net/html5/216780.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：使用 HTML5 Canvas 制作水波纹效果点击图片就会触发 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐