testing youtube embed

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

by humanzing

HTML

<div class="wrapper">
    <div class="h_iframe">
        <img class="ratio" src="http://placehold.it/16x9"/>
    </div>
</div>

CSS

.wrapper {
  width:80%;
  height:100%;
  margin:0 auto;
}
.h_iframe {
  position:relative;
}
.h_iframe .ratio {
  display:block;
  width:100%;
  height:auto;
}
.h_iframe iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}