Как сделать, чтобы видео полностью влезало?

Question

[maketosLikes]

тоесть чтобы не было черных полос
(после клика по любому title будет попап
потом нажимаем плей - видео запускается
и будут черные полосы)

https://jsfiddle.net/hbr6dn9p/

Comments

[Ankhena]

Вставлять его в блок с нужными пропорциями, такими же как само видео.
Судя по тому, что у вас в коде есть это padding-top: 45%;, про хак с паддингами вы в курсе.
Осталось поставить нужное соотношение сторон.

aspect-ratio использовать рано. Из пользователей яблока, меньше чем у 1% 15ый сафари. У всех остальных не сработает.

[maketosLikes]

Ankhena, спасибо. Как я понял - поменять padding-top: 45% на
padding-top: 56.25% и будет хорошо

[Ankhena]

maketosLikes, да

Answer 1

[tyoma_koder]

aspect-ratio: 16/9; Но это только если соотношение сторон у видео 16/9

Comments

[maketosLikes]

tyoma_koder, где задать? не совсем понятно

[tyoma_koder]

maketosLikes, в iframe видео блок с классом inner__video