最新的Web開發教程
 

Video height Property

<視頻對象

例

更改視頻的高度：

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

定義和用法

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

該height屬性指定視頻的高度，以像素為單位。

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

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

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

句法

返回height屬性：

videoObject .height

設置height屬性：

videoObject .height= pixels

屬性值

值 描述
pixels 指定視頻的高度，以像素為單位(ie width="100")

技術細節

返回值： 一個數字，表示視頻的高度，以像素為單位

更多示例

例

獲取視頻的高度：

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

x的結果將是：

240
試一試»

相關頁面

HTML參考： HTML <video>高度屬性

<視頻對象