최신 웹 개발 튜토리얼
 

HTML <track> Tag


이 자막이있는 비디오 tracks :

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

정의 및 사용

<track> 태그는 텍스트를 지정 tracks 미디어 요소를 ( <audio><video> ).

이 요소는 자막, 자막 파일이나 미디어가 재생 될 때 표시되어야 텍스트가 포함 된 다른 파일을 지정하는 데 사용됩니다.


브라우저 지원

표의 수치는 전체 요소를지지하는 제 브라우저 버전을 지정.

요소
<track> 18.0 10.0 31.0 6.0 15.0

HTML 4.01과 HTML5의 차이점

<track> 태그는 HTML5의 새로운 기능입니다.


선택 속성

= HTML5의 새로운 기능.

속성 기술
default default 하도록 지정 track 사용자의 선호가 다른 것을 표시하지 않는 경우에 사용되어야하는 track 더 적합 할 것
kind captions
chapters
descriptions
metadata
subtitles
텍스트의 종류를 지정 track
label text 텍스트 제목 지정 track
src URL 필요합니다. 의 URL을 지정 track 파일
srclang language_code 의 언어를 지정 track 텍스트 데이터 (필수 경우 kind="subtitles" )

글로벌 속성

<track> 태그도 지원 글로벌은 HTML의 속성 .


이벤트 속성

<track> 태그도 지원 이벤트는 HTML의 속성 .


관련 페이지

HTML 자습서 : HTML5 비디오

HTML 자습서 : HTML5 오디오

HTML DOM 참조 : Track 개체


기본 CSS 설정

없음.