SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Как сделать видео с ютуба на странице сайта адаптивным?

kidink kidink  
2
  06.12.2017 12:28       958    
Столкнулся с такой проблемой. На странице http://rolgrad.ru/kupit-sekcionnye-vorota-cena.html моего сайта видео с ютуба с мобильного телефона выходит за грани, хотя все делал через bootstrap. Из за этого не совсем корректно отображается страница. Зайдите с телефона и посмотрите сами. В общем нужна помощь. Буду очень благодарен!

Ответы на пост (5) Написать ответ
Сергей Князев Сергей Князев
55
06.12.2017 14:55
В строке <iframe src="" frameborder="0" width="756"> Поменяй width="756" на width="100%" и не слушай предыдущего автора. Блок с видео сам растянется как нужно
1
Решение
kidink kidink
2
30.01.2018 18:05
благодарю, твое решение помогло)
0
ZAYMY ZAYMY
52
06.12.2017 12:37
<div class="video-block"><iframe src="https://www.youtube.com/video" frameborder="0" width="756" height="428"></iframe></div>

.video-block {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
0
kidink kidink
2
06.12.2017 14:32
спасибо, сейчас попробую
0
snwebdev snwebdev
139
06.12.2017 15:39
Я делаю так https://space.utema.ru/planet-earth-seen-from-space-full-hd-1080p-original/

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