คุณสมบัติ default ของ HTML DOM Track ใช้สำหรับ อ่านหรือกำหนด ค่า Boolean ที่บ่งบอกว่าแทร็กนี้ควรถูกเปิดใช้งานโดยอัตโนมัติ จนกว่าผู้ใช้จะเลือกแทร็กอื่น
หมายเหตุสำคัญ: ควรมีเพียง หนึ่งแทร็กเท่านั้น ต่อหนึ่งสื่อ (audio/video) ที่ตั้งค่า default เป็น true
ไวยากรณ์ (Syntax)
การอ่านค่า
trackObject.default
การกำหนดค่า
trackObject.default = booleanValue
ค่าที่เป็นไปได้
| ค่า | คำอธิบาย |
|---|---|
true | แทร็กนี้จะถูกเปิดใช้งานโดยอัตโนมัติ |
false | แทร็กนี้จะไม่เปิดใช้งาน ยกเว้นผู้ใช้เลือกเอง |
ตัวอย่างการใช้งาน
ตัวอย่างนี้แสดง srclang ของแทร็กที่เป็น default
<!DOCTYPE html>
<html>
<head>
<title>Track default</title>
<style>
form { width:70%; margin: 0 auto; text-align: center; }
* { padding: 2px; margin:5px; }
input[type="button"] { border-radius: 10px; }
</style>
</head>
<body>
<form>
<fieldset>
<legend>Track-default</legend>
<video id="videoSelect" controls width="250" src="sample.mp4">
<track default kind="subtitles" srclang="es" src="sample-es.srt"/>
<track kind="subtitles" srclang="en" src="sample-en.srt"/>
</video><br>
<input type="button" onclick="getTrackDetails()" value="What is the default track?">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var trackSelect = document.getElementsByTagName("track");
function getTrackDetails() {
for(var i=0; i<trackSelect.length; i++)
if(trackSelect[i].default)
divDisplay.textContent = 'Default track for video: '+trackSelect[i].srclang;
}
</script>
</body>
</html>
ผลลัพธ์ (Output)
ก่อนกดปุ่ม "What is the default track?":
หลังกดปุ่ม "What is the default track?":
