HTML_01 基础3

一、语法基础
1.标签及用法
音频


视频


1.1 src属性 和 autoplay属性

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：