track 태그 사용법
<track kind="자막종류" src="자막경로" srclang="언어" label="제목" default>
kind 속성 (자막 종류)
| 속성 값 | 설명 |
| subtitles | 자막을 의미합니다. 소리를 켤 수 있지만 이해할 수 없는 경우, 다른 언어로 번역한 자막일 경우에 사용하며 비디오 영상에 표시됩니다. |
| captions | 캡션을 의미합니다. 청각장애인용 자막이거나 소리를 들을 수 없거나 켤 수 없는 경우에 사용하며 비디오 화면에 됩니다. |
| descriptions | 비디오 콘텐츠에 대한 설명을 의미하며 비디오 화면에는 표시되지 않습니다. |
| chapters | 비디오 탐색을 위한 제목을 의미하며 비디오 화면에는 표시되지 않습니다. |
| metadata | 비디오 콘텐츠 정보입니다. 비디오 화면에는 표시되지 않습니다. |
다른 속성들
- src : 자막의 경로를 지정해주는 속성입니다.
- srclang : 사용할 언어를 지정합니다. kind 속성이 subtitle이라면 반드시 지정해야 하는데 en이나 ko처럼 언어를 나타내는 약자로 표기합니다.
- label : 자막이 여러개일 경우, 자막을 식별할 수 있도록 제목을 달아줍니다.
- default : 자막이 여러개일 경우, 기본으로 사용할 자막을 지정해 줍니다.
'HTML, CSS' 카테고리의 다른 글
| [Html] iframe 태그 사용법 & 예제 (0) | 2024.04.18 |
|---|---|
| [Html] 글자 배경색 mark 태그(형광펜 효과) (0) | 2024.04.18 |
| [Html] video 태그 사용법 & 예제 (0) | 2024.04.18 |
| [Html] audio 태그 사용법 & 예제 총정리 (0) | 2024.04.18 |
| [Html] img 이미지 태그 사용법 총정리 (0) | 2024.04.18 |