I have been trying to embed a video into bootstrap website.

But when I do, it takes up the whole width and height of the screen. I want it to be 560px x 315px on desktops and it should be responsive when the desktop size goes below 560px.

I have used:

```
<div class="container-fluid">
    <div class="embed-responsive embed-responsive-16by9 div_style">
        <iframe class="embed-responsive-item" src="http://www.youtube.com/embed/XGSy3_Czz8k" width="560" height="315" frameborder="0" allowfullscreen></iframe>
    </div>
</div>

```

When I try to customize `div` tag by adding `div_style` class `max-width: 560px;` and `max-height:315px;`, It changes video width to 560px but the height takes up the whole page height.