背景
今天开发小哥哥找我调样式，一看，video，心里有点慌啊，之前没有接触video标签，小哥哥说给video设置了和左边图片一样的高度，但就是比图片矮一截，好吧，调了两下高度，调不动，哎呀回去研究一下吧，然后就回来自己测试了一下。
video标签介绍
以下内容摘抄自w3school中对video标签的介绍
video标签是 HTML5的新标签。该标签定义视频，比如电影片段或其他视频流。
提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。
<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。
</video>
属性如下所示
我的发现
接着背景说，回来自己写了个页面还原了一下场景，给video设置了高度，发现和图片一样高，并没有出现开发小哥哥的问题，在神奇的作用力下，我给video设置了个宽度，发现video变矮了是怎么回事，调高度也调不动。
总结：video标签会保持替换内容的长宽比。
那怎么办呢，一定有解决办法的，上网查了一下，果然，被我找到了这篇文章 blog.csdn.net/qq_39292868… ，通过这篇文章，我新了解了属性object-fit，文章对于这个属性的几个值的解释也很清楚，我就不多说了。
MDN对于object-fit属性的介绍：developer.mozilla.org/zh-CN/docs/…
