testing youtube embed

http://stackoverflow.com/questions/16716795/issues-with-youtube-video-on-mobile-browser/16717229#16717229

HTML

<!-- embed for youtube video https://www.youtube.com/watch?v=NlOF03DUoWc -->
<div class="app-container">
  <iframe width="560" height="315" src="http://www.youtube.com/embed/NlOF03DUoWc" frameborder="0" allowfullscreen></iframe>

  <div class="banner-overlay">
  </div>
</div>

CSS

.app-container {
  position: relative;
}

.banner-overlay {
    position: absolute;
    width: 560px;
    height: 58px;
    background-image: linear-gradient(to right, rgb(0,0,0,0), rgb(0,0,0,0.7) 50%, rgb(0,0,0,1));
    top: 0px;
    left: 0;
}