HTML 参考手册

HTML 标签大全

HTML: <audio> src 属性

src属性指定音频文件的位置（URL），要使其在所有浏览器中都能正常工作- 在 <audio>元素内使用 <source>元素。 <source>元素可以链接到不同的音频文件。浏览器将使用第一种公认的格式。

HTML <audio> 标签

在线示例

播放音频:

<!DOCTYPE html>
<html>
<title>HTML:<audio> src 属性 - 菜鸟教程 (cainiaoplus.com)</title>
<body>
<audio src="horse.ogg" controls>
Your browser does not support the audio element.
</audio>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 浏览器都支持 src 属性。但是不是有的浏览器都支持音频的文件格式。

注意： IE和Safari不支持.ogg文件格式。

注意： Internet Explorer 8 及更早 IE 版本不支持 <audio> 标签。

定义和用法

src属性指定音频文件的位置（URL）。
上面的示例使用Ogg格式音频文件，并将在Firefox，Opera和Chrome中运行。
要在Internet Explorer和Safari中播放音频文件，我们必须使用MP3文件。
要使其在所有浏览器中都能正常工作- 在<audio>元素内使用<source>元素。<source>元素可以链接到不同的音频文件。浏览器将使用第一种公认的格式。

在线示例

<!DOCTYPE html>
<html>
<title>HTML:<audio> src 属性 - 菜鸟教程 (cainiaoplus.com)</title>
<body>
<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>
</body>
</html>
测试看看 ‹/›

HTML 4.01 与 HTML5之间的差异

<audio> 标签是HTML5新增的。

语法

<audio src="URL">

属性值

值描述
URL

规定音频/视频来源的 URL。

可能的值：

  • 绝对 URL - 指向另一个网站（比如 src="http://example.com/movie.ogg"）

  • 相对 URL - 指向网站内的某个文件（比如 src="/data/movie.ogg"）

HTML <audio> 标签

HTML: <template> 标签