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

width 屬性用于設(shè)置視頻顯示區(qū)域的寬度，如下示例：

實(shí)例

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

<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>

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

定義和用法

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

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

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

HTML 4.01 與 HTML5之間的差異

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

語法

<video width="pixels">

屬性值

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

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