Как подстроить постер и свою обложку под видео youtube?

Question

[Gagatyn]

Здравствуйте! Не получается одолеть баг с видео. Сайт
На главной странице есть видео. Обложка установлена background'ом + постер, ну чтобы свои обложки показывать. Как добиться универсального решения, чтобы обложка или сам контейнер видео были одним размером и ничего не выглядывало, даже если поменяют размер обложки?
Я пробовал делать

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

}

не помогает. Пробовал высчитывать по картинки (обложки). Создавал при помощи js объект new Image() и по размерам высчитывал, может и верное решение, только не сработало из-за кривых рук. Я не могу придумать, что делать.
При клике на миниатюры видео рядом с главным видео, появляется окно с видео, там тоже самое.
И сетка с видео, обложки режутся из-за маленького размера.
Подскажите, пожалуйста.

Comments

[lloydbanks]

У вас на сайте нет элементов с классом .videoWrapper
Покажите если не сложно скриншот с тем местом где проблема.

Answer 1

[zoozag]

background-size: cover;