·您当前的位置:主页 > 技术教程 > 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);
};

热门文章推荐

请稍候...
北京快乐八开奖结果
浙江6十1开奖号码对比 广西快乐双彩综合走势图表 体彩安徽十一选五开奖结果查询 3d和尾走势图带连线图解 黑龙江十一选五爱彩乐 双色球走势图2 上海天天彩选4开奖号码 河南快三今走势图 分分彩官网 北京十一选五开奖查询结果 双色球走势图带连线 360排列三走势图 吉林快三手机版助赢软件下载 快乐时时彩是哪里的 电子二八杠技巧