ใช้แท็ก <track> ใน HTML5 เพื่อเพิ่มเท็กซ์แทร็ก (เช่น คำบรรยาย กรอบข้อความ) สำหรับโปรแกรมเล่นสื่อ (media players) แท็กนี้ใช้ร่วมกับ <video> หรือ <audio>
ตัวอย่าง
<!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>
</body>
</html>
แอตทริบิวต์สำคัญ:
- kind - ประเภทแทร็ก (subtitles, captions, descriptions, chapters, metadata)
- srclang - รหัสภาษา (en, th, ja ฯลฯ)
- label - ชื่อแสดงในเมนูเลือก
- default - เลือกแทร็กนี้เป็นค่าเริ่มต้น
ไฟล์ .vtt (WebVTT) เป็นรูปแบบมาตรฐานสำหรับคำบรรยายและกรอบข้อความใน HTML5
