标签：play buffered nothing 解码 idt waiting ready 处理 表示
一、语法基础
1.标签及用法
音频
<audio src=“*.mp3">您的浏览器暂不支持audio标签</audio>
视频
<video width="" height="" src="url.mp4">您的浏览器暂不支持video标签</video>
1.1 src属性 和 autoplay属性
<video src="*.mov autoplay="autoplay"></video>
src：视频地址
autoplay：页面加载后自动播放
1.2 preload 预加载
三个参数：
none：不进行预加载
metadata：预加载元数据
auto：预加载全部视频或音频
1.3 poster（video独有） 和 loop属性
poster：当视频无法播放时，指定一张展示的图片
loop="loop"：是否循环播放
1.4 control、width、height（后两个video独有)
controls="controls"：是否使用自带的播放控制条
width、height：video的宽和高
1.5 error 属性值 只读
MEDIA_ERROR_ABORTED(1)：媒体数据下载过程中被用户终止
MEDIA_ERROR_NETWORK（2）：媒体可用，但是下载过程中出现网络错误
MEDIA_ERROR_DECODE(3)：媒体可用，但是解码错误
MEDIA_ERROR_SRC_NOT_SUPPORTED(4)：媒体资源不可用，格式不支持
1.6 networkState 媒体在加载的过程中，读取网络的状态
NETWORK_EMPTY(0)：标签处于初始化状态
NETWORK_IDLE(1)：浏览器已确定编码格式，但未建立网络连接
NETWORK_LOADING：媒体数据加载中
NETWORK_NO_SOURCE：没有支持的编码格式，不执行加载
1.7 currentSrc 和 buffered
currentSrc：媒体数据的URL地址
buffered:返回TimeRanges接口对象，确认浏览器是否缓存媒体数据
1.8 readyState 属性：播放位置的就绪状态
HAVE_NOTHING(0)：未获取到任何播放数据
HAVE_METADATA(1)：已获取到媒体数据，但是无法播放
HAVE_CURRENT_DATA（2）：已获取到当前第一帧数据，未获取下一帧数据
HAVE_FUTURE_DATA(3)：已获取第一帧及下一帧数据
HAVE_ENOUGH_DATA(4)：一切正常，可以播放
1.9 seeking 和 seekable
seeking：返回一个布尔值，表示浏览器是否正在请求数据
seekable：返回一个TimesRanges对象，返回请求到数据的时间范围（第一帧，最后一帧）
1.10 currentTime、startTime 和 duration
currentTime：当前媒体的播放位置
startTime：媒体的播放开始时间
duration：总播放时间
1.11 played、paused 和 ended属性
played：返回一个TimesRanges对象，已播放的时间段
paused：返回布尔值，是否暂停播放
ended：返回布尔值，是否播放完毕
1.12 defaultPlaybackRate 和 playbackRate
defaultPlaybackRate：默认播放速率
playbackRate：读取或修改播放速率
1.13 volume 和 muted属性
volume：播放音量，0～1
muted：布尔值，静音状态
2.多媒体标签的常用方法
2.1 播放时的方法
play()：播放视频，paused()此时为false
pause()：暂停视频，paused()此时为true
load()：载入视频，defaultPlaybackRate
2.2 canPlayType(type)
测试浏览器是否支持指定的媒体类型
""：不支持
maybe：可能支持
probably：确定支持
3.多媒体标签的事件处理
3.1 监听方式
格式：
videoElement.addEventListener(type,listener,useCapture)
videoElement：<video>或<audio>标签
type：事件类型
listener：绑定的函数
useCapture：布尔值
true：浏览器采用Capture响应方式
false：浏览器采用bubbing响应方式，一般为false
3.2 直接赋值方式
<video id="" src="" onplay="play()"></video>
function play()
{
....
}
4.事件介绍
loadstart：浏览器开始请求媒体
progress：浏览器正在读取媒体
suspend：浏览器非主动获取媒体数据，但未加载完毕
abort：加载媒体数据时主观正常终止
error：获取媒体数据出错
emptied：媒体标签的网络状态变为初始化(要么载入媒体发生错误，要么选择播放格式时又调用了load方法）
stalled：浏览器获取媒体数据异常
play：开始播放
pause：暂停播放
loadedmetadata：浏览器获取完媒体资源的时长和字节
loadeddata：浏览器已加载当前播放位置的媒体数据
waiting：由于播放下一帧无效（例如，位加载）而已停止（但浏览器确认下一帧马上有效）
playing：已经开始播放
canplay：可以播放，但未缓冲完
canplaythrough：可播放，已缓冲完
seeking：浏览器正在请求数据
seeked：浏览器停止请求数据
timeupdate当前播放位置(currentTime)改变（滑动前进）
ended：播放正常结束而停止
ratechange：播放速率改变
durationchange：媒体时长（duration）属性改变
volumechange：音量属性改变
标签：play buffered nothing 解码 idt waiting ready 处理 表示
原文地址：https://www.cnblogs.com/luwei0915/p/11625153.html
