欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)

程序员文章站 2022-03-20 20:13:50
...
  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的相关知识和内容敬请关注梦龙小站的相关更新。

以上就是HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法) 的内容,更多相关内容请关注PHP中文网(www.php.cn)!