Video width 屬性

Video 對(duì)象參考手冊(cè) Video 對(duì)象

實(shí)例

修改視頻播放器的寬度:

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

嘗試一下 ?

定義和用法

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

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

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

注意:請(qǐng)勿通過(guò) height 和 width 屬性來(lái)縮放視頻!通過(guò) height 和 width 屬性來(lái)縮小視頻,只會(huì)迫使用戶下載原始的視頻(即使在頁(yè)面上它看起來(lái)較?。?。正確的方法是在網(wǎng)頁(yè)上使用該視頻前,使用軟件對(duì)視頻進(jìn)行壓縮。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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


語(yǔ)法

返回 width 屬性:

videoObject.width

設(shè)置 width 屬性:

videoObject.width=pixels

屬性值

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

技術(shù)細(xì)節(jié)

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


更多實(shí)例

實(shí)例

獲取視頻的寬度:

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

x 輸出值為:

320

嘗試一下 ?


相關(guān)頁(yè)面

HTML 參考手冊(cè): HTML <video> width 屬性


Video 對(duì)象參考手冊(cè) Video 對(duì)象