HTML 参考手册

HTML 标签大全

HTML 音频/视频 DOM src 属性

src属性反映HTML媒体元素的src 属性的值，该属性指示要在元素中使用的媒体资源的URL。

 HTML 音频/视频 DOM 参考手册

在线示例

改变视频的来源：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音频/视频 src 属性使用-菜鸟教程(cainiaojc.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  标签。
</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属性设置或返回音频/视频的当前源。
源是音频/视频文件的实际位置（URL）

浏览器兼容性

IEFirefoxOperaChromeSafari

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

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

语法

设置 src 属性：

audio|video.src=URL

返回 src 属性：

audio|video.src

属性值

值描述
URL规定音频/视频来源的 URL。

可能的值：

  • 绝对 URL - 指向另一个网站（比如 src="http://www.example.com/movie.ogg"）

  • 相对 URL - 指向网站内的一个文件（比如 src="movie.ogg）

技术细节

返回值：字符串值，当前的音频/视频来源。
 HTML 音频/视频 DOM 参考手册
HTML: <template> 标签