Nasıl yarı-şeffaf donukluk youtube iframe içinde gömülü video ile bir div kaplama miyim?

<iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ" frameborder="0"></iframe>
<div id="overlay"></div>

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;
}

edit eklendi daha fazla açıklama (): HTML5 yaklaşan ABD ile daha fazla cihaz kullanmak yerine flash, hangi zorlaştırmaktadır almasi youtube videoları, youtube minnetle sağlar özel bir gömülebilir iFrame ile kolları tüm video gömme uyumluluk sorunları, ama şimdi daha önce çalışma yöntemi kaplayan bir video nesne ile bir yarı-şeffaf dıv artık geçerli, ben şimdi yapamaz eklemek için <param name="wmode" value="transparent"> nesne, çünkü şimdi bir iFrame nasıl iframe gömülü videonun üstünde donuk bir div eklerim?

Information from the Official Adobe site about this issue

Sorunu bir youtube linki gömmek için

https://www.youtube.com/embed/kRvL6K8SEgY

iFrame içinde, varsayılan wmode aslında z-dizini daha sonra her şeyi bir veren ve her şeyi kaplaması olacak pencereli.

Bu URL parametresi: ekleme deneyin

wmode=opaque

bunun gibi

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

Emin URL ilk parametre olun. Diğer parametreleri peşinden gitmek zorunda

İframe etiketi:

Örnek:

<iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ?wmode=opaque" frameborder="0"></iframe>