HTML 参考手册

HTML 标签大全

HTML 오디오/视频 DOM src 属性

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

在线示例

改变视频的来源：

示例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　音频/视频　src　属性使用-基础教程(oldtoolbag.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 10Firefox, 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> 태그