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 宽高 ctx.strokeRect(x,y,w,h); //描边一个矩形 ctx.clearRect(x,y,w,h) 清除一个矩形范围内所有的绘图 |
2）使用canvas绘制文本
一段文字的定位点在其文本基线的起点
| ctx.textBaseline = 'alphabetic' //文本基线 默认值是第三根线 ctx.font="12px sans-serif" //字体大小和样式 ctx.fillText(str,x,y) //填充 ctx.strokeText(str,x,y) //描边一段文本 ctx.measureText(str) //基于当前文字大小字体设置测量文本,返回的对象是{width：x} |
