Embeds Video
<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item"src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"allowfullscreen></iframe></div>
Wrap any embed like an <iframe>in a parent element with .embed-responsiveand an aspect ratio. The .embed-responsive-itemisn’t strictly required,but we encourage it.
Responsive Aspect ratios 4:3
<div class="embed-responsive embed-responsive-4by3"><iframe class="embed-responsive-item"src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"allowfullscreen></iframe></div>Progress components are built with two HTML elements,some CSS to set the width,and a few attributes.
Responsive Aspect ratios 21:9
<div class="embed-responsive embed-responsive-21by9"><iframe class="embed-responsive-item"src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"allowfullscreen></iframe></div>Progress components are built with two HTML elements,some CSS to set the width,and a few attributes.
Responsive Aspect ratios 1:1
<div class="embed-responsive embed-responsive-1by1"><iframe class="embed-responsive-item"src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"allowfullscreen></iframe></div>Progress components are built with two HTML elements,some CSS to set the width,and a few attributes.