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

วิธีระบุให้เสียง/วิดีโอเล่นอัตโนมัติเมื่อพร้อมใน HTML

ใช้แอตทริบิวต์ autoplay เพื่อตั้งค่าให้เสียงหรือวิดีโอเริ่มเล่นอัตโนมัติทันทีที่หน้าเว็บโหลด

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ autoplay ใน HTML:

<!DOCTYPE HTML> 
<html> 
  <body> 
    <video width="300" height="200" controls autoplay> 
      <source src="/html5/foo.ogg" type="video/ogg" /> 
      <source src="/html5/foo.mp4" type="video/mp4" /> 
      เบราว์เซอร์ของคุณไม่รองรับองค์ประกอบวิดีโอ 
    </video> 
  </body> 
</html>

ข้อควรระวัง:

  • เบราว์เซอร์สมัยใหม่บล็อก autoplay ที่มีเสียง (ต้องมี muted ด้วย)
  • ควรใช้ autoplay muted ร่วมกันสำหรับวิดีโอพื้นหลัง
  • พิจารณา UX - autoplay อาจรบกวนผู้ใช้ โดยเฉพาะบนมือถือ
  • นโยบาย Autoplay Policy แตกต่างกันไปในแต่ละเบราว์เซอร์