Ph: 786-539-6996

Responsive Video with Bootstrap

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

16:9 Responsive Aspect Ratio

4:3 Responsive Aspect Ratio

March 30th, 2017 | aesio

Leave a Reply

Your email address will not be published. Required fields are marked *

Time Programmer Corp Since 2014 ®