Разница между poster и background-size при создании адаптивных постеров заключается в том, что poster указывает на само изображение постера, а background-size — на способ его адаптации к размеру контейнера 134.

poster позволяет указать конкретное изображение постера, которое будет отображаться за кнопкой воспроизведения видео. 2 Для этого в HTML есть атрибут для элемента

background-size же использует CSS для адаптации фонового изображения, чтобы оно соответствовало размеру контейнера. 34 Например, значение background-size: cover указывает браузеру масштабировать фоновое изображение так, чтобы оно поместилось в контейнере. 4 Если соотношения сторон не совпадают, изображение будет обрезано по размеру. 3