1、获取视频时间长度
8 p& z! J2 C7 s$ `7 P! o当视频载入video后,使用 onloadedmetadata 事件获取视频的时间长度。6 @+ X! p( h0 {$ | A
代码如下:! R! K4 H% X9 t! I8 e7 l
video.onloadedmetadata = function () {
1 h5 O' L3 h- I8 \6 _var vlength = video.duration; . |, l$ q2 t1 [7 H: L
console.log(vlength); H7 c- p- P5 r* ^& V5 J
}
- v7 b- h/ o) p2、当前视频的播放进度 + C) a+ A' K6 Z" p( s' c
当视频开始播放时,可以使用 ontimeupdate 事件获取视频当前播放的进度。当video对象的 currenttime 属性发生改变时触发 ontimeupdate 事件。currenttime 属性是浮点小数,可取到 12 位数的小数位数。
) g- N) O2 h& C# i Q. x' F! r( ^5 t代码如下:
- r2 u* Z+ x- V6 tvideo.ontimeupdate = function () { 1 k7 x% a& F$ y4 e5 C3 Q/ w- W
var vtime = video.currenttime;
9 T% N) q! D+ W) q ?console.log(vtime); - g& {& V! a" p7 g- P4 T
}; ( f& K% l, K! U. J+ q
- e0 r9 f: q9 z) ` J! G
更多网页制作信息请查看: 网页制作 |