首页 > web前端 > H5教程 > html5如何正确设置视频的宽高

html5如何正确设置视频的宽高

王林
发布: 2021-01-25 10:28:43
转载
5569 人浏览过

html5如何正确设置视频的宽高

平常我们都是这样进行设置的:

(学习视频分享:html视频教程

<video width="320" height="240" controls="controls">
登录后复制

但是有的时候发现设置了视频的高度却并没有发生变化,我们可以设置其父元素的宽高,让video填充满父元素。只要给video标签加上style="width= 100%; height=100%; object-fit: fill"即可。

object-fit语法

object-fit:fill | contain | cover | none | scale-down
登录后复制

object-fit取值说明

object-fit主要适合于替换元素,比如: