Arreglar reproductor iframe de YouTube para evitar problemas con z-index
Seguramente te suene eso de cargar un video junto con una galería en jQuery, y que al cargar el maravilloso efecto de la galeria, el video de YouTube te aparezca por encima de las imágenes, inamovible y persistentemente.
Cierto es que la mayoria de navegadores se las arreglan para solucionarlo por si solos, pero bueno, digamos que hay uno de los navegadores, odiado por todo ser racional por ser un poco especial, pasa olimpicamente de facilitarnos la vida, si amigos, de vuelta a Internet Explorer X, ¿importa la versión que sea?.
Bueno, pues el truquillo es sencillo, digamos que tienes el sigueinte código:
<iframe src="http://www.youtube.com/embed/02ew3R8azVg?rel=0" frameborder="0" width="420" height="315"></iframe>
Pues solamente tendremos que añadir lo siguiente:
Si no tenemos la marcada la opcion de eliminar sugerencias:
src=”http://www.youtube.com/embed/02ew3R8azVg?wmode=opaque“
Si tenemos eliminadas las sugerencias a final de la reproducción:
src=”http://www.youtube.com/embed/02ew3R8azVg?rel=0&wmode=opaque“
Resultado dedicado a todas las versiones de Internet Explorer