HTML <video> width 屬性

HTML <video> 標簽

定義和用法

width 屬性規定視頻播放器的寬度，以像素計。

提示：請始終同時指定視頻的 height 和 width 屬性。如果設置了這些屬性，在頁面加載時將保留視頻所需的空間。但是，如果沒有這些屬性，瀏覽器就不知道視頻的尺寸，也就無法為它預留合適的空間。效果是頁面布局將在加載過程中發生變化（視頻加載時）。

注意：請不要使用 height 和 width 屬性重新調整視頻的大小！使用這些屬性縮小大型視頻會強制用戶下載原始視頻（即使在頁面上看起來很小）。正確的方法是在將視頻用于網頁之前，使用一個程序對其進行重新縮放。

實例

已設置規定高度和寬度的視頻播放器：

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  您的瀏覽器不支持視頻標簽。
</video>

親自試一試

語法

<video width="pixels">

屬性值

值 描述
pixels 視頻的寬度，以像素為單位（例如 width="100"）。

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5

HTML <video> 標簽