Мне нужно реализовать видео, которое заполняет контейнер.Требуется использовать чистый CSS, а не Javascript.
Я просмотрел Интернет и пришел к выводу, что есть два подхода к чистой проблеме CSS, но у них все еще есть свои недостатки.
min-height
и transform
: пока что это худшее решение, поскольку видео расширится до исходной ширины и высоты.И если контейнер намного меньше, чем видео, дисплей выглядит довольно странно.
object-fit
: это кажется лучшим решением на сегодняшний день, но ... IE не делаетподдержка (все еще это классическая проблема).
Существуют ли эффективные и кросс-браузерные способы (даже обходные пути, хаки и т. д.) при использовании только CSS.Любая помощь приветствуется!
Вот мой кодекс, который также суммирует мою проблему.
https://codepen.io/thaido-solislab/pen/GzYjqG