HTML5引入了<video>和<audio>标签，使得在网页上嵌入音频和视频变得更加容易。本文将介绍如何使用这些标签，并提供一些示例。
## <video>标签
<video>标签用于在网页上嵌入视频，它具有以下属性：
- src：视频文件的URL。
- controls：是否显示播放控制条。
- width：视频的宽度。
- height：视频的高度。
以下是一个简单的<video>标签示例：
```html
<video src="movie.mp4" controls width="640" height="360">
Your browser does not support the video tag.
</video>
```
如果浏览器不支持<video>标签，将显示后备内容。
## <audio>标签
<audio>标签用于在网页上嵌入音频，它具有以下属性：
- src：音频文件的URL。
- controls：是否显示播放控制条。
以下是一个简单的<audio>标签示例：
```html
<audio src="song.mp3" controls>
Your browser does not support the audio tag.
</audio>
```
如果浏览器不支持<audio>标签，将显示后备内容。
## 支持的视频和音频格式
不同的浏览器支持不同的视频和音频格式。以下是一些常见的格式：
- MP4：在大多数现代浏览器中都得到支持。
- WebM：在Chrome、Firefox和Opera中得到支持。
- Ogg：在Firefox、Chrome和Opera中得到支持。
为了最大限度地提高兼容性，可以提供多个格式的视频和音频文件，并使用<source>标签指定不同的文件格式。
以下是一个使用<source>标签的<video>标签示例：
```html
<video controls width="640" height="360">
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
```
同样地，可以使用<source>标签为<audio>标签指定不同的文件格式。
