목차
- <track> 예제 - 미디어 트랙 정보
- <track> 정의
- <track> 속성
<track> 예제 - 미디어 트랙 정보
<video width="320" height="50" controls>
<source src="homzzang.mp4" type="video/mp4">
<source src="homzzang.ogg" type="video/ogg">
<track src="homzzang_ko.vtt" kind="subtitles" srclang="ko" label="Korean" default>
<track src="homzzang_en.vtt" kind="subtitles" srclang="en" label="English">
</video>
<track> 정의
<audio>나 <video>태그 같은 미디어 태그 내에서,
해당 파일이 재생되는 동안 보여줄 트랙 정보를 불러올 때 사용.
1.
IE 10 등 주요 최신 브라우저 지원.
2.
HTML5에 새로 도입
<track> 속성
| 속성 |
속성값 |
의미 |
비고 |
| default |
default |
유저의 특별한 선택이 없는 한, 기본으로 보여줄 트랙 내용 |
HTML5 |
| kind |
captions
chapters
descriptions
metadata
subtitles |
문자열 트랙 정보 종류 |
HTML5 |
| label |
text 문자열 |
문자열 트랙 제목 |
HTML5 |
| src |
URL 주소 |
필수 속성. 트랙 파일의 주소 명시 |
HTML5 |
| srclang |
언어코드 |
트랙 문자열 데이터의 언어 종류 명시 (※ kind=subtitles 경우, 필수 속성) |
HTML5 |
<track> 태그는 전역속성과 이벤트속성 지원.
