HTML5中的video&audio

/**
 *  对于html5所新增的标签audio和video
 *  (ie9+)
 *  1.有以下几个属性:
 *      a.autoplay:自动播放
 *      b.controls:开启控制器(就是暂停/开始等自带的按钮)
 *      (如果既不设置autoplay和controls那么只能使用js来开启播放)
 *      c.type:指定播放的音频/视频的类型
 *      对于video还有poster属性指定视频在缓冲的时候显示的图片
 *      在audio/video标签中还可以使用source标签来指定不同的资源当第一个不能播放的时候就会使用第二个
 *      在audio/video中的文本会在不支持html5标签的时候显示
 *
 *  2.video和audio接口:
 *      autoplay:取得和设置自动播放的布尔值
 *      controls:取得和设置控制器的布尔值
 *      paused:表示是否暂停
 *      currentTime:获取已经播放的秒数
 *      defaultPlaybackRate:获取默认播放速度(需要在设置完之后使用load函数重新再加载一遍)
 *      duration:获取媒体的总时间(要等加载完才能获取到,不然就是NaN)
 *      ended:表示媒体是否播放完成
 *      loop:设置和取得媒体是否重复播放
 *      muted:设置和取得媒体是否静音
 *      networkState:表示媒体网络状态(0表示空,1表示正在加载,2表示在加载元数据,3表示已经加载了第一帧,4表示加载完毕)
 *      playbackRate:设置和取得当前播放速度(4.0播放速度已经快到极限了,5.0就听不到声音了(应该是加载速度跟不上了))
 *      readyState:表示媒体是否就绪(0表示数据不可用,1表示可以显示当前帧,2表示可以开始播放,3表示可以从头博到尾)
 *      src:表示媒体资源的url(如果是使用source那么是由source来调用)
 *      volume:这是当前的音量(0.0~1.0)
 *      buffered:获取缓冲范围(buffered.satrt(0):获取第一段缓冲的开始,
 *                          buffered.end(0):获取第一段缓冲的结束,当出现跳跃播放的时候会出现不止一个范围)
 *      currentSrc:获取当前媒体的url(只有在播放的时候才能获取到)
 *      seekable:获取寻址范围
 *      seeking:表示视频是否在跳跃(即是否在寻址)
 *
 *   3.事件：
 *      abort:下载中断的时候触发
 *      canplay:可以播放的时候触发:readyState为2
 *      canplaythrough:播放可以继续并且应该不会中断:readyState为3
 *      canshowcurreentframe:可以显示当先帧:readyState为1
 *      dataunavilable:资源获取不到:readyState为0
 *      durationchange:播放总时间改变
 *      emptied:网络连接关闭
 *      empty:发生错误阻止了媒体下载
 *      ended:播放结束
 *      error:下载时网络错误
 *      loadeddata:第一帧加载完毕
 *      loadedmetadata:元数据加载完毕
 *      loadedstart:下载开始
 *      pause:播放暂停
 *      play:开始播放
 *      playing:实际开始播放
 *      progress:正在下载
 *      ratechange:播放速度改变
 *      seeked:搜索结束
 *      seeking:正在移动到新的位置
 *      stalled:尝试下载,但是没接收到数据
 *      volumechange:音量改变
 *      waiting:播放暂停,等待加载更多数据
 *
 */