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