How to make youtube video responsive?

Question

YouTube

How to make a YouTube video block responsive so that black bars do not appear?

Answer 1

Habr. The simplest adaptive layout techniques :

<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

So?

Answer 3

does not work in OcStore 2.3