Devdit
 

เล่นวิดีโอบนเว็บไซต์ด้วยแท็ก video ภาษา HTML5

1.7K

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

 

ตัวอย่าง

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

 

เวอร์ชั่นขั้นต่ำของโปรแกรมเล่นอินเทอร์เน็ตที่รองรับแท็ก video

บราวเซอร์ChromeIE/EdgeFirefoxSafaiOpera
เวอร์ชั่นขั้นต่ำ4.09.03.54.010.5

 

แท็ก video รองรับไฟล์นามสกุลอะไรบ้าง

แท็ก video ปกติจะรองรับ 3 นามสกุล คือ mp4, WebM และ Ogg

 

ตัวอย่าง กำหนดขนาดการแสดงผล เช่น 320x240

<video width="320" height="240" controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.mp4" type="video/ogg">
    โปรแกรมเล่นอินเทอร์เน็ตของคุณไม่รองรับการทำงาน
</video>
แก้ไข 3 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ