ตัวอย่าง
การเล่นวิดีโอ:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
ลองตัวเอง» ความหมายและการใช้งาน
<video> แท็กระบุวิดีโอเช่นคลิปภาพยนตร์หรือวิดีโอสตรีมอื่น ๆ
ปัจจุบันมี 3 รูปแบบวิดีโอที่สนับสนุนสำหรับ <video> องค์ประกอบ: MP4, WebM และ Ogg :
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES from Firefox 21 from Firefox 30 for Linux |
YES | YES |
| Safari | YES | NO | NO |
| Opera | YES From Opera 25 |
YES | YES |
- MP4 = MPEG 4 ไฟล์ที่มีตัวแปลงสัญญาณวิดีโอ H264 และตัวแปลงสัญญาณเสียง AAC
- WebM = WebM ไฟล์ที่มีตัวแปลงสัญญาณวิดีโอ VP8 และตัวแปลงสัญญาณเสียง Vorbis
- OGG ไฟล์ Ogg = มีตัวแปลงสัญญาณวิดีโอ Theora และตัวแปลงสัญญาณเสียง Vorbis
ชนิด mime สำหรับรูปแบบวิดีโอ
| รูป | ประเภท Mime |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่องค์ประกอบ
| ธาตุ | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
<video> แท็กใหม่ใน HTML5
เคล็ดลับและคำอธิบาย
เคล็ดลับ: ข้อความใด ๆ ระหว่าง <video> และ </video> แท็กจะแสดงในเบราว์เซอร์ที่ไม่สนับสนุน <video> องค์ประกอบ
แอตทริบิวต์ตัวเลือก
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| autoplay | autoplay | ระบุว่าวิดีโอจะเริ่มเล่นได้ทันทีที่พร้อม |
| controls | controls | ระบุว่าการควบคุมวิดีโอควรจะแสดง (เช่น ฯลฯ ปุ่มเล่น / หยุดชั่วคราว) |
| height | pixels | ตั้งค่าความสูงของผู้เล่นวิดีโอ |
| loop | loop | ระบุว่าวิดีโอจะเริ่มต้นอีกครั้งเวลาที่จะเสร็จสิ้นทุก |
| muted | muted | ระบุว่าสัญญาณเสียงของวิดีโอจะถูกปิด |
| poster | URL | ระบุภาพที่ต้องการแสดงให้เห็นว่าขณะที่วิดีโอจะดาวน์โหลดหรือจนกว่าผู้ใช้จะฮิตปุ่มเล่น |
| preload | auto metadata none | ระบุถ้าและวิธีการที่ผู้เขียนคิดว่าวิดีโอที่ควรจะโหลดเมื่อโหลดหน้าเว็บ |
| src | URL | ระบุ URL ของไฟล์วิดีโอ |
| width | pixels | กำหนดความกว้างของผู้เล่นวิดีโอ |
แอตทริบิวต์ทั่วโลก
<video> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<video> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: HTML เสียง / วิดีโอ DOM อ้างอิง
ตั้งค่าเริ่มต้น CSS
ไม่มี.