Video src 属性

Video 对象

改变视频的 URL:

<video id="myVideo" controls src="/examples/movie.ogg">
  您的浏览器不支持 video 标签。
</video>
<p>点击按钮修改视频的 URL。</p>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
  var x = document.getElementById("myVideo");

  function myFunction() {
    isSupp = x.canPlayType("video/mp4");
    if (isSupp == "") {
      x.src = "/examples/mov_bbb.ogg";
    } else {
      x.src = "/examples/mov_bbb.mp4";
    }
    x.load();
    document.getElementById("demo").innerHTML = "Video Courtesy of Big Buck Bunny - www.bigbuckbunny.org";
  }
</script>

尝试一下 »

---

定义和用法

src 属性设置或返回视频的 src 属性值。

src 属性描述了视频文件的位置 (URL) 。

---

浏览器支持

所有主流浏览器都支持 src 属性，但是不是所有浏览器都支持指定的文件格式。

注意： Internet Explorer 8 及更早 IE 版本不支持 <video> 元素。

---

语法

返回 src 属性：

videoObject.src

设置 src 属性：

videoObject.src=URL

属性值

值	描述
URL	规定视频来源的 URL。 可能的值： 绝对 URL - 指向另一个网站（比如 src="http://example.com/movie.ogg"） 相对 URL - 指向网站内的某个文件（比如 src="/examples/movie.ogg"）

技术细节

返回值：	字符串，表示了视频文件的 URL。 返回实体 URL, 包含协议部分 (如 http://)

---

更多实例

获取视频的 URL:

<video id="myVideo" width="320" height="240" controls src="/examples/movie.ogg">
  您的浏览器不支持 video 标签。
</video>
<p>点击按钮获取视频的 URL。</p>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var x = document.getElementById("myVideo").src;
    document.getElementById("demo").innerHTML = x;
  }
</script>

尝试一下 »

---

相关页面

HTML 参考手册: HTML <video> src 属性

---

Video 对象