ตัวอย่าง
ผู้เล่นวิดีโอที่มีความกว้างและความสูงที่ระบุ:
<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>
ลองตัวเอง» ความหมายและการใช้งาน
width แอตทริบิวต์ระบุความกว้างของเครื่องเล่นวิดีโอพิกเซล
เคล็ดลับ: เสมอระบุทั้งความสูงและความกว้างคุณลักษณะสำหรับวิดีโอหากสูงและความกว้างมีการกำหนดพื้นที่ที่จำเป็นสำหรับวิดีโอถูกสงวนไว้เมื่อโหลดหน้าเว็บ แต่ไม่มีคุณสมบัติเหล่านี้เบราว์เซอร์ไม่ทราบขนาดของวิดีโอและไม่สามารถจองพื้นที่ที่เหมาะสมกับมัน ผลจะเป็นไปได้ว่ารูปแบบหน้าจะมีการเปลี่ยนแปลงระหว่างการโหลด (ในขณะที่โหลดวิดีโอ)
หมายเหตุ: อย่า rescale วิดีโอที่มีความสูงและความกว้างของคุณลักษณะ!การลดขนาดวิดีโอขนาดใหญ่ที่มีคุณลักษณะสูงและความกว้างกองกำลังผู้ใช้ดาวน์โหลดวิดีโอต้นฉบับ (แม้ว่ามันดูเล็ก ๆ บนหน้าเว็บ) วิธีที่ถูกต้อง rescale วิดีโออยู่กับโปรแกรมก่อนที่จะใช้บนหน้าเว็บ
สนับสนุนเบราว์เซอร์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| width | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
หมายเหตุ: Internet Explorer 8 และรุ่นก่อนหน้านี้ไม่สนับสนุน <video> แท็ก
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
<video> แท็กใหม่ใน HTML5
วากยสัมพันธ์
<video width="pixels">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| pixels | ความกว้างของวิดีโอพิกเซล (เช่น width="100" ) |