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

王林
Lepaskan: 2021-01-25 10:28:43
ke hadapan
5512 orang telah melayarinya

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

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

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

<video width="320" height="240" controls="controls">
Salin selepas log masuk

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

object-fit语法

object-fit:fill | contain | cover | none | scale-down
Salin selepas log masuk

object-fit取值说明

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