1、获取视频时间长度
n5 `9 {0 G4 J4 a ^当视频载入video后,使用 onloadedmetadata 事件获取视频的时间长度。
6 U; C7 s d- D- B2 A! `代码如下:
! w# j# p) R' m; ]1 a/ V9 dvideo.onloadedmetadata = function () {
9 o# [$ g. `% Bvar vlength = video.duration;
: N1 u' F6 V# i! T' u$ wconsole.log(vlength);
7 ^& L& k! ?# S6 ~. L! {0 Y}
7 t8 D- K; e3 P: g/ B- U2、当前视频的播放进度
8 q0 t; i U" S( Q* z当视频开始播放时,可以使用 ontimeupdate 事件获取视频当前播放的进度。当video对象的 currenttime 属性发生改变时触发 ontimeupdate 事件。currenttime 属性是浮点小数,可取到 12 位数的小数位数。
& n0 [( c4 R J) E% h2 ?代码如下:
" a0 Z$ Y1 a! D) l2 Cvideo.ontimeupdate = function () {
2 U3 p3 w1 Y9 S: hvar vtime = video.currenttime; / ~/ ]( Q7 @6 s) l0 G8 P
console.log(vtime);
8 R' l/ G$ w3 ~) [6 ~! f}; 8 J% U7 E% y9 x/ j" y8 i* r
* x8 Q% E" v# G" G2 v; `
更多网页制作信息请查看: 网页制作 |