HTML5 Video คือ การเขียน Code HTML5 สำหรับการเล่นวีดีโอผ่านเว็บเบราว์เซอร์ด้วย tag <video>
ภาพรวมการเล่นวีดีโอบน HTML5 (HTML5 Video)
1. ดำเนินการผ่าน tag html <video>
2. สนับสนุน IE9+, Firefox, Opera, Google Chrome และ Safari
3. แต่ละ Browser จะสนับสนุนไฟล์วีดีโอที่แตกต่างกัน
4. tag <video> สนับสนุนไฟล์วีดีโอ ณ ปัจจุบัน 3 นามสกุล คือ MP4, WebM และ Ogg
5. แต่ละ Browser มีการสนับสนุนไฟล์วีดีโอทั้ง 3 นามสกุลแตกต่างกันออกไป
Browser กับการสนับสนุนไฟล์วีดีโอ
1. IE9+ = MP4
2. Google Chrome = MP4, WebM, Ogg
3. Firefox = MP4 (เฉพาะรุ่น 21 บน Windows 7, 8, Vista และ Android), WebM, Ogg
4. Safari = MP4
5. Opera = WebM, Ogg
ตัวอย่างการระบุ Type ไฟล์วีดีโอทั้ง 3 ไฟล์นามสกุล
1. type="video/mp4"
2. type="video/webm"
3. type="video/ogg"
ตัวอย่าง Soruce Code (เล่นไฟล์ MP4)
<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls>
<source src="big_buck_bunny_480x272.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>
ผลลัพธ์
