html5中video标签和img标签自适应div宽度

object-fit

CSS object-fit属性用于指定应如何调整<img>或<video>的大小以适合其容器

属性值	含义
fill	默认值。调整替换后的内容大小，以填充元素的内容框。如有必要，将拉伸或挤压物体以适应该对象。
contain	缩放替换后的内容以保持其纵横比，同时将其放入元素的内容框。
cover	调整替换内容的大小，以在填充元素的整个内容框时保持其长宽比。该对象将被裁剪以适应。
none	不对替换的内容调整大小。
scale-down	调整内容大小就像没有指定内容或包含内容一样（将导致较小的具体对象尺寸）