¿Cómo puedo superponer un div con opacidad semitransparente sobre un video incrustado de iframe de 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 (se agregó más aclaración): HTML5 se está acercando a nosotros, con más y más dispositivos que lo usan en lugar de flash, lo que complica la incorporación de videos de youtube, afortunadamente, youtube proporciona un iFrame especial incrustable con todos los problemas de compatibilidad de incrustación de video, pero ahora el método de superposición anterior un objeto de video con un div semitransparente ya no es válido, ahora no puedo agregar un<param name="wmode" value="transparent"> al objeto, porque ahora es un iFrame, entonces, ¿cómo agrego un div opaco en la parte superior del video incrustado del iframe?