<출처>

HTML <source> 태그

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

브라우저 지원

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

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

태그 정의 및 사용 지침

<source> 태그는 미디어 요소(예: <video> 및 <audio>)에 대한 미디어 리소스를 정의합니다.

<source> 태그를 사용하면 브라우저가 미디어 유형이나 코덱 지원에 따라 선택하는 두 개의 비디오/오디오 파일을 지정할 수 있습니다.

HTML 4.01과 HTML5의 차이점

<source> 태그는 HTML5의 새로운 태그입니다.

Attributes

New: HTML5의 새로운 속성.

Attribute	Value	Description
mediaNew	media_query	브라우저가 다운로드 여부를 결정할 미디어 리소스 유형을 지정합니다.
srcNew	URL	미디어 파일의 URL을 지정합니다.
typeNew	MIME_type	미디어 리소스의 MIME 유형을 지정합니다.

전역 속성

<source> 태그는 HTML 전역 속성을 지원합니다.

이벤트 속성

<source> 태그는 HTML 이벤트 속성을 지원합니다.