属性：autoplay：自动播放，值的类型为bool，默认为true。
controls：进度条控制，值的类型为bool。
loop：循环播放，值的类型为bool。
muted：静音播放，值的类型为bool。
poster：预加载图片在播放视频之前，值为图片路径URL。就是我们通常理解的视频封面。
4、canvas绘图
canvas的 html代码很简单，主要重点是js代码的编写。
绘图步骤
1、在html5页面中添加canvas元素，定义id方便js调用。
<canvas id="myCanvas" width = 500 height = 200></canvas>
2、在js代码中通过id获取
var c = document.getElementById(myCanvas);
3、通过getContext()的方法来获取上下文Context，创建context对象，获取2d绘制环境
var context = c.getContext("2d");
4 通过js脚本绘制,你喜欢画什么就画什么。
5、SVG绘图·这是使用xml描述2d图形的语言。
那什么是xml呢？xml功能是传输和存储数据。
那传输了存储了数据，我怎么看见它呢？是的，这就是html的功能了，用来显示数据，可视化给user。
SVG绘图和canvas绘图都是用来画图，那有什么区别呢？
SVG比canvas绘图好用，SVG不容易失帧，就是更稳定的意思。SVG对前端程序员更友好一点，它比较容易编辑，只需要从描述中移除元素就可以了。
circle画圆：
<svg version="相关版本号，比如1.1"> <circle cx = "100" cy = "50"stroke="red" stroke-width="5" fill="black"/> <!-- cx:圆心的(x轴)横坐标 cy:圆心的(y轴)纵坐标 r:圆心的半径 stroke：外边线条的颜色 stroke-width：外边线条的宽度 fill：圆填充的颜色 --> </svg>
