Как сделать видео с ютуба на странице сайта адаптивным?
Столкнулся с такой проблемой. На странице http://rolgrad.ru/kupit-sekcionnye-vorota-cena.html моего сайта видео с ютуба с мобильного телефона выходит за грани, хотя все делал через bootstrap. Из за этого не совсем корректно отображается страница. Зайдите с телефона и посмотрите сами. В общем нужна помощь. Буду очень благодарен!
.video-block {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
<div class="video"><iframe width="100%" src="//www.youtube.com/embed/P5_GlAOCHyE?autoplay=1" frameborder="0" allowfullscreen></iframe></div>
.video {
width: 100%;
position: relative;
padding-top: 56.25%;
}
.video iframe,
.video object,
.video embed,
.video table {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}