适合0基础的web开发系列教程-音频和视频-优快云博客

本文详细介绍了如何使用HTML5在网页中嵌入音频和视频元素，包括代码示例和不同格式的支持情况，适用于初学者掌握多媒体内容的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

适合0基础的web开发系列教程-音频和视频。

HTML5 规定了在网页上嵌入音频元素和视频元素的标准，但是不是所有浏览器目前都支持这个标准。

在 HTML5 中播放音频，你需要使用以下代码：

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

control 属性供添加播放、暂停和音量控件。

在<audio> 与 </audio> 之间你需要插入浏览器不支持的<audio>元素的提示文本。

<audio> 元素允许使用多个 <source> 元素. <source> 元素可以链接不同的音频文件，浏览器将使用第一个支持的音频文件

参数详解：

支持格式：

HTML5 规定了一种通过 video 元素来包含视频的标准方法。

<video> 元素支持三种视频格式： MP4, WebM, 和 Ogg:

MP4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>

转载于:https://www.cnblogs.com/yyjcw/p/10214181.html