Video width 屬性

實例

修改視頻播放器的寬度：

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

width 屬性用于設置或返回視頻播放器的寬度。

width 屬性描述了視頻播放器的寬度，以像素計。

提示：規(guī)定視頻的高度和寬度是一個好習慣。如果設置這些屬性，在頁面加載時會為視頻預留出空間。如果沒有設置這些屬性，那么瀏覽器就無法預先確定視頻的尺寸，這樣就無法為視頻保留合適的空間。結(jié)果是，在頁面加載的過程中，其布局也會產(chǎn)生變化。

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

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

注意： Internet Explorer 8 及更早 IE 版本不支持 <video> 元素。

返回 width 屬性:

videoObject.width

設置 width 屬性:

videoObject.width=pixels

值	描述
pixels	描述了視頻播放器的寬度，以像素計（如：width="100"）

返回值:	數(shù)字，表示視頻的寬度，以像素計。

獲取視頻的寬度：

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

x 輸出值為:

320