Source type 属性

Source 对象参考手册 Source 对象

返回媒体资源的 MIME 类型:

<audio controls>
  <source id="mySource" src="/examples/horse.mp3" type="audio/mpeg">
  <source src="/examples/horse.ogg" type="audio/ogg">
  您的浏览器不支持 audio 元素。
</audio>
<p>点击按钮返回媒体资源的 type 属性的值。</p>
<p id="demo"></p>
<button onclick="myFunction()">尝试一下</button>
<script>
  function myFunction() {
    var x = document.getElementById("mySource").type;
    document.getElementById("demo").innerHTML = x;
  };
</script>

尝试一下 »


定义和用法

type 属性设置或返回 <source> 元素的 type 属性的值。

type 属性规定媒体资源的 MIME 类型。

注意:<source> 元素是 HTML5 中新增的。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 type 属性。


语法

返回 type 属性:

sourceObject.type

设置 type 属性:

sourceObject.type=MIME_type

属性值

描述
MIME_type 规定媒体资源的 MIME 类型。

常见的 MIME 类型:
视频:
  • video/ogg
  • video/mp4
  • video/webm
音频:
  • audio/ogg
  • audio/mpeg
请参阅 IANA MIME 类型,获得标准 MIME 类型的完整列表。

技术细节

返回值: 字符串,表示媒体资源的 MIME 类型。

相关文章

HTML 参考手册:HTML <source> type 属性


Source 对象参考手册 Source 对象