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