1、获取视频时间长度
* ~% p2 b: t t1 t当视频载入video后,使用 onloadedmetadata 事件获取视频的时间长度。) j. ~7 ~$ Y* \3 D
代码如下:
2 O: ~0 a& H+ b( @! a; ]9 S+ P* vvideo.onloadedmetadata = function () {
' i9 \7 }# @% q5 J! ?% _var vlength = video.duration; : a$ d, C( ]: z
console.log(vlength); & l. v7 b0 T3 B! i/ x( S
}
! E1 F' M3 @( w2 c% c& e) B2、当前视频的播放进度
3 ]3 _. x6 @/ \4 K当视频开始播放时,可以使用 ontimeupdate 事件获取视频当前播放的进度。当video对象的 currenttime 属性发生改变时触发 ontimeupdate 事件。currenttime 属性是浮点小数,可取到 12 位数的小数位数。
0 T N. _* X0 d) H! q! A代码如下:5 S. F# {, }; M* e" j& F6 Q: @
video.ontimeupdate = function () {
3 N0 x3 J5 c! k" w4 cvar vtime = video.currenttime;
" s* d/ e' @- {( z- n( b, X' Jconsole.log(vtime); + O5 B2 c5 }5 S' p! F; M3 ^
};
& ^- w- M1 C# s/ O j# [
: P" U' a) i& Q. n更多网页制作信息请查看: 网页制作 |