HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <source> 태그

HTML <source> 요소는 <picture>, <audio> 또는 <video> 요소에 여러 미디어 자원을 지정합니다. 이 요소는 빈 요소입니다. 다양한 브라우저가 지원하는 여러 형식으로 동일한 미디어 내용을 제공하는 데 일반적으로 사용됩니다.

온라인 예제

세 개의 소스 파일을 가진 비디오 플레이어. 브라우저는 지원하는 소스 파일을 선택해야 합니다(모두 지원되면 어떤 것을 선택하든 됩니다):

예제

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML source 태그 사용(기본 강의 사이트　oldtoolbag.com)</title>
</head>
<body>
<video controls>
　　<source src="movie.webm" type="video/webm">
　　<source src="movie.ogg" type="video/ogg">　
　　<source src="movie.mov" type="video/quicktime">
　　I'm sorry; your browser doesn't support HTML5　video.
</video>
</body>
</html>

테스트를 보세요 ‹/›

브라우저 호환성

IE파이어폭스오페라ChromeSafari

IE 9+Firefox, Opera, Chrome 및 Safari는 <source> 태그를 지원합니다.

주의:IE 8 또는 이전 버전의 IE 브라우저는 <source> 태그를 지원하지 않습니다.

태그 정의 및 사용 설명

<source> 태그는 미디어 요소(예: <video>와 <audio>)에 미디어 자원을 정의합니다.

<source> 태그는 두 개의 비디오/오디오 파일은 브라우저가 미디어 유형이나 코덱을 지원하는지에 따라 선택합니다.

HTML 4.01 와 HTML5사이의 차이

<source> 태그는 HTML5 속성

속성

New: HTML5 속성

속성	값	설명
mediaHTML5	media_query	미디어 자원의 유형을 정의하여 브라우저가 다운로드 여부를 결정하도록 합니다.
srcHTML5	URL	미디어 파일의 URL을 정의합니다.
typeHTML5	MIME_type	미디어 자원의 MIME 유형을 정의합니다.

전역 속성

<source> 태그가 지원 HTML의 전역 속성。

이벤트 속성

<source> 태그가 지원 HTML 이벤트 속성。

HTML: <span> 태그 HTML: <small> 태그