如何在youtube iframe嵌入视频上覆盖半透明不透明的div?
<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;
}
youtube edit(补充了更多的澄清):youtube HTML5正在接近我们,随着越来越多的设备使用它而不是flash,这使得嵌入视频变得复杂,谢天谢地youtube提供了一个特殊的可嵌入的iframe与处理所有视频嵌入兼容性问题,但现在以前的工作方法,覆盖一个视频对象与一个半透明的div不再有效,我现在无法添加一个<param name="wmode" value="transparent">
到该对象,因为它现在是一个iFrame,那么我如何添加一个不透明的div在iFrame嵌入的视频之上呢?
https://stackoverflow.com/questions/3820325
复制相似问题