Затемнение экрана + FLASH
Столкнулся с проблемой - затемнение экрана не работает на ютуб-роликах. Как это можно решить?
http://jsfiddle.net/Nr73v/11/ Кто-нибудь знает как это реализовано вконтакте? Вот например есть стена, на ней какие-то видеоролики с ютуба: http://vk.com/maestro_magnifico Если нажать по ссылке под роликом, то он открывается в полный экран, а ролик на стене успешно затемняется. |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Общие вопросы</title> <script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script> <style type="text/css"> #blur { background: black; width: 100%; height: 100%; position: absolute; z-inxed: 2000; top: 0; left: 0; opacity:0.55; -moz-opacity:0.55; -webkit-opacity:0.55; -khtml--opacity:0.55; -ms-opacity:0.55; filter:alpha(opacity=80); -moz-opacity:0.8; } .youtube{ display:inline-block; background-color:#000; } .youtube iframe { visibility:hidden; position:relative; } #red { height: 50px; width: 50px; background: red; position: absolute; z-index: -1; right: 0; bottom: 0; } </style> </head> <body> <div class="youtube"> <iframe width="300" height="225" src="http://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe> </div> <div id="blur"></div> <div id="red"></div> </body> </html> Cкрывайте через .youtube iframe { visibility:hidden; |
Похоже, придётся, по другому никак.
|
Часовой пояс GMT +3, время: 02:42. |