Archivo diario: 20/05/2010

Cómo incluir vídeos de YouTube en WordPress

20 may 2010

Aquí os dejo un vídeo tutorial en inglés de cómo se hace para poner vídeos de YouTube en un blog de WordPress (como el que estamos usando). Para el que no entienda inglés, que no se alarme porque sólo con ver cómo lo hace el que lo explica, se entiende perfectamente.

“Una imagen vale más que mil palabras”.

Nota:

Hay que tener en cuenta que YouTube ha cambiado su interfaz y ahora ya no está a la derecha la opción de “embed” (incluir) como indica en el vídeo de aquí abajo. Si os fijáis, debajo de cada vídeo en YouTube, hay un botón que pone: “<insertar>”.

Hay que tener en cuenta también el ancho del vídeo para insertar en nuestro artículo, para que no sea más grande que la columna del artículo.


YouTube - Enlace Directo 

Usando un plug-in

También hay otra forma más sencilla de hacerlo y es instalando el plug-in para WordPress: “Embedded Video“, cuyo enlace es: http://wordpress.org/extend/plugins/embedded-video-with-link/. Otra forma de conseguirlo es buscándolo por su nombre e instalándolo desde el gestor de Plug-ins del panel de administración de WordPress.

El plug-in permite incluir muchos vídeos de diferentes servicios como YouTube, Vimeo y muchos más. Tan solo hay que darle el ID del vídeo y seleccionar el servicio. Por ejemplo, el ID de un vídeo de YouTube aparece en la URL después de “…?v=”:

http://www.youtube.com/watch?v=[aquí-está-el-ID]

Yo le he hecho una pequeña modífica para que muestre la caja del vídeo con más opciones, como la de ver el vídeo a pantalla completa y poder cambiarle la resolución. Hay que modificar el plug-in desde el gestor en el panel de administración.

Cerca del inicio del archivo: “embedded-video.php“, he sustituido el código:

define(“YOUTUBE_TARGET”, “<object type=\”application/x-shockwave-flash\” data=\”http://www.youtube.com/v/###VID###\” width=\””.GENERAL_WIDTH.”\” height=\””.YOUTUBE_HEIGHT.”\”><param name=\”movie\” value=\”http://www.youtube.com/v/###VID###\” /><param name=\”autostart\” value=\”true\” /><param name=\”wmode\” value=\”transparent\” /></object><br />”);

Por el siguiente código:

define(“YOUTUBE_TARGET”, “<object classid=\”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\” width=\””.GENERAL_WIDTH.”\” height=\””.YOUTUBE_HEIGHT.”\” codebase=\”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0\”><param name=\”allowFullScreen\” value=\”true\” /><param name=\”allowscriptaccess\” value=\”always\” /><param name=\”src\” value=\”http://www.youtube.com/v/###VID###&amp;hl=es_ES&amp;fs=1&amp;rel=1&amp;hd=1\” /><param name=\”wmode\” value=\”transparent\” /><embed type=\”application/x-shockwave-flash\” width=\””.GENERAL_WIDTH.”\” height=\””.YOUTUBE_HEIGHT.”\” src=\”http://www.youtube.com/v/###VID###&amp;hl=es_ES&amp;fs=1&amp;rel=1&amp;hd=1\” allowscriptaccess=\”always\” allowfullscreen=\”true\” wmode=\”transparent\”></embed></object><br />”);

Bueno, espero que haya servido de ayuda! 🙂

Deja un comentario Tagged , , ,