Últimamente me encontraba que al publicar un video en una parte de un post o una web en general, si no estaba rodeado de otro elemento que no sea flash todo perfecto.

Pero si por casualidad o simplemente por que así tenemos distribuida nuestra web, colocamos un video YouTube embebido y cerca hay una imagen a la cual le damos clic y se maximiza o produce un popup, pues simplemente el video se superpone a esa imagen, invasivamente y le quita estética y se ve totalmente mal nuestro trabajo.

superp

Buscando y buscando y rompiéndome la cabeza, encontré la solución que es rápida,practica y efectiva. Añadirle una porción de código o una sentencias al que nos proporciona YouTube para incrustar en nuestra web.

solo se trata de añadir lo siguiente: ?wmode=opaque

De ahí que si nuestro código es:

<iframe width="250" height="140" src=”http://www.youtube.com/embed/3GllObylaSM?” frameborder="0" allowfullscreen>

hay que añadir al final del código del vídeo la terminación que señalamos, y quedaría asi

<iframe width="250" height="140" src=”http://www.youtube.com/embed/3GllObylaSM?wmode=opaque” frameborder="0" allowfullscreen>

De este modo no veremos mas superpuesto el video sobre cualquier imagen o menú. Y nuestra web aparecerá limpia.