예
두 개의 소스 파일과 오디오 플레이어. 브라우저는 지원이있는 파일 (있는 경우)를 선택한다 :
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
»그것을 자신을 시도 정의 및 사용
<source> 태그와 같은 미디어 요소, 여러 미디어 리소스를 지정하는 데 사용됩니다 <video> 및 <audio> .
<source> 태그를 사용하면 브라우저가 해당 용지 종류 나 코덱 지원에 따라 선택할 수 있습니다 다른 비디오 / 오디오 파일을 지정할 수 있습니다.
브라우저 지원
표의 수치는 전체 요소를지지하는 제 브라우저 버전을 지정.
요소 | |||||
---|---|---|---|---|---|
<source> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML 4.01과 HTML5의 차이점
<source> 태그는 HTML5의 새로운 기능입니다.
속성
= HTML5의 새로운 기능.
속성 | 값 | 기술 |
---|---|---|
media | media_query | 미디어 자원 유형을 지정 |
src | URL | 상기 미디어 파일의 URL을 지정 |
type | media_type | 미디어 자원의 미디어 타입을 지정합니다 |
글로벌 속성
<source> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<source> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML 자습서 : HTML5 비디오
HTML 자습서 : HTML5 오디오
HTML DOM 참조 : 소스 개체
기본 CSS 설정
없음.