Untitled

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <div class="video">
    <div class="video-box">
        <a class="thumbnail-link">
            <img src="http://i.ytimg.com/vi_webp/67OAp3FW6Dw/maxresdefault.webp" class="video-thumbnail">
             <iframe class="video-frame" width="100%" height="100%" src="https://www.youtube.com/embed/videoseries?list=PLCAVPALzt27-IbMJ2bqRwGay9R1EEtC5X&vq=hd720&showinfo=0&autohide=1&color=white&controls=2&modestbranding=1&theme=light" frameborder="0" allowfullscreen >
                </iframe>
        </a>
    </div>
</div>
    
   
					
  </body>

</html>

.video{
	margin-bottom:14px;
	width:1170px;
    height:658px;
}
.video-box{
	height:925px;
    width:1646px;
	position:relative;
}

.video-thumbnail{
	z-index:300;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.video-frame{
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.thumbnail-link .video-thumbnail{
	display:block;
}

.thumbnail-link:hover .video-thumbnail{
	display:none;
}