Альтернатива подгонки видео тегов
Мне нужно реализовать видео, которое заполняет контейнер. Требуется использовать чистый CSS вместо использования Javascript.
Я просмотрел Интернет и пришел к выводу, что есть два подхода к решению этой проблемы, но у них все еще есть свои недостатки.
min-height
а такжеtransform
На данный момент это худшее решение, поскольку видео расширится до первоначальной ширины и высоты. И если контейнер намного меньше, чем видео, дисплей выглядит довольно странно.object-fit
Это кажется лучшим решением на сегодняшний день, но... IE не поддерживает (все еще это классическая проблема).
Существуют ли эффективные и кросс-браузерные способы (даже обходные пути, взломы и т. Д.) При использовании только CSS. Любая помощь приветствуется!
Вот мой кодекс, чтобы подвести итог моей проблемы.