·您当前的位置:主页 > 技术教程 > Html5技术 >

[HTML5]HTML5视频video时间事件代码

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

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

1、获取视频时间长度

当视频载入video后,使用 onloadedmetadata 事件获取视频的时间长?#21462;?/p>

代码如下:

video.onloadedmetadata = function () {
var vLength = video.duration;
console.log(vLength);
}

2、当前视频的播放进度

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

代码如下:

video.ontimeupdate = function () {
var vTime = video.currentTime;
console.log(vTime);
};

热门文章推荐

请稍候...
北京快乐八开奖结果
网上被诱骗玩新11选5 青海11选5前三和值表 山东老11选5 2018年3d和值走势图 福彩12开奖结果今天 青海十一选五预测 22选5金卡用胆拖投注 浙江快乐12计算公式 福彩3d组选三全买能中多少 百宝彩 臼小爼白小:肖一码期期准 p3试机号体彩排列三试机号 福建十一选五基本走势图 快速时时彩计划网 广东快乐10分任选一