HTML เล่นวีดีโอที่หน้าเว็บไซต์ด้วยแท็ก video

สอนเขียนโค้ดภาษา HTML เล่นวีดีโอที่หน้าเว็บไซต์ด้วยแท็ก video ของ HTML5 บทความนี้จะแนะนำการใช้แท็ก video ของ HTML5 สำหรับเล่นวีดีโอไฟล์ .mp4 หรือ .ogg บนหน้าเว็บไซต์ โดยไม่ต้องติดตั้งอะไรเพิ่มเติม สามารถเขียนโปรแกรมได้ดังนี้

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

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

1. ใช้แท็ก video ของภาษา HTML5 สำหรับเล่นวีดีโอที่หน้าเว็บไซต์ โดยวีดีโอมีขนาดความกว้าง (width) = 320 และความสูง (height) = 240 รองรับไฟล์ .mp4 และ .ogg 

2. เปลี่ยนชื่อไฟล์ และตำแหน่งของไฟล์ที่จัดเก็บวีดีโอ ที่ attribute src ของแท็ก source ให้ถูกต้อง โดยรองรับการเรียกผ่านลิงก์วีดีโอภายนอก

3. กรณีถ้าโปรแกรมเล่นอินเทอร์เน็ตไม่รองรับแท็ก video ของ HTML5 จะขึ้นข้อความว่า เบราว์เซอร์ของคุณไม่รองรับแท็กวิดีโอ