HTML 參考手冊

HTML 標(biāo)簽大全

HTML 音頻/視頻 DOM src 屬性

src屬性反映HTML媒體元素的src 屬性的值，該屬性指示要在元素中使用的媒體資源的URL。

在線示例

改變視頻的來源：

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音頻/視頻 src 屬性使用-菜鳥教程(cainiaoplus.com)</title>
</head>
<body>
<button onclick="changeSource()" type="button">改變視頻的來源</button>
<br> 
<video id="video1" controls="controls" autoplay="autoplay">
  <source id="mp4_src" src="mov_bbb.mp4" type="video/mp4">
  <source id="ogg_src" src="mov_bbb.ogg" type="video/ogg">
  您的瀏覽器不支持 HTML5 video  標(biāo)簽。
</video>
<script> 
myVid=document.getElementById("video1");
function changeSource()
{ 
  isSupp=myVid.canPlayType("video/mp4");
  if (isSupp=="")
  {
     myVid.src="movie.ogg";
  }
  else
  {
     myVid.src="movie.mp4";
  }
  myVid.load();
} 
</script> 
</body>
</html>

測試看看 ?/?

定義和用法

src屬性設(shè)置或返回音頻/視頻的當(dāng)前源。
源是音頻/視頻文件的實(shí)際位置（URL）

瀏覽器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支持 src 屬性。

注意：Internet Explorer 9 及之前的版本不支持 src 屬性。

語法

設(shè)置 src 屬性：

audio|video.src=URL

返回 src 屬性：

audio|video.src

屬性值

值	描述
URL	規(guī)定音頻/視頻來源的 URL。可能的值：絕對 URL - 指向另一個(gè)網(wǎng)站（比如 src="http://www.example.com/movie.ogg"）相對 URL - 指向網(wǎng)站內(nèi)的一個(gè)文件（比如 src="movie.ogg）

技術(shù)細(xì)節(jié)

返回值：	字符串值，當(dāng)前的音頻/視頻來源。

HTML 音頻/視頻 DOM 參考手冊

HTML: <template> 標(biāo)簽