Tema: video en capa superior
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 25/08/2011, 22:00
IXtremeLT
 
Fecha de Ingreso: julio-2011
Ubicación: Zapopan, Jal. MX
Mensajes: 316
Antigüedad: 13 años, 5 meses
Puntos: 32
Respuesta: video en capa superior
Para que entiendas el funcionamiento de estas capas te dejo un ejemplo usando solo css y html:
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  5.         <title>Ejemplo de capas superpuestas.</title>
  6.         <style type="text/css">
  7.             * {
  8.                 z-index: auto;
  9.                 margin: 0px;
  10.                 padding: 0px;
  11.             }
  12.             #bloqueador {
  13.                 width: 100%;
  14.                 height: 100%;
  15.                 top: 0;
  16.                 left: 0;
  17.                 z-index: 1000;
  18.                 position: fixed;
  19.                 background-color: #000;
  20.                 opacity: 0.8;
  21.                 filter: alpha(opacity=80);
  22.             }
  23.             #ventana {
  24.                 width: 300px;
  25.                 height:300px;
  26.                 top:50px;
  27.                 left: 358px;
  28.                 z-index: 1001;
  29.                 position: absolute;
  30.                 background-color: #fff;
  31.                 border: 2px solid #09f;
  32.                 text-align: center;
  33.                 overflow: hidden;
  34.             }
  35.         </style>
  36.     </head>
  37. <body>
  38.     <div id="bloqueador"></div>
  39.     <div id="ventana">
  40.         <object width="200" height="200">
  41.             <param name="movie" value="http://www.youtube.com/v/EtLjq3Ocs6w"></param>
  42.             <embed src="http://www.youtube.com/v/EtLjq3Ocs6w" type="application/x-shockwave-flash" width="200" height="200" style="margin-top:50px"></embed>
  43.         </object> 
  44.     </div>
  45. </body>
  46. </html>
Saludos