<트랙>
HTML <track> 태그
예
두 개의 자막 트랙이 있는 동영상:
<video width="320" height="240" 컨트롤>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="ko"
label="영어">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no"
label="노르웨이어">
</동영상>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="ko"
label="영어">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no"
label="노르웨이어">
</동영상>
브라우저 지원
IE 10, Opera 및 Chrome 브라우저는 <track> 태그를 지원합니다.
태그 정의 및 사용 지침
<track> 태그는 미디어 요소(예: <audio> 및 <video>)에 대한 외부 텍스트 트랙을 지정합니다.
이 요소는 미디어가 재생될 때 표시되는 텍스트가 포함된 자막 파일이나 기타 파일을 지정하는 데 사용됩니다.
HTML 4.01과 HTML5의 차이점
<track> 태그는 HTML5의 새로운 태그입니다.
선택적 속성
New: HTML5의 새로운 속성.
속성 | 값 | 설명 |
---|---|---|
default ~ 사용자가 트랙을 선택하지 않으면 기본 트랙이 사용됩니다. ㅠㅠ 챕터 설명 | 메타데이터subtitles | 는 텍스트 트랙의 텍스트 유형을 지정합니다. |
연구실 ㅠㅠ ~ . 트랙 파일의 URL을 지정합니다. Srclang | new | 언어_코드|
전역 속성 | <track> 태그는 HTML 전역 속성을 지원합니다. | 이벤트 속성 |