@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%;
}

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

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

Войти через центр авторизации
Похожие вопросы
30 мая 2020, в 13:42
3000 руб./за проект
30 мая 2020, в 13:24
5000 руб./за проект
30 мая 2020, в 13:22
5000 руб./за проект