src属性反映HTML媒体元素的src 属性的值,该属性指示要在元素中使用的媒体资源的URL。
在线示例
改变视频的来源:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音频/视频 src 属性使用-大卫编程网(div.cn)</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。 可能的值:
|
技术细节
返回值: | 字符串值,当前的音频/视频来源。 |
---|
展开全部