Foros del Web » Creando para Internet » CSS »

Youtube me tapa el Fancybox

Estas en el tema de Youtube me tapa el Fancybox en el foro de CSS en Foros del Web. Buenas, tengo un problema, estoy haciendo una especie de diario onbline, para mostrar la galeria de imagenes, utilice el fancybox . . anda barbaro, lo ...
  #1 (permalink)  
Antiguo 08/05/2011, 07:12
Avatar de lbenz  
Fecha de Ingreso: marzo-2003
Ubicación: Haedo
Mensajes: 445
Antigüedad: 21 años, 1 mes
Puntos: 4
Youtube me tapa el Fancybox

Buenas, tengo un problema, estoy haciendo una especie de diario onbline, para mostrar la galeria de imagenes, utilice el fancybox . .

anda barbaro, lo pude configurar la tal cual quería, perooooooo, cuando pongo un video de youtube en la pagina, el fancybox se ve por debajo del video ...


el video lo pongo en esta div

#not_ent_video {
width:624px;
float:left;
margin: 14px 0 14px 0;
}

de la siguiente manera

<div id="not_ent_video">
<iframe width="624" height="498" src="http://www.youtube.com/embed/uxrxJT0zl8A?rel=0" frameborder="0" allowfullscreen></iframe>
</div>


aca les dejo un link con el css de fancybox, que no lo toque, porque tiene asignados ya los z-index perfectamente.

a la div del video, le probe poner position: absolute; o relative . . con z-index bajos, pero no pasa nada, siempre me lo sigue tapando . .

espero puedan ayudarme y desde ya muchas gracias
__________________
que fea firma que tenia... prefiero tener esto
  #2 (permalink)  
Antiguo 08/05/2011, 10:06
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 824
Antigüedad: 13 años, 1 mes
Puntos: 116
Respuesta: Youtube me tapa el Fancybox

Con CSS dale al iframe ponle un z-index:-99; y position absolute.
y a tu fancybox enblogablo con un div contenedor y a este dale un z-index:9999;

Saludos
__________________
Programador jQuery & PHP
  #3 (permalink)  
Antiguo 08/05/2011, 10:13
Avatar de lbenz  
Fecha de Ingreso: marzo-2003
Ubicación: Haedo
Mensajes: 445
Antigüedad: 21 años, 1 mes
Puntos: 4
Respuesta: Youtube me tapa el Fancybox

LO RESOLVI DE ESTA MANERA, IGUALMENTE GRACIAS...



<object width='624' height='468'>
<param name='movie' value='http://www.youtube.com/v/uxrxJT0zl8A?rel=0'>
<param name='type' value='application/x-shockwave-flash'>
<param name='allowfullscreen' value='true'>
<param name='allowscriptaccess' value='always'>
<param name="wmode" value="opaque" />
<embed width='624' height='468'
src='http://www.youtube.com/v/uxrxJT0zl8A?rel=0'
type='application/x-shockwave-flash'
allowfullscreen='true'
allowscriptaccess='always'
wmode="opaque"
></embed>
</object>
__________________
que fea firma que tenia... prefiero tener esto
  #4 (permalink)  
Antiguo 25/11/2011, 08:27
 
Fecha de Ingreso: noviembre-2011
Mensajes: 1
Antigüedad: 12 años, 5 meses
Puntos: 1
Respuesta: Youtube me tapa el Fancybox

Bueno, you tube el mismo problema pero encontré la solución y te la compartiré:

Yo usé el siguiente código para activar el video en fancybox:

<a href="http://www.youtube.com/embed/3D2RRHf6h0U?autoplay=1&wmode=transparent&rel=0" class="gallery_image iframe" rel="gallery_images" title="Mariachi Allende">

Lo que debes apreciar es lo siguiente: wmode=transparent, esto te pone el video atras de lo que quieras, no solo de fancybox.

Suerte!!
  #5 (permalink)  
Antiguo 20/03/2012, 10:12
 
Fecha de Ingreso: marzo-2012
Mensajes: 1
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Youtube me tapa el Fancybox

Gracias buen amigo, yo lo use de esta manera y funciona muy bien:

"wmode=transparent"

<iframe width="624" height="498" src="http://www.youtube.com/embed/uxrxJT0zl8A?rel=0&wmode=transparent"></iframe>

Etiquetas: fancybox, youtube
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:36.