HTML <video> width 屬性

HTML video 標籤參考手冊 HTML <video> 標籤

實例

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

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
您的流覽器不支持 video 標籤。
</video>


流覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

注意: Internet Explorer 8 及更早IE版本不支持 <video> 標籤。


定義和用法

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

提示: 規定視頻的高度和寬度是一個好習慣。如果設置這些屬性,在頁面加載時會為視頻預留出空間。如果沒有設置這些屬性,那麼流覽器就無法預先確定視頻的尺寸,這樣就無法為視頻保留合適的空間。結果是,在頁面加載的過程中,其佈局也會產生變化。

注意:請勿通過 height 和 width 屬性來縮放視頻!通過 height 和 width 屬性來縮小視頻,只會迫使用戶下載原始的視頻(即使在頁面上它看起來較小)。正確的方法是在網頁上使用該視頻前,使用軟體對視頻進行壓縮。


HTML 4.01 與 HTML5之間的差異

<video> 標籤是 HTML5 新標籤。


語法

<video width="pixels">

屬性值

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


HTML video 標籤參考手冊 HTML <video> 標籤