testing youtube embed

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

by mogador

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=false></iframe>

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

CSS

.app-container {
  position: relative;
}

.banner-overlay {
    position: absolute;
    width: 560px;
    height: 60px;
    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: 0px;
}

.banner-down {
    position: absolute;
    width: 100px;
    height: 65px;
    background-image: linear-gradient(to right, rgb(0,0,0,0), rgb(0,0,0,0.7) 50%, rgb(0,0,0,1));
    top: 250px;
    left: 460px;
}

JavaScript

<script>
document.getElementById("overlay").addEventListener("contextmenu", function(event){
  event.preventDefault();
  event.stopPropagation();
});
</script>