Quienes tienen un men? de subpesta?as seguramente alguna vez habr?n notado que cuando hay un video debajo del men? las subpesta?as se esconden detr?s del video y pareciera que se trata de un error del men? aunque no lo es. Lo que sucede es que estos videos que insertamos no tienen "transparencia" por defecto por lo que se sobreponen a todo elemento que haya en su misma ?rea.
Vemos este claro ejemplo de este men? drop and down como las subpesta?as se muestran por detr?s del video.
Para solucionarlo aplicaremos el atributo transparent al par?metro wmode.
Por ejemplo, en los c?digos de inserci?n antigua de los videos de YouTube tenemos un c?digo como este y agregamos lo que est? en color rojo:
<object width="640" height="390"><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 name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent" /><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"></embed></object>
Y con eso el video ya no se sobrepondr? ni al men? ni a otro objeto.
Si ya usas el nuevo c?digo de inserci?n de videos (iframe) que ofrece YouTube entonces el atributo se agrega al final de la URL del video:
<iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/XSGBVzeBUbk?rel=0&wmode=transparent" frameborder="0" allowfullscreen></iframe>
Esta soluci?n debe ser efectiva para la mayor?a de los navegadores sino es que con todos, al menos yo lo he probado en Opera, Safari, Mozilla Firefox, Google Chrome e Internet Explorer. Quiz? las versiones antiguas de IE se resistan pero... ?aun habr? gente que las use? Por mi salud mental espero que no.
No comments:
Post a Comment