Глеб Кемарский

<div class="video">
  <iframe src="//www.youtube.com/embed/b7deZTDDEbs?rel=0&amp;showinfo=0" 
  frameborder="0" allowfullscreen></iframe>
</div>

.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe, .video object, .video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

$(document).ready(function(){
  var offset = 20;
  var scroll_to = $("#contacts").offset().top - offset;

  $("#to-contacts").click(function(event){
    // slow scrolling: duration is 1500 ms
    $("html, body").stop().animate({scrollTop: scroll_to}, 1500);
  });
});//jQuery

<button id="to-contacts">Go to Contacts</button>

<h1>Header</h1>
<p>Text</p>
<p>Text</p>
<p>Text</p>
<p>Text</p>

<h2 id="contacts">Contacts</h2>
<p>Phone</p>
<p>Email</p>
<p>Address</p>
<img width="400" height="300" alt="Map" />