Как сделать видео youtube адаптивным?

Question

[Игорь Павленко]

Как сделать блок с видео YouTube адаптивным, чтобы не появлялись черные полоски?

Answer 1

[Глеб Кемарский]

Хабр. Самые простые техники адаптивной верстки:

<div class="video">
  <iframe src="//www.youtube.com/embed/b7deZTDDEbs?rel=0&amp;showinfo=0" 
  frameborder="0" allowfullscreen></iframe>
</div>

.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe, .video object, .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Answer 2

[Сергей]

Так?

Comments

[campusboy]

Теперь этот вопрос 3 в выдаче Яндекса и топ-10 в Гугле. Можно так попасть в бесконечный цикл :-)

Answer 3

[Стас WebStolica]

не работает в OcStore 2.3