1、获取视频时间长度
: Z9 H* f+ ?* o$ ~: H6 T# h% }当视频载入video后,使用 onloadedmetadata 事件获取视频的时间长度。
) U- ]) t( m) s: K4 G8 d D代码如下:" J3 D* c/ Y4 p) W+ S: z& E0 @7 D
video.onloadedmetadata = function () { ! @, `$ s) [' c- \1 P; G a
var vlength = video.duration;
9 h. J& ^3 Q1 ] {+ A, U7 U- iconsole.log(vlength);
$ W# v0 M$ s6 ?1 t}
; N3 @* I. a( e6 [0 H8 V) I2、当前视频的播放进度
( o8 Y! c/ c" A0 r7 s当视频开始播放时,可以使用 ontimeupdate 事件获取视频当前播放的进度。当video对象的 currenttime 属性发生改变时触发 ontimeupdate 事件。currenttime 属性是浮点小数,可取到 12 位数的小数位数。( _) B& q8 ?# `# X4 l3 s: v& t9 x
代码如下:
, B. \# \0 j8 P Q3 Vvideo.ontimeupdate = function () { - w7 r; A, {3 x8 k- `" s4 X# q5 N
var vtime = video.currenttime; 8 r4 s, ?+ l2 i# T& M
console.log(vtime); 5 Z6 U7 o4 A# o. [* u; |
}; " } z5 v8 O% b
* D4 ]$ l3 M! t6 I5 i0 E% n5 N+ Y更多网页制作信息请查看: 网页制作 |