1.视频1.简化版写法：兼容性差2.视频标签标准语法（兼容处理）``//浏览器会使用第一个可识别的视频3.video标签属性widthwidthheight布尔值height以下：控件显示播放原生控件（兼容性很差）looploopautoplayautoplayvideo（大多数浏览器禁用此功能）muted静音播放视频播放前显示的海报广告，值为广告的url（缺点：如果视频暂停，则无法显示广告图片）预加载视频的预加载模式为自动默认情况下（注意：设置该属性后，视频将在页面加载并准备播放时加载。如果使用“自动播放”，则忽略该属性）4.使用DOM操作视频HTMLVideoElement属性//1.获取视频对象varvdo=document.getElmentById("video")//2.获取/设置对象的宽/高（如果本身没有设置则为0）vdo.widthvdo.height//3.获取视频对象的原始宽高vdo.videoWidthvdo.videoHeight//注意：如果要获取视频对象的原始宽高，必须在loadeddata事件完成后使用vdo.addEventListener("loadeddata",()=>{console.log(vde.videoWidth)console.log(vde.videoHeight)})//loadeddata事件表示视频第一帧已经加载完毕，当视频第一帧加载完成后一帧，可以正常访问视频的原始宽高//4.获取视频海报帧vdo.poster='myvideo.mp4'HTMLMediaElement属性2.audio1,音频标签标准语法2.音频标签属性3.HTMLAudioElement构造函数：varado=newAudio([音频文件的URL地址])==>1.varado=newAudio("./myaudio.mp3");2.ado.controls=true;3.document.body.appendChild(ado)4.HTMLMediaElement3。全屏模式（兼容性烦人）1.全屏模式兼容写法2.全屏属性及事件4.canvas1，通过创建画布标签2、通过js程序Brush获取画布3.CanvasRenderingContext2Dobject1.绘制图形2.绘制文本<脚本>//1.绘制描边文字ctx.strokeText(text,x,y)//2.绘制填充（实体）文本ctx.fillText(text,x,y)//3.获取/设置文字样式//设置：ctx.font="fontsizefont";//获取：ctx.font//4.获取/设置文本的水平对齐方式//Set:ctx.textAlign="center";//获取：ctx.textAlign//5.获取/设置文本的垂直对齐方式（基线位置）//Setting:ctx.textBaseline="top"//alphabeticdefault,thetextbaselineisthenormalletterbaseline//topthetextbaselineisthetopoftheembox//middletextbaseline是em框的中心//ideographictextbaseline是表意基线//bottomtextbaseline是em框底部//hangingtextbaseline是悬挂基线//获取：ctx.textBaseline//return包含指定Text宽度的对象ctx.measureText(text).width；//文本：到被测文本3.清除矩形内的所有元素4.Path
