How to create responsive videos with Boostrap? You can see an example here. As programmer you could be, you can understand the next info.
<div class=”container”>
<div class=”row”>
<div class=”col-sm-6″><h2>16:9 Responsive Aspect Ratio</h2>
<div class=”embed-responsive embed-responsive-16by9″>
<iframe class=”embed-responsive-item” src=”//www.youtube.com/embed/n8gdeK1Thn8″></iframe>
</div>
</div>
<div class=”col-sm-6″><h2>4:3 Responsive Aspect Ratio</h2>
<div class=”embed-responsive embed-responsive-4by3″>
<iframe class=”embed-responsive-item” src=”//www.youtube.com/embed/xwodKzNmqw0″></iframe>
</div>
</div>
</div>
</div>
The results are below
Leave a Reply