视频标签适合对象

时间:2019-02-15 03:30:28

标签: css video object-fit

我需要实现一个视频,它会填充容器。 必须使用纯CSS而不是Javascript。

我已经浏览了Internet,得出的结论是,有两种纯CSS方法可以解决此问题,但是它们仍然存在自己的缺陷。

  1. min-heighttransform:到目前为止,使用此方法是最糟糕的解决方案,因为视频将扩展到其原始宽度和高度。而且,如果容器比视频小得多,则显示有点奇怪。

  2. object-fit:这似乎是迄今为止最好的解决方案,但是... IE不支持(仍然是这个经典问题)。

仅使用CSS是否有一种有效且跨浏览器的方式(甚至是解决方法,黑客等)。任何帮助表示赞赏!

这也是我的代笔来总结我的问题。

https://codepen.io/thaido-solislab/pen/GzYjqG

0 个答案:

没有答案