Video height 屬性

Video 對象參考手冊 Video 對象

實例

修改視頻的高度：

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

嘗試一下 ?

定義和用法

height 屬性用于設(shè)置或返回 height 屬性值。

height 屬性描述了視頻的高度，以像素計。

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

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

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

語法

返回 height 屬性：

videoObject.height

設(shè)置 height 屬性：

videoObject.height=pixels

屬性值

值描述
pixels描述了視頻的高度，以像素計 (例如： width="100")

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

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

更多實例

實例

獲取視頻的高度:

var x = document.getElementById("myVideo").height;
x輸出結(jié)果為：
240

嘗試一下 ?

相關(guān)頁面

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

Video 對象參考手冊 Video 對象