Как сделать так чтобы видео на сайте вело себя как background сделанный через background-size: cover?

Question

[Web Lizard]

Есть, значит, видео. Вставленное на сайт через тег . И все было бы хорошо, но это видео должно быть бекграундом для одного дива.

При этом все это должно быть адаптивно. То есть вся эта красота должна вести себя как обычный бекграунд, сделанный через background-size: cover.

Подскажите, пожалуйста, что здесь можно сделать?

Answer 1

[Ivan Bogachev]

Есть свойство object-fit. Собственно оно позволяет делать именно то, что вы описываете - codepen.

Comments

[JyriG]

СПАСИБО ОГРОМНОЕ!

Answer 2

[Edward]

https://codepen.io/fixcl/pen/MYydVK