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

热门文章推荐

请稍候...
北京快乐八开奖结果
安徽25选5大星 中国福彩网开奖 梭哈如何玩 赌场的龙虎扑克牌会变吗 注册送体验金的游戏平台 篮彩、胜分差投注伎巧 大乐透周三走势图表图 河南22选5开奖结果走势图 买彩票 广东快乐十分开奘结果 网络AG上赌博就是假的 北京pk赛车10开奖纪录 白小姐玄机图2019117 dun18希尔顿娱乐 浙红快乐12走势图