Наложение непрозрачного div на YouTube iframe

Как я могу наложить div с полупрозрачной непрозрачностью на встроенное видео на 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;
}

редактировать (добавлено больше уточнений): HTML5 приближается к нам, и все больше и больше устройств используют его вместо флэш-памяти, что усложняет встраивание видео на YouTube. К счастью, YouTube предоставляет специальный встраиваемый iFrame, который решает все проблемы совместимости с встраиванием видео, но теперь это ранее работавший метод наложения. видеообъект с полупрозрачным div больше не действителен, теперь я не могу добавить<param name="wmode" value="transparent"> к объекту, потому что теперь это iFrame, так как мне добавить непрозрачный div поверх встроенного видео iframe?

 Timo Huovinen26 янв. 2011 г., 14:38
Похоже, YouTube полностью исправил проблему.
 Timo Huovinen26 нояб. 2013 г., 20:13
Некоторым людям тоже нужно&rel=0 по какой-то причине
 scribu31 янв. 2011 г., 19:48
Наверное. Во всяком случае, решение Anataliocs сработало для меня.
 Timo Huovinen31 янв. 2011 г., 13:02
@scribute это могут быть проблемы с флеш-безопасностью или я что-то упустил, я тестировал на локальном сервере.
 scribu30 янв. 2011 г., 01:03
Я все еще вижу проблему в Chrome.
 anataliocs31 мар. 2011 г., 17:57
Можете ли вы добавить тег YouTube к этому вопросу?
 Timo Huovinen26 дек. 2013 г., 21:15
Когда я впервые задал этот вопрос, люди спрашивали меня, зачем мне это нужно, и говорили мне, что я не должен использовать iframes, что я должен вставлять видео на YouTube обычным способом, у меня даже было пониженное голосование.

Ответы на вопрос(0)

Ваш ответ на вопрос