×
参考手册概览

JavaScript 对象

JavaScript Array 对象手册 JavaScript Array 对象JavaScript Boolean 对象JavaScript Date 对象JavaScript Math 对象JavaScript Number 对象JavaScript String 对象JavaScript RegExp 对象JavaScript 全局属性/函数JavaScript 运算符

Browser 对象

Window 对象Navigator 对象Screen 对象History 对象Location 对象

DOM 对象

HTML DOM DocumentHTML DOM 元素对象HTML DOM 属性对象HTML DOM 事件对象

HTML 对象

<a><area><audio><base><blockquote><body><button><canvas><col><colgroup><datalist><del><details><dialog><embed><fieldset><form><iframe><frameset ><img><ins><input> - button<input> - checkbox<input> - color<input> - date<input> - datetime<input> - datetime-local<input> - email<input> - file<input> - hidden<input> - image<input> - month<input> - number<input> - range<input> - password<input> - radio<input> - reset<input> - search<input> - submit<input> - text<input> - time<input> - url<input> - week<keygen><link><label><legend><li><map><menu><menuItem><meta><meter><object><ol><optgroup><option><param><progress><q><script><select><source><style><table><td><th><tr><textarea><title><time><track><video>

Video height 属性

HTML DOM Video 对象HTML DOM Video 对象

实例

修改视频的高度：

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

尝试一下 »

定义和用法

height 属性用于设置或返回 height 属性值。

height 属性描述了视频的高度，以像素计。

提示：规定视频的高度和宽度是一个好习惯。如果设置这些属性，在页面加载时会为视频预留出空间。如果没有设置这些属性，那么浏览器就无法预先确定视频的尺寸，这样就无法为视频保留合适的空间。结果是，在页面加载的过程中，其布局也会产生变化。

注意：请勿通过 height 和 width 属性来缩放视频！通过 height 和 width 属性来缩小视频，只会迫使用户下载原始的视频（即使在页面上它看起来较小）。正确的方法是在网页上使用该视频前，使用软件对视频进行压缩。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 height 属性

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

语法

返回 height 属性：

videoObject.height

设置 height 属性：

videoObject.height=pixels

属性值

值 描述
pixels 描述了视频的高度，以像素计 (例如： width="100")

技术细节

返回值： 数字，表示视频的高度，以像素计

更多实例

实例

获取视频的高度:

var x = document.getElementById("myVideo").height;
x输出结果为：
240

尝试一下 »

相关页面

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

HTML DOM Video 对象HTML DOM Video 对象

分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号：472910771)