Альтернатива подгонки видео тегов

Мне нужно реализовать видео, которое заполняет контейнер. Требуется использовать чистый CSS вместо использования Javascript.

Я просмотрел Интернет и пришел к выводу, что есть два подхода к решению этой проблемы, но у них все еще есть свои недостатки.

  1. min-height а также transformНа данный момент это худшее решение, поскольку видео расширится до первоначальной ширины и высоты. И если контейнер намного меньше, чем видео, дисплей выглядит довольно странно.

  2. object-fitЭто кажется лучшим решением на сегодняшний день, но... IE не поддерживает (все еще это классическая проблема).

Существуют ли эффективные и кросс-браузерные способы (даже обходные пути, взломы и т. Д.) При использовании только CSS. Любая помощь приветствуется!

Вот мой кодекс, чтобы подвести итог моей проблемы.

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

0 ответов

Другие вопросы по тегам