5月29日

<video> </video>标签

<video> 标签定义视频，比如电影片段或其他视频流
<video src=“movie.mp4” controls>
您的浏览器不支持 video 标签。
</video>
视频格式:
mp4; ogg 移动端 ; webM 高清

<audio></audio>标签

<audio> 标签定义声音，比如音乐或其他音频流
<audio src=“someaudio.mp3”>
您的浏览器不支持 audio 标签。
</audio>

<source></source> 标签

<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。
<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

<audio controls>
<source src=“horse.ogg” >
<source src=“horse.mp3” >
Your browser does not support the audio element.
</audio>

<embed/>标签

<embed> 标签定义嵌入的内容，比如插件，当然也可以用来嵌入声音
<embed> 标签必须有 src 属性

<embed src=“helloworld.mp4” />

<canvas> </canvas> 标签

canvas只是个容器，你可以通过控制坐标在canvas上绘制图形。一般配合js使用能实现非常复杂的动画效果

<canvas id="myCanvas">你的浏览器不支持canvas标签</canvas>
<script type="text/javascript">
    var canvas=document.getElementById('myCanvas');
    var ctx=canvas.getContext('2d');
    ctx.fillStyle='#FF0000';
    ctx.fillRect(0,0,80,100);
</script>