HTML <source> src 属性 详解
HTML基础 2022-06-02 12:07:42小码哥的IT人生shichen
HTML <source> src 属性
实例
带有两个资源文件的音频播放器。浏览器应该选择它支持的那个文件（如果有的话）：
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<audio controls>
<source src="/i/horse.ogg" type="audio/ogg">
<source src="/i/horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
Internet Explorer 9+、Firefox、Opera、Chrome 以及 Safari 支持 src 属性。
注释：Internet Explorer 8 以及更早的版本不支持 <source> 标签。
定义和用法
src 属性规定要播放的媒体文件的 URL。
HTML 4.01 与 HTML 5 之间的差异
<source> 标签是 HTML 5 中的新标签。
语法
<source src="URL">
| 值 | 描述 |
|---|---|
| URL |
规定媒体文件的 URL。 可能的值：
|
