How can I overlay a div with semi-transparent opacity over a youtube iframe embedded video?
http://helpx.adobe.com/x-productkb/multi/swf-file-ignores-stacking-order.html
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