ป้องกันการโหลดซ้ำ HTML Video บนหน้าเดียวกัน

ใช้ preload="auto"

บอกเบราว์เซอร์ให้โหลดวิดีโอทั้งไฟล์ล่วงหน้า เมื่อเล่นครั้งต่อไปจะใช้ Cache

<!DOCTYPE html>
<html>
<body>
  <video width="350" height="200" controls preload="auto">
    <source src="movie.mp4" type="video/mp4" />
    <source src="movie.ogg" type="video/ogg" />
    เบราว์เซอร์ของคุณไม่รองรับ video tag
  </video>
</body>
</html>

ค่า preload

• auto - โหลดทั้งไฟล์ (Default ในบาง Browser)
• metadata - โหลดแค่ Metadata (Duration, Dimensions)
• none - ไม่โหลดล่วงหน้า (ประหยัด Bandwidth)

หากมี Video หลายตัวบนหน้าเดียวกัน ใช้ preload="metadata" หรือ none ป้องกัน Bandwidth Overload