HTML video width 屬性

HTML video 標(biāo)簽參考手冊(cè) HTML <video> 標(biāo)簽

實(shí)例

具有指定高度和寬度的視頻：

<video width="320" height="240" controls>
? <source src="movie.mp4" type="video/mp4">
? <source src="movie.ogg" type="video/ogg">
? 您的瀏覽器不支持 video 標(biāo)簽。
</video>

運(yùn)行代碼 ?

瀏覽器支持

所有主流瀏覽器都支持 width 屬性。

注意： Internet Explorer 8 及更早IE版本不支持 <video> 標(biāo)簽。

定義和用法

width 屬性指定視頻播放器的寬度。

提示： 規(guī)定視頻的高度和寬度是一個(gè)好習(xí)慣。如果設(shè)置這些屬性，在頁(yè)面加載時(shí)會(huì)為視頻預(yù)留出空間。如果沒有設(shè)置這些屬性，那么瀏覽器就無(wú)法預(yù)先確定視頻的尺寸，這樣就無(wú)法為視頻保留合適的空間。結(jié)果是，在頁(yè)面加載的過(guò)程中，其布局也會(huì)產(chǎn)生變化。

注意：請(qǐng)勿通過(guò) height 和 width 屬性來(lái)縮放視頻！通過(guò) height 和 width 屬性來(lái)縮小視頻，只會(huì)迫使用戶下載原始的視頻（即使在頁(yè)面上它看起來(lái)較小）。正確的方法是在網(wǎng)頁(yè)上使用該視頻前，使用軟件對(duì)視頻進(jìn)行壓縮。

HTML 4.01 與 HTML5之間的差異

<video> 標(biāo)簽是 HTML5 新標(biāo)簽。

語(yǔ)法

屬性值

值	描述
pixels	以像素計(jì)的寬度值（比如 "100px" 或 100）。

HTML <video> 標(biāo)簽其他擴(kuò)展

上一篇：HTML video src 屬性下一篇：JavaScript 實(shí)例