Как работает свойство object-fit при работе с видео?

Свойство object-fit при работе с видео позволяет управлять тем, как видео будет подстраиваться под заданные размеры. doka.guide

Некоторые возможные значения свойства:

• fill. doka.guide webref.ru Элемент масштабируется, чтобы соответствовать заданным размерам, при этом пропорции игнорируются. webref.ru
• contain. doka.guide webref.ru Элемент масштабируется, чтобы целиком уместиться в заданные размеры с соблюдением пропорций. webref.ru
• cover. doka.guide webref.ru Элемент увеличивается или уменьшается, чтобы целиком заполнить заданную область с сохранением пропорций. webref.ru
• none. doka.guide webref.ru Сохраняются исходные пропорции элемента, установленные значения ширины или высоты не влияют на содержимое. webref.ru

По умолчанию свойство object-fit центрирует изображение или видео, если оно не покрывает контейнер полностью. blog.openreplay.com

Важно проверить поддерживаемость свойства object-fit в разных браузерах, так как в некоторых из них, например, в Internet Explorer, оно может не функционировать. sky.pro