Source src 属性

Source 对象参考手册 Source 对象

返回媒体文件的 URL：

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

尝试一下 »

定义和用法

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

src 属性规定要播放的媒体文件的 URL。

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

注意：Internet Explorer 8 及其之前的版本，只返回文件名称（例如 horse.mp3），而不是返回 URL（例如 https://www.mifengjc.com/js-ref/horse.mp3）。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

语法

返回 src 属性：

sourceObject.src

设置 src 属性：

sourceObject.src=URL

属性值

值 描述
URL 规定媒体文件的 URL。

可能的值：

  • 绝对 URL - 指向另一个网站（比如 href="http://www.example.com/horse.mp3"）
  • 相对 URL - 指向网站内的一个文件（比如 href="/examples/horse.mp3"）

技术细节

返回值： 字符串，表示媒体文件的 URL。返回完整的 URL，包括协议（比如 http://）。

相关文章

HTML 参考手册：HTML <source> src 属性

Source 对象参考手册 Source 对象