<track>태그를 이용하면 <video> 요소에 자막을 추가할 수 있습니다.

<track kind="[자막 종류]" src="자막파일 경로" 
                   srclang="두자리 언어" label="제목" default>

태 그 속 성 설 명
<track> Kind 자막 종류를 지정.
  • subtitles: 자막, 다른 언어로 번역한 자막일 경우에 화면에 나타남.
  • srclang: 캡션, 소리를 들을 수 없거나 켤 수 없는 경우 영상에 표시됨.
  • descriptions: 영상에 대한 설명. 영상에는 표시되지 않음.
  • chapters: 영상 탐색용 제목. 영상에 표시되지 않음.
  • metadata: 영상 정보. 영상에 표시되지 않음.
src 자막 파일이 위치하는 경로
srclang 사용하는 언어를 지정.
kind 속성 값이 subtitle이면 반드시 지정해야 하고, 두 자리 언어 코드로 작성해야 함.
Ex.) ko, en, jp …
label 자막이 여러 개일 경우 자막을 식별할 수 있는 제목을 지정
default 자막 파일이 여러 개일 경우 기본으로 사용할 자막에 default 속성을 지정

<h3>Movie</h3>
<video width="500" height="460" controls autoplay>
   <source src="video/tazan.mp4" type="video/mp4">
   <source src="video/shazam.mp4" type="video/mp4">
   <track kind="subtitles" src="jamack.vtt" srclang="ko"
      label="한국어" default>
   <p>이 브라우저는 video를 재생할 수 없습니다.</p>
</video>

0 댓글