Las páginas “Me gusta” se están usando cada vez más y hay interés por añadir cada vez más y más contenido de diversas fuentes. En este pequeño apunte describo el proceso para poder añadir un vídeo de YouTube (flash) en estas páginas y utilizarlo de manera promocional por ejemplo.

Para añadir un vídeo de YouTube en las páginas FBML de Facebook es necesario añadir el siguiente código y hacer algunas sencillas modificaciones:

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/xxxxxxxxxx'
imgsrc='http://img.youtube.com/vi/xxxxxxxxxx/2.jpg' width='520' height='318' />

Para que se muestre el vídeo que nos interesa es necesario sustituir las xxxxxxx por el identificador del vídeo, justo lo que se muestra tras la v en la url.

Si la url del vídeo es http://www.youtube.com/watch?v=hTWKbfoikeg lo que debemos utilizar es hTWKbfoikeg como identificador.

Si el vídeo que he utilizado de ejemplo fuera el que queremos insertar, el código sería el siguiente:

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/hTWkbfoikeg'
imgsrc='http://img.youtube.com/vi/hTWkbfoikeg/2.jpg' width='520' height='318' />

Por último podemos modificar el tamaño del reproductor, es importante mantener siempre las proporciones para que el vídeo se muestre tal y como es y no que aparezca estirado o achatado.

Por defecto se muestra una imagen de las capturas previas que utiliza Youtube pero tenemos la opción de crear una adhoc si queremos, para ello debemos crear la imagen y subirla a la red. Ahora sólo nos queda modificar el código con la ruta de la imagen.

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/hTWkbfoikeg'
imgsrc='http://www.miservidor.com/imagenes/previo-video.jpg' width='520' height='318' />

La opción de añadir este código en la aplicación FBML está disponible para las páginas “Me gusta”, no puede hacerse en los perfiles personales ni en las páginas de grupo.