我需要实现一个视频,它会填充容器。 必须使用纯CSS而不是Javascript。
我已经浏览了Internet,得出的结论是,有两种纯CSS方法可以解决此问题,但是它们仍然存在自己的缺陷。
min-height
和transform
:到目前为止,使用此方法是最糟糕的解决方案,因为视频将扩展到其原始宽度和高度。而且,如果容器比视频小得多,则显示有点奇怪。
object-fit
:这似乎是迄今为止最好的解决方案,但是... IE不支持(仍然是这个经典问题)。
仅使用CSS是否有一种有效且跨浏览器的方式(甚至是解决方法,黑客等)。任何帮助表示赞赏!
这也是我的代笔来总结我的问题。