HTML 5 多媒体元素(三)元素方法与事件

video元素与audio元素都具有play()播放、pause()暂停、load()重新加载。

canPlayType():来测试浏览器是否支持指定的媒体类型，canplayType(type),该方法使用一个参数type，该参数的指定方法与source元素的type参数的指定方法相同，用来播发文件的MIME类型来指定，可以在指定的字符串中加上表示媒体编码格式的codes参数。

返回3个可能值:空字符串(表示浏览器不支持此种媒体类型)，maybe表示浏览器可能支持此种媒体类型、probably表示浏览器确定支持此种媒体类型。

1.事件处理方法

  使用video元素或audio元素的addEventListenr方法来对事件的发生进行监听。

  videoElement.addEventListener(type,listener,useCaptrue);

  type:事件名称。

  listener:表示绑定的函数。

  useCapture:是一个布尔值，表示该事件的响应顺序，该值如果为true，则浏览器采用Capture响应方法，如果为false，浏览器采用bubbing响应方式。(一般为false)

2.事件介绍

   loadstart:浏览器开始在网上寻找媒体数据。

   progress:浏览器正在获取媒体数据。

   suspend:浏览器暂停获取媒体数据，但是下载过程并没有正常结束。

   abort:浏览器在下载完全部媒体数据之前中止获取媒体数据，但是并不是由错误引起的。

   error:获取媒体数据过程中出错。

   cmptied:video元素或audio元素所在网络突然变为未初始化状态(可能引起的原因有两个:载入媒体过程中突然发生一个致命错误，在浏览器正在选择支持的播放格式时，又调用了load方法重新载入媒体)。

  stalled:浏览器尝试获取媒体数据失败。

  loadedmetadata：浏览器获取完毕媒体的时长和字节数。

  loadeddata:浏览器已加载完毕当前播放位置的媒体数据，准备播放。

  waiting:播放过程由于得不到下一帧而暂停播放，但很快就能够得到下一帧。

  playing:正在播放。

  canplay:浏览器能够播放媒体，但估计以当前播放速率不能直接将媒体播放完毕，播放期间需要缓冲。

  canplaythrough:浏览器能够播放媒体，而且以当前播放速率能够将媒体播放完毕，不再需要进行缓冲。

   timeupdate:当前播放位置被改变，可能是播放过程中的自然改变，也可能是人为改变，或由于播放不能连续而发生的跳变。

   ratechange:defaultplaybackRate属性(默认播放速率)或playbackRate属性(当前播放速率) 被改变。

  durationchange:播放时长被改变。