HTML: <video> height 属性

由网友 大卫 发布 阅读 7

HTML: <video> height 属性

height属性以像素为单位指定视频播放器的高度。始终同时指定视频的高度和宽度属性。如果设置了高度和宽度,则在加载页面时会保留视频所需的空间。

 HTML <video> 标签

在线示例

同时指有指定高度和宽度的视频:

<video width="380" height="280" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

注意: Internet Explorer 8 及更早IE版本不支持 <video> 标签。

定义和用法

height属性以像素为单位指定视频播放器的高度。
提示:始终同时指定视频的高度和宽度属性。如果设置了高度和宽度,则在加载页面时会保留视频所需的空间。但是,如果没有这些属性,浏览器将不知道视频的大小,也无法为其保留适当的空间。效果是页面布局将在加载过程中(视频加载时)改变。
注意:请勿使用height和width属性重新缩放视频!使用height和width属性缩小大型视频的大小将迫使用户下载原始视频(即使页面上看起来很小)。重新缩放视频的正确方法是使用程序,然后在页面上使用它。

HTML 4.01 与 HTML5之间的差异

<video> 标签是 HTML5 新标签。

语法

<video height="pixels">

属性值

描述
pixels以像素为单位的高度值(比如 "100px" 或 100)。
 HTML <video> 标签

HTML: <video> muted 属性 HTML: <track> src 属性