Funciones WordPress: Solución al problema z-index de youtube

Sucede que WordPress te permite, gracias a la API de oembed, auto-embeber facilmente videos y fotos de otros servicios con tan solo pegar la URL del recurso a compartir.

Mi problema era que el código creado me superponía (z-index) los videos sobre todos los elementos HTML. La solución fue crear un filtro en WordPress (add_filter) que agregue el parámetro WMODE al IFRAME u OBJECT creado por oembed. Agreguen la siguiente función en el archivo function.php de la plantilla:

Esto agregará a la URL embebida el parámetro “wmode=opaque”, ya sea OBJECT o IFRAME.

Si embeben los videos manualmente, lo que deben hacer es agregar éste parámetro a la variable GET del servicio en cuestión. Como ejemplo, en YouTube sería de la siguiente forma:

<iframe width=”420″ height=”315″ src=”http://www.youtube.com/embed/6ituf7OslK0?wmode=opaque” frameborder=”0″ allowfullscreen></iframe>

Como siempre, espero que lo compartido sea útil.

Deja tus comentarios!