В чем разница между object-fit: cover и object-fit: contain при работе с видео на веб-страницах?

Разница между object-fit: cover и object-fit: contain при работе с видео на веб-страницах заключается в способе масштабирования видео. doka.guide htmlacademy.ru

Object-fit: cover — видео масштабируется таким образом, чтобы полностью заполнить родительский элемент. htmlacademy.ru Пропорции сохранятся, но всё, что не поместится в размер бокса, обрежется. htmlacademy.ru

Object-fit: contain — видео пропорционально масштабируется, чтобы целиком поместиться внутри родительского элемента. htmlacademy.ru При этом изображение может иметь пустые области по бокам, сверху или снизу. htmlacademy.ru Задача contain — сохранить пропорции оригинальной картинки, бокс заполнять не обязательно. htmlacademy.ru

Таким образом, cover подходит для ситуаций, когда важно, чтобы видео полностью заполнило элемент, а contain — когда нужно сохранить пропорции изображения и не обрезать важные части. css-live.ru htmlacademy.ru