html5新特性与用法大全了解一下

VIDEO标签/对象常用的成员：
成员属性：<video id=“v2” src=“” autoplay controls loop muted poster=“2.jpg” preload=“auto”></video>
autoplay：false， 是否自动播放 默认false
controls：false，是否显示播放控件，默认为false
loop：false ，是否循环播放，默认为false
muted：false，是否静音播放，默认为false
poster：‘’，在播放第一帧之前显示的海报，可以是图片。默认为空没有
preload：视频预加载策略，可取值：
auto：预加载视频的元数据以及缓冲一定时长，绝对不可以在手机端使用
（尺寸/时长。第一帧内容，缓冲时长）（预加载浪费流量）
metadata：仅预加载视频的元数据（尺寸/时长，第一帧内容，）没有缓冲时长，适合手机
none：不预加载任何数据

—————————————————————–
id v2的属性 用法例如：v2.playbackRate=3;
currentTime:当前播放的时长
duration:总时长
paused:true,当前视频是否处于暂停状态 true是暂停，false是播放
volume：1 默认值是1，当前音量
playbackRate：1 ，回放速率 大于1表快放，小于1表慢放

id v2的方法：
play（）：播放视频
pause （）：暂停播放
成员事件：
onplay：当视频开始播放时触发的事件
onpause：当视频暂停时触发的事件
练习：不使用video自带的controls，自定义播放/暂停按钮
鼠标移出视频区域隐藏按钮；鼠标移入显示按钮 例如：视频音频、canvas/video.html
当暂停就显示广告，播放就隐藏广告

3、H5新特性 ——音频播放器