Заметил ,что высота контейнера в который подгружаются видео не адаптируется под высоту плеера, то есть высота контейнера 3:4, а высота подгружаемого плеера 16:9, подскажите возможно ли стилями исправить это, чтобы высота контейнера автоматически адаптировалась под высоту загружаемого плеера?
хак есть - блоку img назначить
transform: scale(1.4);
- но тогда картинка увеличится - сверху полосы уйдут - но и справа картинка тоже уйдет за пределы видимости. Да и то - этот метод не универсален - у кого-то все равно будут черные полосы.
Тут не поделаешь - ютуб нарезает так
Специально обратил внимание, на Youtube 16:9 На сайте 3:4
Интересно ,что вставляя через Elementor видео, можно вывести 16:9.
transform: scale(1.4); я уже пробовал это конечно не то.
Помню года два назад читал англоязычную статью на эту тему, и решалось все стилями.
Спасибо за помощь, постараюсь найти эту статью )
Вас не смущает что по вашему скрину в урл картинки доп параметры на ютубе? Вы откройте эту ссылку в браузере и уберите доп параметры. И станет картинка с черными полями. Так работает ютуб. А доп просто берет напрямую картинку оттуда без всяких доп параметров. Просто берет как есть.
Пример:
https://i.ytimg.com/vi/km9vrins3Dg/hqdefault.jpg?sqp=-oaymwEWCNIBEHZIWvKriqkDCQgBFQAAiEIYAQ==&rs=AOn4CLDxjHKcAl0zBr-DBLXiAwS7xmmzOQ
убираем:
https://i.ytimg.com/vi/km9vrins3Dg/hqdefault.jpg
Я читал статью об этом баге и в этом вина не youtube, читал давно но помню ,что это можно решить с помощью хитрого стилистического решения, что косвенно подтверждается тем как вставляет картинку ELEMENTOR он использует стилистическое решение. Буду искать эту статью, очень интересно решение.