最新的Web開發教程
 

Video width Property

<視頻對象

更改視頻播放器的寬度:

document.getElementById("myVideo").width = "500";
試一試»

定義和用法

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

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

提示:一定要同時指定高度和寬度的視頻屬性。 如果高度和寬度被設置時,被加載頁面時的視頻所需的空間被保留。 然而,如果沒有這些屬性,瀏覽器不知道視頻的大小,並不能保留適當的空間給它。 效果會在加載過程中(而視頻負載)的頁面佈局將發生變化。

注意:不要用高度和寬度屬性重新調整視頻! 小型化的大型視頻與高度和寬度的屬性強制用戶下載原始視頻(even if it looks small on the page) 。 重新調整視頻的正確方法是用一個程序,用它在頁面上之前。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

寬度屬性在所有主流瀏覽器的支持。

注:Internet Explorer 8和更早的版本,不支持<video>元素。


句法

返回width屬性:

videoObject .width

設置width屬性:

videoObject .width= pixels

屬性值

描述
pixels 指定視頻播放器的寬度,以像素為單位(ie width="100")

技術細節

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

更多示例

獲取視頻的寬度:

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

x的結果將是:

320
試一試»

相關頁面

HTML參考: HTML <video>寬度屬性


<視頻對象