如何在HTML5页面中优雅地添加音频和视频元素？

9 min read

要在HTML5页面中嵌入音频和视频，您可以使用<audio>和<video>标签，如下所示:

嵌入音频：

<audio controls>
  <source src="audiofile.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>
  • <audio>标签用来嵌入音频。
  • controls属性允许用户控制音频播放。
  • <source>标签指定音频的源文件和类型。
  • 在<audio>标签的结束标记之前提供一条可能的备用文本，供不支持的浏览器显示。

嵌入视频：

<video controls>
  <source src="videofile.mp4" type="video/mp4">
  Your browser does not support the video element.
</video>
  • <video>标签用于嵌入视频。
  • controls属性允许用户控制视频播放。
  • <source>标签指定视频的源文件和类型。
  • 在<video>标签的结束标记之前提供一条可能的备用文本，供不支持的浏览器显示。

请注意，您必须提供至少一个音频或视频文件的源，以确保浏览器可以播放其中之一。您可以提供多个源文件和类型，以便浏览器可以选择其中之一进行播放。