ใส่วีดีโอ HTML ด้วยแท็ก video ของ HTML5

ใส่วีดีโอ HTML ด้วยแท็ก video ของ HTML5 บทความนี้สอนการใช้แท็ก video ของ HTML5 ซึ่งแท็กนี้มีคุณสมบัติในการเล่นไฟล์วีดีโอ เช่น mp4, ogg เป็นต้น รองรับการปรับแต่งค่าต่างๆ แต่แท็ก video รองรับเฉพาะบาง browser เท่านั้น สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ใส่วีดีโอ HTML ด้วยแท็ก video ของ HTML5

<video width="320" height="240" controls>
    <source src="[PATH-URL]movie.mp4" type="video/mp4">
    <source src="[PATH-URL]movie.ogg" type="video/ogg">
    เบราว์เซอร์ของคุณไม่รองรับแท็กวิดีโอ
</video>

ใส่วีดีโอ HTML ด้วยแท็ก video ของ HTML5 จากตัวอย่าง video นี้มีขนาด 320x240px กำหนดที่อยู่วีดีโอที่ source โดยให้เปลี่ยน [PATH-URL]movie.mp4 และ ogg เป็นที่อยู่พร้อมชื่อไฟล์จริงของวีดีโอ กรณีที่ browser ไม่รองรับ HTML5 แท็ก video จะแสดงข้อความว่า เบราว์เซอร์ของคุณไม่รองรับแท็กวิดีโอ