HTML <video> height 属性
示例
具有指定高度和宽度的视频播放器
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
自己动手试一试 »
定义和用法
<code class="w3-codespan">height</code> 属性以像素为单位指定视频播放器的高度。
提示:始终为视频指定 height
和 width
属性。如果设置了这些属性,则在加载页面时会为视频预留所需的空间。但是,如果没有这些属性,浏览器就不知道视频的大小,也无法为其预留适当的空间。效果是页面在加载过程中(视频加载时)布局会发生变化。
注意:不要使用 height
和 width
属性来重新缩放视频!使用这些属性缩小大型视频会迫使用户下载原始视频(即使它在页面上看起来很小)。正确的方法是在将视频用于网页之前,先使用程序将其重新缩放。
浏览器支持
Attribute | |||||
---|---|---|---|---|---|
height | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
语法
<video height="pixels">
属性值
值 | 描述 |
---|---|
像素 | 视频的高度,以像素为单位(例如 height="100") |
❮ HTML <video> 标签