.video-player {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 0; }
  .video-player img.poster {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer; }
  .video-player.unloaded img.poster {
    opacity: 1; }
  .video-player.unloaded iframe {
    opacity: 0; }
  .video-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
            transition: opacity .5s ease-in; }