HTML5视频事件应用实例

使用onloadedmetadata事件得到视频的时间长度和使用ontimeupdate事件在当前播放的视频的进步得到。示例代码如下所示




1。获取视频时间长度

当视频加载到视频的onloadedmetadata事件用于获取视频的时间长度。

复制代码代码如下所示:
video.onloadedmetadata =函数(){
无功vlength = video.duration;
console.log(vlength);
}

2。当前视频播放进度

当视频开始播放,你可以使用ontimeupdate事件得到视频的进展,ontimeupdate事件被触发时,它的属性的视频对象的变化,它的属性是一个浮点数,这是可取的12位十进制数。

复制代码代码如下所示:
video.ontimeupdate =函数(){
VaR Vtime = video.currenttime;
console.log(五);
};