Video height 属性

HTML DOM Video 对象

定义和用法

height 属性设置或返回视频的 height 属性 的值。

height 属性指定视频的高度，以像素计。

提示：请始终指定视频的高度和宽度属性。如果设置了高度和宽度，则在加载页面时保留视频所需的空间。但是，如果没有这些属性，浏览器将不知道视频的大小，也无法为其预留适当的空间。页面布局将在加载期间（视频加载时）发生变化。

注释：请不要使用高度和宽度属性重新缩放视频！缩小具有高度和宽度属性的大型视频会迫使用户下载原始视频（即使它在页面上看起来很小）。重新缩放视频的正确方法是使用程序，然后再在页面上使用它。

实例

例子 1

更改视频的高度：

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

亲自试一试

例子 2

获取视频的高度：

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

亲自试一试

语法

返回 height 属性：

videoObject.height

设置 height 属性：

videoObject.height = pixels

属性值

值 描述
pixels 规定视频的高度，以像素为单位。

技术细节

返回值： 数值，表示视频的高度，以像素为单位。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 支持 支持

相关页面

HTML 参考手册：HTML <video> height 属性

HTML DOM Video 对象