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

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

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

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

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