Como sobrepor uma div com opacidade semitransparente a um vídeo incorporado iframe do youtube?

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

editar (adicionado mais esclarecimentos): O HTML5 está nos aproximando, com mais e mais dispositivos que o usam em vez de flash, o que complica a incorporação de vídeos do youtube. Felizmente, o youtube fornece um iFrame especial incorporável, que lida com todos os problemas de compatibilidade da incorporação de vídeo, mas agora o método de sobreposição anterior um objeto de vídeo com uma div semitransparente não é mais válido, agora não consigo adicionar um<param name="wmode" value="transparent"> ao objeto, porque agora é um iFrame, como adicionar uma div opaca sobre o vídeo incorporado do iframe?