HTML <video> แบบภาพ

  • หน้าก่อน <var>
  • หน้าต่อไป <wbr>

คำนิยามและวิธีใช้

<video> แบตตั้งเพื่อใช้ในระบบเอกสารเพื่อฝังวิดีโอ อย่างเช่นชิ้นงานหนังสือเดินทางหรือสายวิดีโออื่นๆ

<video> แบตตั้งนี้มีหนึ่งหรือหลายแหล่งวิดีโอที่มีค่าหลากหลาย <source> แบตตั้งเบราเซอร์จะเลือกแหล่งแรกที่เข้าข่ายของมัน

<video> และ </video> ข้อความระหว่างแบตตั้งซึ่งจะแสดงเมื่อไม่สนับสนุน <video> ของเอลิเมนต์ในเบราเซอร์。

HTML สนับสนุนรูปแบบวิดีโอสามรูปแบบ: MP4, WebM และ Ogg。

เบราเซอร์ MP4 WebM Ogg
Edge สนับสนุน สนับสนุน สนับสนุน
Chrome สนับสนุน สนับสนุน สนับสนุน
Firefox สนับสนุน สนับสนุน สนับสนุน
Safari สนับสนุน สนับสนุน ไม่สนับสนุน
Opera สนับสนุน สนับสนุน สนับสนุน

ดูเพิ่มเติม：

คู่มือ HTML DOM อินเตอร์เน็ต：คู่มือตาราง DOM Audio/Video HTML

ตัวอย่าง

เล่นวิดีโอ：

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  เบราเซอร์ของคุณไม่สนับสนุนแบตตั้งวิดีโอ。
</video>

ลองทดลองด้วยตัวเอง

คำเตือนและหมายเหตุ

คำเตือน：สำหรับไฟล์แสงเสียง โปรดดูตามเทคนิค <audio> แบตตั้ง。

属性ที่เลือกใช้งานได้

属性 ค่า คำอธิบาย
autoplay autoplay กำหนดว่าวิดีโอควรเริ่มต้นเล่นทันทีหลังจากวิดีโอเตรียมพร้อม。
controls controls กำหนดว่าควรแสดงปุ่มควบคุมวิดีโอ (เช่นปุ่มเล่น/หยุดเล่น และอื่นๆ)
height พิกเซล ตั้งความสูงของโปรแกรมเล่นวิดีโอ。
loop loop กำหนดว่าวิดีโอควรเริ่มต้นใหม่ทุกครั้งที่จบ。
muted muted กำหนดว่าควรปิดเสียงออกเสียงของวิดีโอ。
poster URL กำหนดภาพที่ควรแสดงระหว่างการดาวน์โหลดวิดีโอหรือก่อนที่ผู้ใช้กดปุ่มเล่น。
preload
  • auto
  • metadata
  • none
 กำหนดว่าวิดีโอควรโหลดหรือวิธีที่วิดีโอควรโหลดเมื่อหน้าเว็บจะโหลด。
src URL กำหนด URL ของไฟล์วิดีโอ。
width พิกเซล ตั้งความกว้างของโปรแกรมเล่นวิดีโอ。

คุณสมบัติโลก

<video> แบบภาพยังสนับสนุน คุณสมบัติโลกใน HTML.

คุณสมบัติกิจกรรม

<video> แบบภาพยังสนับสนุน คุณสมบัติกิจกรรมใน HTML.

การตั้งค่า CSS โดยเริ่มต้น

ไม่มี

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางนี้ระบุว่าบราวเซอร์รุ่นที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5
  • หน้าก่อน <var>
  • หน้าต่อไป <wbr>