Cacher is the code snippet organizer for pro developers

<center>
  <div class="holder video-container">
     <iframe width="640" height="360" src="https://www.youtube.com/embed/C0DPdy98e4c?modestbranding=1&amp;autoplay=1&amp;rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
     <div class="bar" id="bottom-layer">.</div>
 </div>
</center>

.holder{
position:relative;

}

.bar{
position:absolute;
bottom:0;
right:0;
width:100%;
height:60px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}