Thẻ <track> cung cấp phụ đề, caption, mô tả, chương, metadata cho <video> và <audio>.
Thuộc tính
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| src | URL | File WebVTT (.vtt) - bắt buộc |
| kind | subtitles, captions, descriptions, chapters, metadata | Loại track |
| srclang | Mã ngôn ngữ (vi, en, ja...) | Bắt buộc cho subtitles/captions |
| label | Text | Nhãn hiển thị cho user chọn |
| default | boolean | Track mặc định bật |
Ví dụ
<!DOCTYPE html>
<html>
<body>
<video width="640" height="360" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.webm" type="video/webm">
<track src="subs_vi.vtt" kind="subtitles" srclang="vi" label="Tiếng Việt" default>
<track src="subs_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="caps_vi.vtt" kind="captions" srclang="vi" label="Phụ đề tiếng Việt (CC)">
<track src="chapters.vtt" kind="chapters" srclang="vi" label="Chương">
Trình duyệt không hỗ trợ video.
</video>
</body>
</html>
Định dạng WebVTT (.vtt)
WEBVTT
00:00:01.000 --> 00:00:04.000
Chào mừng các bạn đến với khóa học.
00:00:05.500 --> 00:00:10.000
Hôm nay chúng ta sẽ học về HTML5.
Lưu ý
- File .vtt phải served với MIME type
text/vtt - CORS: file track và video phải cùng origin hoặc server cho phép CORS
kind="captions"bao gồm cả âm thanh (tiếng gõ cửa, nhạc...) cho người khuyết tật thính giáckind="chapters"cho phép seek nhanh theo chương