Comment superposer un div avec une opacité semi-transparente sur une vidéo intégrée iframe 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;
}
edit (ajout de plus de précisions):
HTML5 approche de nous, avec de plus en plus d'appareils qui l'utilisent à la place du flash, ce qui complique l'intégration de vidéos youtube, heureusement, youtube fournit un iFrame spécial intégrable qui gère tous les problèmes de compatibilité d'intégration vidéo, mais maintenant la méthode de superposition d'un objet vidéo avec un div semi-transparent n'est plus valide, je suis maintenant incapable d'ajouter un <param name="wmode" value="transparent">
à l'objet, car il s'agit maintenant d'un iFrame, alors comment ajouter un div opaque au-dessus de la vidéo intégrée iframe?