—————————————————————– 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新特性 ——音频播放器
<audio src=""></audio>
<audio src="">
<source src="res/birds.mp3"></source>
<source src="res/birds.ogg"></source>
<source src="res/birds.wav"></source> 属性方法和视频一样，只不过没有海报属性 ***判断复选框是否√选
cb.onchange=function(){
this.checked true为选上，false为没选
}（四）、canvas
每个画布上有且只有一个“画笔”对象 ———称为“绘图上下文”对象——使用该对象进行绘图！
var ctx = canvas.getContext('2d') //现在只有2d的 得到画布上的画布对象canvas绘图 —难点 ！！！
1）SVG绘图：矢量绘图技术，2000年出现，后纳入H5标准 2）Canvas绘图：位图绘图技术，H5提出的绘图技术 3）WebGL绘图：3D绘图技术，尚未纳入H5标准
canvas绘图技术 canvas：画布，H5实现2D绘图技术
<canvas width="500" height="400">您的浏览器不支持canvas</canvas> canvas标签在浏览器默认是300*150的inline-block。画布的宽高只能使用HTML/JS属性来赋值，不能使用css样式赋值！ 每个画布上有且只有一个“画笔”对象 ———称为“绘图上下文”对象——使用该对象进行绘图！ var ctx = canvas.getContext(‘2d’) //现在只有2d的 得到画布上的画布对象
1）使用canvas绘制矩形
绘制矩形
ctx.lineWidth = 1 描边宽度
ctx.fillStyle='#000' 填充样式颜色
ctx.strokeStyle='#000' 描边样式颜色
ctx.fillRect(x,y,w,h); //填充一个矩形 x ,y坐标 w，h 宽高
