多媒体标签包含两个，具体如下：

音频：

视频：

使用它们可以很方便的在页面中嵌入音频和视频，而不再去使用落后的flash 和其他浏览器插件

HTML5在不使用插件的情况下也可以原生的支持音频格式文件的播放，当然支持格式是有限的

HTML5新增多媒体标签 - 图1

<audio src=“文件地址”controls=“controls”></audio>

兼容写法

<audio controls=“controls”> <source src=“happy.mp3”type=“audio/mpeg”> <source src=“happy.ogg”type=“audio/ogg”> 您的浏览器暂不支持audio标签 </audio>

HTML5新增多媒体标签 - 图2

视频标签

HTML5在不使用插件的情况下也可以原生的支持视频格式文件的播放，当然支持格式是有限的

HTML5新增多媒体标签 - 图3

视频标签语法格式

<video src=“文件地址”controls=“controls”></video>

兼容写法

<video controls=“controls”width=“300”> <source src=“move.ogg”type=“video/ogg”> <source src=“move.mp4”type=“video/mp4”> 您的浏览器暂不支持video播放视频标签。 <video>

视频标签常见属性

HTML5新增多媒体标签 - 图4

总结

音频标签和视频标签使用基本一致

浏览器支持情况不同

我们可以给视频标签添加muted 属性进行自动静音播放视频，音频不可以

视频标签是重点，我们经常设置自动播放，循环和设置大小属性，不使用controls 控件。