비디오에 두 개 이상의 자막 트랙을 제공할 때, <track> 요소에 default 속성을 추가하면 해당 트랙이 기본적으로 활성화되어야 함을 브라우저에 알릴 수 있습니다.
default 속성이란?
default 속성은 불리언(Boolean) 속성으로, 사용자의 브라우저 환경 설정이나 언어 기본 설정 등 다른 조건이 더 적합한 트랙을 지정하지 않는 한, 이 속성이 부여된 트랙이 자동으로 활성화됩니다.
주의할 점은 하나의 미디어 요소(<video> 또는 <audio>) 안에서 default 속성을 가진 트랙은 반드시 하나만 존재해야 한다는 것입니다. 여러 트랙에 중복 지정하면 의도대로 동작하지 않을 수 있습니다.
예제
다음 코드는 영어와 러시아어 두 개의 자막 트랙을 제공하면서, 러시아어 트랙에 default 속성을 적용한 예입니다.
<!DOCTYPE HTML> <html> <body> <video width = "300" height = "200" controls autoplay> <source src = "/html5/foo.ogg" type = "video/ogg" /> <source src = "/html5/foo.mp4" type = "video/mp4" /> <track src = "subtitles_en.vtt" kind = "subtitles" srclang = "en" label = "English"> <track src = "subtitles_ru.vtt" kind = "subtitles" srclang = "ru" label = "Russia" default> Your browser does not support the video element. </video> </body> </html>
위 예제에서 러시아어 자막 파일(subtitles_ru.vtt)에 default 속성이 지정되어 있으므로, 사용자가 재생 컨트롤에서 별도로 자막을 선택하지 않는 한 러시아어 자막이 기본값으로 화면에 표시됩니다. 각 트랙의 label 속성은 자막 선택 메뉴에 나타나는 이름을 결정하며, srclang 속성은 자막의 언어 코드를 명시합니다.