html
HTML - 영상에 자막 넣기
<track>태그를 이용하면 <video> 요소에 자막을 추가할 수 있습니다.
<track kind="[자막 종류]" src="자막파일 경로"
srclang="두자리 언어" label="제목" default>
태 그 | 속 성 | 설 명 |
---|---|---|
<track> | Kind | 자막 종류를 지정.
|
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 댓글