HTML <source> type 属性 详解
HTML基础 2022-06-02 12:07:47小码哥的IT人生shichen
HTML <source> type 属性
实例
使用 type 属性：
<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 支持 type 属性。
注释：Internet Explorer 8 以及更早的版本不支持 <source> 标签。
定义和用法
type 属性规定媒体资源的 MIME 类型。
HTML 4.01 与 HTML 5 之间的差异
<source> 标签是 HTML 5 中的新标签。
语法
<source type="MIME_type">
| 值 | 描述 |
|---|---|
| MIME_type |
规定媒体资源的 MIME 类型。 常用的 MIME 类型： 用于视频： 用于音频：
|
