Sábado, 26 Enero 2013 22:49

Insertar manualmente vídeos de Youtube en post de WordPress

Escrito por 
CMS:  WordPress |  Versión:  Todas |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  5 minutos


vídeos de Youtube en post de WordPressHay tareas que, a pesar de parecer sencillas o triviales, se convierten en auténticas odiseas o problemas en manos de usuarios con poca experiencia en determinados CMS como es el caso de WordPress.

Hablamos de la colocación o incrustación de vídeos en post de WordPress, tarea aparentemente fácil que no deja de representar un dilema para quienes están acostumbrados a editores WYSIWYG con botones "multi-todo" que incrustan imágenes, vídeos, colorizan, ajustan e identan y un sinfín de opciones propias de estos.

Pero ¿que pasa cuando carecemos de estos plugins que mejoran el editor nativo de WordPress?, pues que podemos insertar vídeos sin mayores problemas, utilizando la llamada correcta al vídeo para que este no sea tratado como un simple hiperenlace.

Si insertamos un vídeo en un post con un sintaxis como la siguiente:

https://www.youtube.com/embed/tclOtZUoh4I

Wordpress lo interpretará como un hiperenlace (link) y no mostrará el vídeo.

Para que se muestre el vídeo incrustado o embebido en el post, la sintaxis debe ser la siguiente:

https://www.youtube.com/watch?v=tclOtZUoh4I

Podemos observar que simplemente se sustituye /embed/ por /watch?v= y a continuación el código del vídeo a incrustar. Con esta sintaxis pasamos de mostrar un hipervínculo a incrustar directamente el vídeo en el post haciendo más atractivo (el post) y accesible (el vídeo) sin necesidad de acceder desde una ventana/pestaña nueva del navegador.


Algunas opciones que podemos utilizar en la sintaxis de vídeos incrustados de Youtube en post de WordPress son:

Incrustar un vídeo de Youtube conservando el alto y ancho por defecto:

Código

https://www.youtube.com/watch?v=JaNH56Vpg-A

Incrustar un vídeo de Youtube indicando un alto y ancho específicos:

Código

https://www.youtube.com/watch?v=JaNH56Vpg-A&w=320&h=240

Incrustar un vídeo de Youtube indicando solamente el ancho:

Código

https://www.youtube.com/watch?v=JaNH56Vpg-A&w=320

Ocultar que se muestren los vídeos relacionados una vez concluida la ejecución del vídeo:

Código

https://www.youtube.com/watch?v=JaNH56Vpg-A&rel=0

Es importante tener en cuenta que para que esta sintaxis funcione correctamente, en el panel de WordPress (Dashboard), en Configuración (Settings), Media, debemos marcar el checkbox Embeds: Auto-embeds - When possible, embed the media content from a URL directly onto the page. For example, links to Flickr and YouTube.


Otra consideración importante, para quienes se aventuren con vídeos de otros CDNs es que no todas las URLs de vídeos están soportadas en WordPress.


Existen plugins que permiten la inserción de vídeos en post de WordPress, pero conocer el método manual es importante para no depender de extensiones que muchas veces, por descuido o desconocimiento acaban siendo vulnerables cuando no se actualizan.



¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Luis Méndez Alejo

Miembro del equipo técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Google+