HTML 参考手册

HTML 标签大全

HTML: <audio> src 属性

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

在线示例

播放音频:

示例

<!DOCTYPE html>
<html>
<title>HTML:<audio> src 属性 - 基础教程网 oldtoolbag.com</title>
<body>
<audio src="horse.ogg" controls>
您的浏览器不支持音频元素。
</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 属性 - 基础教程网 oldtoolbag.com</title>
<body>
<audio controls>
　　<source src="horse.ogg" type="audio/ogg">
　　<source src="horse.mp3" type="audio/mpeg">
　　لا يدعم متصفحك علامة الصوت.
</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> العلامة