HTML_8 - 音视频标签

目前网页还不存在一个普遍音视频的显示标准，大多数该类资源都是通过插件进行现实的。在 HTML5 中提供了一个标准，在支持 HTML5 协议的浏览器上都可以使用该标准来显示音视频。

视频 `<video>`

<video> 可以看做是一个视频框架，在框架中使用 <source> 的无结束标签元素引用视频的 url 来指定显示的视频。

<video width="320" height="240" controls>
    <source src="视频.mp4" type="video/mp4">
    <source src="视频.ogg" type="video/0gg">
    当前浏览器不支持视频。
</video>

该框架提供了控制视频的必要控件，如播放、暂停、音量控件等。可以通过 width height 属性来控制视频显示的宽和高。定义宽高的意义在于：懒加载时，浏览器需要保留视频的空间来保证排版不乱；如果没有定义改空间，页面会根据原始视频大小而改变。

在 <video> 框架内插入的内容（如文字）在当前浏览器不支持视频的时候进行展示。

可以添加多个 <source> 元素，该元素指定视频文件链接，浏览器将使用第一个可以识别的格式。

视频格式支持

浏览器	MP4	WebM	Ogg
Edge
Chrome
Firefox
Safari

MP4 H.264 视频编码 + ACC 音频编码的 MPEG 4 文件 type="video/mp4"
WebM VP8 视频编码 + Vorbis 音频编码的 WebM 文件 type="video/webm"
Ogg Theora 视频编码 + Vorbis 音频编码的 Ogg 文件 type="video/ogg"

音频 `<audio>`

<audio> 元素的使用与视频标签是基本相同的。

<audio controls>
    <source src="miao.mp3" type="audio/mp3">
    当前浏览器不支持播放音频。
</audio>

大部分浏览器都支持 MP3 WAV 格式的音频文件播放。