[HTML5]HTML5视频video时间事件代码
[HTML5]HTML5视频video时间事件代码
oO雨的印记Oo 发表于7个月前
[HTML5]HTML5视频video时间事件代码
  • 发表于 7个月前
  • 阅读 13
  • 收藏 0
  • 点赞 0
  • 评论 0

使用 onloadedmetadata 事件获取视频的时间长度,使用 ontimeupdate 事件获取视频当前播放的进度,示例代码如下

1、获取视频时间长度

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

代码如下:(下面的video为标签的id)

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

共有 人打赏支持
粉丝 3
博文 24
码字总数 13722
×
oO雨的印记Oo
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: