Problema z-index con videos de Youtube
Si, embeber un video de youtube es fácil hasta para un zombie. Copiás, pegas, y listo.
Pero a veces, la cosa se complica: los videos de youtube (y cualquier archivo del tipo flash) )tienen una especie de z-index que lo manda al top de la página, sin importar que le digas del css.
¿qué problemas puede traer? Hasta ahora yo me encontré con dos:
- si ampliás las fotos con el thickbox o similar, el video te queda arriba del fondo opaco, y hasta a veces arriba de la ventanita emergente;
- un menu desplegable ‘dropdown’ si justo por esas casualidades se tiene que desplegar por sobre el video, chan! se queda abajo y ni mandiga te cliquea el link.
Solución:
hay que agregarle una cosa dos veces al código de youtube: wmode=opaque o también wmode=transparent
<object width="460" height="307" VIEWASTEXT>
<param name="movie" value="src="YOUTUBE_URL""></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="wmode" value="opaque" />
<embed src="YOUTUBE_URL"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="460"
height="307"
wmode="opaque">
</embed>
</object>y listo.
Comentarios
Enviar un comentario nuevo