Advance：HTML 中的视频标签和音频标签

HTML5 引入了 <video> 和 <audio> 标签，用于在网页中嵌入视频和音频内容。

视频标签 <video> 示例：

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

• width 和 height 属性用于设置视频显示的宽度和高度。
• controls 属性添加视频播放控件，如播放、暂停和音量控制。
• <source> 标签指定视频文件的路径和类型，可以设置多个源文件以支持不同的浏览器。
• 最后的一行文本是在不支持 <video> 标签的浏览器中显示的替代文本。

音频标签 <audio> 示例：

<audio controls>
  <source src="song.mp3" type="audio/mpeg">
  <source src="song.ogg" type="audio/ogg">
  Your browser does not support the audio element.
</audio>

• controls 属性添加音频播放控件，如播放、暂停和音量控制。
• <source> 标签指定音频文件的路径和类型，同样可以设置多个源文件。
• 最后的替代文本显示在不支持 <audio> 标签的浏览器中。

请注意，为了确保跨浏览器的兼容性，您应该为 <video> 和 <audio> 提供多种格式的源文件。例如，对于视频，可能需要提供 MP4、WebM 和 Ogg 格式；对于音频，可能需要提供 MP3 和 Ogg 格式。