Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

ป้องกันไม่ให้ HTML5 Video โหลดก่อนกด Play (Preload=None)

ใช้แอตทริบิวต์ preload="none"

บอกเบราว์เซอร์อย่าดาวน์โหลดข้อมูลวิดีโอก่อนจนกว่าผู้ใช้จะกด Play

ตัวอย่าง

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

ค่าของ preload

  • none - ไม่โหลดล่วงหน้า (ประหยัด bandwidth)
  • metadata - โหลดเฉพาะ metadata (duration, dimensions)
  • auto - โหลดทั้งไฟล์ (ค่าเริ่มต้น)