การใช้งาน Preload
Preload เป็นการสั่งให้โหลดวีดีโอไปพร้อม ๆ กลับโหลดเว็บเพจ ซึ่งเป็นวิธีช่วยให้ผู้ใช้สามารถเปิดวีดีโอได้รวดเร็วยิ่งขึ้น เนื่องจากไม่ต้องรอให้โหลดเว็บเพจเสร็จ และต้องรอโหลดวีดีโออีกครั่งนั่นเอง
Attribute
แอททริบิวต์ | preload |
ตำแหน่งแท็ก | อยู่ภายในแท็กเปิด <video>...</video> |
รูปแบบการใช้แท็ก | <video controls preload="value"> <source src="url" type="video/mp4"> </video> |
value | ค่าที่กำหนดมีดังนี้ none หมายถึง ไม่ต้องการให้โหลดอัตโนมัติเวลาโหลดเว็บเพจ auto หมายถึง ตรวจสอบอุปกรณ์และความเร็วอินเตอร์เน็ต ถ้ามีความเร็วสูงก็ให้ โหลดอัตโนมัติ metadata หมายถึง การโหลดเฉพาะคุณสมบัติของวีดีโอ เช่น โหลดเฟรมแรก โหลดจำนวนเฟรมทั้งหมด ความยาววีดีโอฯ เพื่อให้เบราว์เซอร์ ว่าควรเตรียมพื้นที่มากน้อยเพียงใด |
ตัวอย่างการใช้งาน
<body>
<video controls preload="auto">
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogv" type="video/ogg">
</video>
</body> <source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogv" type="video/ogg">
</video>
การแสดงผล
วีดีโอจะสามารถเล่นได้พร้อมกับการโหลดหน้าเว็บเพจ โดยไม่ต้องรอให้โหลดเว็บเพจให้เสร็จ
วีดีโอ