Latest web development tutorials

HTML DOM Video width 屬性

Video 對象參考手冊 Video對象

實例

修改視頻播放器的寬度:

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

嘗試一下»

定義和用法

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

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

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

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


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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


語法

返回width 屬性:

videoObject .width

設置width 屬性:

videoObject .width= pixels

屬性值

描述
pixels 描述了視頻播放器的寬度,以像素計(如:width="100")

技術細節

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


更多實例

實例

獲取視頻的寬度:

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

x輸出值為:

320

嘗試一下»


相關頁面

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


Video 對象參考手冊 Video對象