Landing page/splash Css coding HELP

This is my site: http://www.suroyta.com

I have this coding in my tpl_splash.php:
</div>
<div class="responsive-container">
<center>
<iframe width="560" height="315" src="https://www.youtube.com/embed/S_8irbxw_ok" frameborder="0" allowfullscreen>
</center>
</iframe>
</div>

And in CSS under custom.css:
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe,
.responsive-container object,
.responsive-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Now it gives me a full screen in my site. I want to adjust it this way:
1. The youtube will be responsive but not fullscreen. I want to adjust it in a regular way with a width of 560 and height of 315. I messed up in my coding would you pls help me solve it.

2. Once landed in my site the youtube will auto play.

3. The video will be in HD at least 720 p HD

Thanks!