HTML 參考手冊(cè)

HTML 標(biāo)簽大全

HTML: <audio> src 屬性

src屬性指定音頻文件的位置（URL），要使其在所有瀏覽器中都能正常工作- 在 <audio>元素內(nèi)使用 <source>元素。 <source>元素可以鏈接到不同的音頻文件。瀏覽器將使用第一種公認(rèn)的格式。

在線示例

播放音頻:

示例

<!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>

測(cè)試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 瀏覽器都支持 src 屬性。但是不是有的瀏覽器都支持音頻的文件格式。

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

注意： Internet Explorer 8 及更早 IE 版本不支持 <audio> 標(biāo)簽。

定義和用法

src屬性指定音頻文件的位置（URL）。
上面的示例使用Ogg格式音頻文件，并將在Firefox，Opera和Chrome中運(yùn)行。
要在Internet Explorer和Safari中播放音頻文件，我們必須使用MP3文件。
要使其在所有瀏覽器中都能正常工作- 在<audio>元素內(nèi)使用<source>元素。<source>元素可以鏈接到不同的音頻文件。瀏覽器將使用第一種公認(rèn)的格式。

在線示例

示例

<!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>

測(cè)試看看 ?/?

HTML 4.01 與 HTML5之間的差異

<audio> 標(biāo)簽是HTML5新增的。

語法

<audio src="URL">

屬性值

值	描述
URL	規(guī)定音頻/視頻來源的 URL。可能的值：絕對(duì) URL - 指向另一個(gè)網(wǎng)站（比如 src="http://example.com/movie.ogg"）相對(duì) URL - 指向網(wǎng)站內(nèi)的某個(gè)文件（比如 src="/data/movie.ogg"）

HTML <audio> 標(biāo)簽

HTML: <template> 標(biāo)簽