ตัวอย่าง
วิดีโอที่มีสองคำบรรยาย tracks :
<video width="320" height="240" controls>
<source src="forrest_gump.mp4" type="video/mp4">
<source src="forrest_gump.ogg" type="video/ogg">
<track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
<track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>
ความหมายและการใช้งาน
<track> แท็กระบุข้อความ tracks สำหรับองค์ประกอบสื่อ ( <audio> และ <video> )
องค์ประกอบนี้ถูกใช้เพื่อระบุคำบรรยายไฟล์คำบรรยายหรือไฟล์อื่น ๆ ที่มีข้อความว่าควรจะมองเห็นได้เมื่อสื่อเล่น
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่องค์ประกอบ
ธาตุ | |||||
---|---|---|---|---|---|
<track> | 18.0 | 10.0 | 31.0 | 6.0 | 15.0 |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
<track> แท็กใหม่ใน HTML5
แอตทริบิวต์ตัวเลือก
= ใหม่ใน HTML5
คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
---|---|---|
default | default | ระบุว่า track จะได้รับการเปิดใช้งานถ้าการตั้งค่าของผู้ใช้ไม่ได้แสดงให้เห็นว่าอีก track จะเหมาะสมกว่า |
kind | captions chapters descriptions metadata subtitles | ระบุชนิดของข้อความที่ track |
label | text | ระบุชื่อของข้อความ track |
src | URL | จำเป็นต้องใช้ ระบุ URL ของ track ไฟล์ |
srclang | language_code | ระบุภาษาของ track ข้อมูลที่เป็นข้อความ (จำเป็นต้องใช้ถ้า kind="subtitles" ) |
แอตทริบิวต์ทั่วโลก
<track> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<track> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา HTML: วิดีโอ HTML5
กวดวิชา HTML: HTML5 และเสียง
อ้างอิง HTML DOM: Track วัตถุ
ตั้งค่าเริ่มต้น CSS
ไม่มี.