Tuesday, May 8, 2012

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

No comments:

Post a Comment