Форум

Freakmeister · #1 (**permalink**) 22.07.2012, 19:28

Столкнулся с проблемой - затемнение экрана не работает на ютуб-роликах. Как это можно решить?
http://jsfiddle.net/Nr73v/11/
Кто-нибудь знает как это реализовано вконтакте? Вот например есть стена, на ней какие-то видеоролики с ютуба:
http://vk.com/maestro_magnifico
Если нажать по ссылке под роликом, то он открывается в полный экран, а ролик на стене успешно затемняется.

Deff · #2 (**permalink**) 22.07.2012, 20:08

<!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;

Freakmeister · #3 (**permalink**) 23.07.2012, 15:30

Похоже, придётся, по другому никак.

Форум

Справочник

Discord чат

Курсы javascript