HTML <track> 태그

  • 이전 페이지 <tr>
  • 다음 페이지 <tt>

정의와 사용법

<track> 레이블 <audio> 또는 <video> 텍스트 트랙을 정의합니다.

이 요소는字幕, 자막 파일 또는 재생 중에 텍스트가 보이는 다른 파일을 정의합니다.

트랙은 WebVTT 형식(.vtt 파일)을 사용합니다.

또한 참조:

HTML 강의:HTML 비디오

HTML 강의:HTML 오디오

HTML DOM 참조 매뉴얼:트랙 객체

예제

두 가지 언어의 자막 트랙이 있는 비디오:

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="fgsubtitles_en.vtt" kind="subtitles" srclang="en" label="영어">
  <track src="fgsubtitles_no.vtt" kind="subtitles" srclang="no" label="노르웨이어">
</video>

선택 사항의 속성

속성 값 설명
기본 기본 사용자의 기본 설정이 다른 트랙을 더 적합하게 지시하지 않으면 이 트랙을 활성화합니다。
종류
  • 자막
  • 장
  • 설명
  • 메타데이터
  • 자막
 텍스트 트랙의 유형을 정의합니다。
레이블 텍스트 텍스트 트랙의 제목을 정의합니다。
src URL 필수. 트랙 파일의 URL을 정의합니다。
srclang 언어 코드 트랙 텍스트 데이터의 언어를 정의합니다（kind="subtitles"인 경우 필수입니다）。

전역 속성

<track> 태그는 또한 HTML에서의 전역 속성.

이벤트 속성

<track> 태그는 또한 HTML에서의 이벤트 속성.

기본 CSS 설정

없음.

브라우저 지원

표에서의 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
23.0 10.0 31.0 6.0 12.1
  • 이전 페이지 <tr>
  • 다음 페이지 <tt>