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

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

（学习视频分享：html视频教程）

<video width="320"    style="max-width:90%" controls="controls">

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

object-fit语法

object-fit:fill | contain | cover | none | scale-down

object-fit取值说明