#### 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-responsive` and an aspect ratio. The `.embed-responsive-item` isn’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.