首页 技术 正文
技术 2022年11月21日
0 收藏 369 点赞 2,725 浏览 949 个字

  HTML5中的媒体元素除了拥有非常多的属性之外,video标签和audio标签还能够出发非常多事件和方法。

这些方法监控着不同的属性的变化,这些变化有可能是媒体播放的结果,也可能是用户操作媒体的结果。

以下就为大家開始介绍媒体元素的相关事件。

  abort:触发时机是下载中断。

  canplay:在能够播放的时候,readyState的值为2的时候触发。

  canplaythrough:readyState的值为3的时候,触发。播放能够继续,而应该不会中断的时候触发。

  canshowcurrentframe:readyState的值为1的时候,触发。当前帧已经下载完毕的时候触发。

  dataunavailable:由于没有数据而不能播放的时候,readyState的值为0。

  durationchange:duration属性值改变触发的事件。

  emptied:网络连接关闭。

  empty:错误发生阻止了媒体下载。

  ended:媒体播放到末尾,播放停止(仅仅读)

  error:下载期间发生网络错误。

  load:触发时间全部媒体已经载入完毕。

这个事件可能会被废弃。建议使用canplaythrough。

  loadeddata:触发时间媒体的第一帧已经载入完毕。

  loadedmetadata:触发时机媒体的元素数据已经载入完毕。

  loadstart:下载已经開始。

  pause:方法是媒体開始暂停。

  play:方法是媒体開始播放。

  playing:媒体已经实际開始播放。

  progress:正在下载。

  ratechange:播放媒体的速度改变。

  seeked:搜索结束。

  seeking:正移动到新位置。

  stalled:浏览器尝试下载,但未接收到数据。

  volumechange:触发时间是volume属性或muted属性值已经改变。

  waiting:触发时间是播放暂停,等待下载很多其它数据。

  HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)已经为大家介绍完了。这么多事件有非常多,是为了让开发人员可以顺利的创建出非常人性化的媒体播放,可以毫无压力的取代flash媒体。很多其它有关HTML5的相关知识和内容敬请关注梦龙小站的相关更新。

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,995
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,509
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,352
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,136
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,769
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,847