source 태그
source 태그는 audio
및 video 태그에 오디오 또는
비디오 파일을 삽입합니다.
이 태그는 오디오 또는 비디오 파일에 대한 경로를
다양한 형식으로 지정하기 위해 필요합니다 (예를 들어, 브라우저마다
mp3 또는 wav와 같은 오디오 형식을 지원하기 때문입니다).
이를 위해 audio
또는 video 태그 안에
서로 다른 형식의 파일을 가진 여러 개의 source
태그가 있어야 합니다. 브라우저는
재생할 수 있는 형식의 파일을 찾을 때까지
이 태그들을 순서대로 살펴볼 것입니다.
닫는 태그는 필수가 아닙니다.
속성
| 속성 | 설명 |
|---|---|
src |
오디오 또는 비디오 파일에 대한 경로를 지정합니다.
필수 속성입니다. |
media |
오디오 또는 비디오 파일이 재생될 장치를 정의합니다. |
type |
파일의 유형과 파일을 열기 위한 코덱의 이름.
예: video/ogg; codecs="theora, vorbis.
|
예제 .
audio 태그에
source 태그를 추가해 봅시다:
<audio controls>
<source src="track.mp3">
귀하의 브라우저는 HTML5 오디오를 지원하지 않습니다.
</audio>
예제 .
video 태그에
source 태그를 추가해 봅시다:
<video>
<source src="moovie.mp4" controls>
귀하의 브라우저는 HTML5 비디오를 지원하지 않습니다.
</video>