HTML <วิดีโอ> แอตทริบิวต์ความกว้าง
ตัวอย่าง
เครื่องเล่นวิดีโอที่มีความกว้างและความสูงที่ระบุ:
<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
ระบุความกว้างของโปรแกรมเล่นวิดีโอเป็นพิกเซล
เคล็ดลับ:ระบุทั้ง แอตทริบิวต์ height
และ
width
แอตทริบิวต์สำหรับวิดีโอเสมอ หากมีการตั้งค่าแอตทริบิวต์เหล่านี้ พื้นที่ที่จำเป็นสำหรับวิดีโอจะถูกสงวนไว้เมื่อโหลดหน้า อย่างไรก็ตาม หากไม่มีคุณลักษณะเหล่านี้ เบราว์เซอร์จะไม่ทราบขนาดของวิดีโอ และไม่สามารถจองพื้นที่ที่เหมาะสมได้ ผลที่ได้คือเลย์เอาต์ของหน้าจะเปลี่ยนไประหว่างการโหลด (ในขณะที่วิดีโอโหลด)
หมายเหตุ:อย่าปรับขนาดวิดีโอด้วยแอตทริบิวต์height
และ !
width
การลดขนาดวิดีโอขนาดใหญ่ด้วยคุณลักษณะเหล่านี้ทำให้ผู้ใช้ต้องดาวน์โหลดวิดีโอต้นฉบับ (แม้ว่าจะดูเล็กบนหน้าก็ตาม) วิธีที่ถูกต้องในการปรับขนาดวิดีโอใหม่คือการใช้โปรแกรม ก่อนใช้งานบนหน้าเว็บ
รองรับเบราว์เซอร์
Attribute | |||||
---|---|---|---|---|---|
width | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
ไวยากรณ์
<video width="pixels">
ค่าแอตทริบิวต์
Value | Description |
---|---|
pixels | The width of the video, in pixels (i.e. width="100") |
❮ แท็ก HTML <วิดีโอ>