Skip to content

Video de YouTube se superpone sobre menú desplegable

5 enero, 2011

En ocasiones me ha ocurrido que al insertar un video de YouTube en un sitio web, este se superpone o “tapa” al menú cuando se despliega.

Video de YouTube superpuesto en menu desplegable

Para solucionar este pequeño problema debemos agregar la siguiente línea en el código del video:

<param name=”wmode” value=”transparent”>

De manera que el código se muestre algo similar a:

<object height=”385″ width=”480″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,32,18&#8243; classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″>
<param name=”allowFullScreen” value=”true” />
<param name=”allowscriptaccess” value=”always” />
<param name=”wmode” value=”transparent”>
</object>

Con este simple paso habremos solucionado el problema.

From → Soporte

7 comentarios
  1. oscar permalink

    se debe agregar al final la instrucción:
    wmode=”transparent”

  2. oscar permalink

    este funciona:

  3. Gracias por el aporte, fue de mucha ayuda. El nuevo codigo de Youtube con iframe de dio dolores de cabeza, ahora todo es mejor. Saludos🙂

  4. y para los que queremos el iframe, pero a la vez que no se superpongan los videos? alguna solucion? parece que le este buscando los tres pies al gato pero os aseguro que no…😄 un saludo y gracias de antemano

  5. Hola!
    Nosotros haciamos esto y efectivamente funcionava con you toube.
    Por desgracia You Toube ha cambiado su codigo de incrustación por otro tipo iflame, y ya este artilugio no soluciona el problema.
    ¿Que podríamos hacer?

    • Hola amigos, es verdad YouTube cambió la configuración por defecto el tipo de inserción de video, la solución es simple, al momento de dar clic en el boton Insertar nos aparece el código y abajo de este, se muestran tres casilleros:

      Incluir vídeos relacionados
      Activar el modo de mejora de la privacidad
      Utilizar código de inserción anterior

      Activamos el casillero Utilizar código de inserción anterior y problema solucionado, tenemos el código de inserción que estamos acostumbrados a utilizar, saludos..

  6. Excelente consejo Gabriel, gracias!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: