·您当前的位置:主页 > 技术教程 > Html5技术 >

[html5]html5视频播放器height高度属性

时间:2017-06-13 14:04酷播
[html5]html5视频播放器height高度属性

实例

具有指定高度和宽度的视频:

<video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>

定义和用法

height 属性指定视频播放器的高度。

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

提示:请勿通过 height 和 width 属性来缩放视频!通过 height 和 width 属性来缩小视频,只会迫使用户下载原始的视频(即使在页面上它看起来较小)。正确的方法是在网页上使用该视频前,使用软件对视频进行压缩。

HTML 4.01 与 HTML 5 之间的差异

height 属性是 HTML 5 中的新属性。

语法

<video height="value" />

属性值

描述
pixels 以像素计的高度值(比如 "100px" 或 100)。

应用的实例

酷播云中应用这个属性,马上体验一下>>

演示:

 
微信付费直播
酷播云免费在线视频整体解决方案
参与开学季云视频优惠,拿GET2017教育科技大会VIP门票
进入开学季,保利威视推出云视频优惠,云视频套餐、流量超实惠大放“价”就是现在,还可以免费获取GET2017教育科技大会VIP门票哦!