Has navegado por nuestra web hasta aquí:
Cuando insertamos un video de youtube en nuestra página situado muy cerca de un menú con desplegables, ocurre que, al desplegar las opciones de menú, estas quedan debajo del vídeo de youtube.
En la siguiente imágen se muestra un ejemplo donde el vídeo se sobrepone al menú y no nos permite visualizar la última opción.
La solución pasa por utilizar el atributo wmode con el valor "transparent". Como un vídeo de youtube se puede importar como un objeto o como iframe, según que optemos por uno u otro modo tenemos que escribir el atríbuto wmode de manera diferente.
Si optamos por pegarlo como un objeto, deberemos utilizarlo de la siguiente manera:
<object width="640" height="390">
<param
name="movie"
value="http://www.youtube.com/v/XSGBVzeBUbk?fs=1&
hl=es_ES&
rel=0">
</param>
name="movie"
value="http://www.youtube.com/v/XSGBVzeBUbk?fs=1&
hl=es_ES&
rel=0">
</param>
<param name="allowFullScreen" value="true">
</param>
</param>
<param name="allowscriptaccess" value="always">
</param>
</param>
<param name="wmode" value="transparent">
</param>
</param>
<embed
src="http://www.youtube.com/v/XSGBVzeBUbk?fs=1&
hl=es_ES&
rel=0"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="640"
height="390"
wmode="transparent">
src="http://www.youtube.com/v/XSGBVzeBUbk?fs=1&
hl=es_ES&
rel=0"
type="application/x-shockwave-flash"
allowscriptaccess="always"
allowfullscreen="true"
width="640"
height="390"
wmode="transparent">
</embed>
</object>
Si optamos por pegarlo como un iframe, se debe utilizar de la siguiente forma:
Si optamos por pegarlo como un iframe, se debe utilizar de la siguiente forma:
<iframe
title="YouTube video player"
width="640"
height="390"
src="http://www.youtube.com/embed/XSGBVzeBUbk?rel=0&wmode=transparent"
frameborder="0"
allowfullscreen>
</iframe>
El resultado se muestra en la siguiente imagen:
El resultado se muestra en la siguiente imagen: