HTML에서 srclang 속성은 <track> 요소로 추가되는 텍스트 트랙(자막, 캡션 등)의 언어를 지정하는 데 사용됩니다. 특히 kind="subtitles"로 설정된 자막 트랙에는 이 속성을 반드시 지정해야 하며, 값은 유효한 BCP 47 언어 코드(예: en, ko, ru)여야 합니다.
주요 속성 정리
- src: 자막 파일(.vtt)의 경로를 지정합니다.
- kind: 트랙의 종류를 나타냅니다. 자막은
subtitles, 청각 장애인용 캡션은captions등으로 설정할 수 있습니다. - srclang: 트랙 텍스트 데이터의 언어를 지정합니다.
- label: 사용자에게 표시되는 트랙의 제목입니다.
- default: 여러 트랙 중 기본으로 활성화할 트랙에 사용합니다.
예제 코드
다음 코드는 srclang 속성을 사용하여 영어와 러시아어 자막을 설정하는 방법을 보여줍니다.
<!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> 사용 중인 브라우저는 video 요소를 지원하지 않습니다. </video> </body> </html>
설명
위 예제에서는 두 개의 자막 트랙이 정의되어 있습니다. 첫 번째 트랙은 srclang="en"으로 영어 자막을, 두 번째 트랙은 srclang="ru"로 러시아어 자막을 지정하며, default 속성이 있어 러시아어 자막이 기본적으로 선택됩니다. 사용자는 비디오 플레이어의 설정 메뉴에서 label로 표시된 자막 언어를 전환할 수 있습니다.