Overlay a div with semi-transparent opacity over a youtube

How can I overlay a div with semi-transparent opacity over a youtube iframe embedded video?

CSS

#overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.8;
    /*background:rgba(255,255,255,0.8); or just this*/
    z-index:50;
    color:#fff;
}

Try appending this GET parameter to your URL:



wmode=opaque



like so:



https://www.youtube.com/embed/kRvL6K8SEgY?wmode=opaque

http://helpx.adobe.com/x-productkb/multi/swf-file-ignores-stacking-order.html