..

Search

kind

kind

<track> 태그의 kind 속성


HTML <track> 태그 ⇒


정의 및 특징

<track> 태그의 kind 속성은 텍스트 트랙의 종류를 명시합니다.


문법

<track kind="captions|chapters|descriptions|metadata|subtitles">


속성값

속성값   설명

captions

 

텍스트 트랙이 대화 및 음향 효과에 관한 것임을 명시함.

(청각장애인을 위한 트랙에 적합함)

chapters  

텍스트 트랙이 챕터의 제목임을 명시함.

(미디어 리소스의 탐색에 적합함)

descripotions  

텍스트 트랙이 비디오 콘텐츠에 대한 텍스트 설명임을 명시함.

(시각장애인을 위한 트랙에 적합함)

metadata  

텍스트 트랙이 스크립트에 사용되는 콘텐츠임을 명시하며, 사용자에게는 보이지 않음.

subtitles  

텍스트 트랙이 비디오 콘텐츠의 자막임을 명시함.


예제
<video style="width:576px; height:360px" controls>
    <source src="sample_video_mp4.mp4" type="video/mp4">
    <source src="sample_video_ogg.ogg" type="video/ogg">
    <track src="sub_kr.vtt" kind="subtitles" srclang="ko" label="Korean">
    <track src="sub_en.vtt" kind="subtitles" srclang="en" label="English">
</video>

지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

kind 23.0 지원함 10.0 31.0 6.0 12.1

HTML5에서 변경된 사항

<track> 태그는 HTML5에서 새롭게 추가된 요소입니다.


연습문제