Video width 屬性

定義和用法

width 屬性設置或返回視頻的 width 屬性 的值。

width 屬性規定視頻播放器的寬度,以像素為單位。

提示:請始終規定視頻的高度和寬度屬性。如果設置了高度和寬度,則在加載頁面時保留視頻所需的空間。但是,如果沒有這些屬性,瀏覽器將不知道視頻的大小,也無法為其預留適當的空間。頁面布局將在加載期間(視頻加載時)發生變化。

注釋:請不要使用高度和寬度屬性重新縮放視頻!縮小具有高度和寬度屬性的大型視頻會迫使用戶下載原始視頻(即使它在頁面上看起來很小)。重新縮放視頻的正確方法是使用程序,然后再在頁面上使用它。

實例

例子 1

更改視頻播放器的寬度:

document.getElementById("myVideo").width = "500";

親自試一試

例子 2

獲取視頻的寬度:

var x = document.getElementById("myVideo").width;

親自試一試

語法

返回 width 屬性:

videoObject.width

設置 width 屬性:

videoObject.width = pixels

屬性值

描述
pixels 規定視頻播放器的寬度,以像素為單位。

技術細節

返回值: 數字,表示視頻的寬度,以像素為單位。

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 支持 支持

相關頁面

HTML 參考手冊:HTML <video> width 屬性