@skaz_90

Как убрать отступ снизу при использовании видео с youtube через iframe?

Подскажите пож-ста, как избавиться от непонятного отступа, который появляется при стилизации iframe
5c8aae8e51eaf130686055.png
Не так опытен, поэтому делаю все, как и везде рассказывают:
<div class="calendar__general-slyde-video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/osccgelInTo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 
</div>

.calendar__general-slyde-video {
    position: relative;
    padding-bottom: 56.25%; 
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    width: 315px;
}
.calendar__general-slyde-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 34.47%;
}

Буду благодарен за любую подсказку.
Спасибо!
  • Вопрос задан
  • 180 просмотров
Пригласить эксперта
Ответы на вопрос 1
@weart
Такое бывает, когда пропорции видео и в css не совпадают. Если поиграетесь числом паддинга, то сможете подогнать конкретно это видео.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы