Layer on Youtube Vidoes

HTML

<iframe id="ytplayer" type="text/html" width="400" height="250" src="//www.youtube.com/embed/iaKbGI_hvHg?version=3&autoplay=1&loop=1&rel=0&controls=0&showinfo=0&playlist=Fq07W1M1Liw" frameborder="0"></iframe>
<div class="overYoutube">Test</div>

CSS

.overYoutube {
    width: 400px;
    height: 250px;
    background-color: red;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}