HTML5 video 事件 – 苏demo的别样人生

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

打赏

   如果本篇文章对您有帮助，欢迎向博主进行赞助，赞助时请写上您的用户名。

   支付宝直接捐助帐号oracle_lee@qq.com 感谢支持！