วิธาเพิ่มวิดีโอในหน้า HTML

บทนำ

ใช้แท็ก <video> สำหรับฝังวิดีโอใน HTML5 รองรับรูปแบบ MP4, WebM, Ogg

แอตทริบิวต์หลัก

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

ตัวอย่างโค้ด (แนะนำ: ใช้ source หลายรูปแบบ)

<!DOCTYPE html>
<html>
  <body>
    <video width="640" height="360" controls poster="poster.jpg">
      <source src="video.mp4" type="video/mp4">
      <source src="video.webm" type="video/webm">
      <source src="video.ogv" type="video/ogg">
      เบราว์เซอร์ของคุณไม่รองรับวิดีโอ HTML5
    </video>
  </body>
</html>

แอตทริบิวต์ source

src - URL ไฟล์
type - MIME type (ช่วยเบราว์เซอร์เลือกไฟล์ที่รองรับ)