返回列表 发新帖

html5 video 事件应用示例

405.3k 10
swmozowtfl 发表于 2015-7-31 22:03:46|湖北 | 查看全部 阅读模式
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 V
video.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更多网页制作信息请查看: 网页制作

回复|共 10 个

mwxny 发表于 2015-12-28 12:19:35|美国 | 查看全部
卧虎藏龙里面半天云的人物个性。由此而言,作者是性格是完善的,想必经历过家庭的其 乐融融,也经历过种种人伦惨剧吧,把作者的创作潜质激发的淋漓尽致。
gevaemaidovef 发表于 2015-12-28 12:19:42|美国 | 查看全部
呵呵 那是啊~~
gevaemaidovef 发表于 2015-12-28 12:20:02|法国 | 查看全部
正好你开咯这样的帖
effoggikeftor 发表于 2015-12-28 12:19:45|阿根廷 | 查看全部
能告诉我丫挺什么意思吗?赐教
wwzcdenleclv 发表于 2015-12-28 12:20:32|INNA | 查看全部
这个论坛值得推荐,给了我们这么好的一个平台
Acropozelan 发表于 2016-3-5 19:09:39|日本 | 查看全部
成长可以说已经是很幸福的了。但在另一方面,作者也不是温室里的花*,只能作些鸳鸯蝴蝶 的文章。在前面我已经说过了,这篇文章比形散神聚更胜一筹。诸位见过大风沙没有
bqtklouu 发表于 2016-3-5 19:09:35|美国 | 查看全部
估计你是没见识过~` 呵呵
effoggikeftor 发表于 2016-3-5 19:09:36|法国 | 查看全部
朕在自己的寝宫~~~~
tohme 发表于 2016-3-5 19:08:34|美国 | 查看全部
我的我的 忘记了 呵呵
buingeEvineus 发表于 2016-3-5 19:09:54|亚太地区 | 查看全部
此贴有意思~

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表