Manipulando videos de YouTube (2ª parte)

Este post está desactualizado ya que YouTube ha cambiado la forma de alojar sus archivos.

En la primera parte de Manipulando videos de YouTube mostraba que no es necesario utilizar el reproductor de Google para reproducir videos y que para esto, se requería conocer la dirección del archivo FLV, algo que podía conseguirse utilizando los servicios de GooTube FLV Retriever donde, colocando la URL tal como la brinda YouTube:
http://www.youtube.com/watch?v=cHQZBXJxCbA
nos devuelve la URL del archivo FLV:
http://chi-v65.chi.youtube.com/get_video?video_id=RJ_fhIzpIwA

Aparte de ser un ejercicio de experimentación, este sistema, nos permite personalizar los reproductores. En la web, hay decenas de ellos y, cada uno tiene sus propias características.

En Freddy iz Badd hay uno que admite la ejecución de listas y, aunque las explicaciones de la página apuntan a usuarios de MySpace, puede adaptarse perfectamente a Blogger. En un ZIP, proveen el reproductor SWF, una lista de ejemplo en formato XML y un archivo de ayuda.

Los dos archivos necesarios, el reproductor y la lista, deben alojarse en el mismo servidor, en este caso, los subí a Google Page Creator.

El código requerido para utilizarlo, es similar al que usamos para insertar cualquier otro objeto SWF:

<object width="ancho" height="alto" id="movie"
type="application/x-shockwave-flash"
data="URLreproductorSWF">
<param name="movie" value="URLreproductorSWF" />
<param name="flashvars" value="file=URLlistaXML&displaywidth=ancho" />
</object>

Hay que tener en cuenta que el ancho especificado en width es el del reproductor, incluyendo la lista; y el ancho del área donde se verá el video está determinado por displaywidth así que, la diferencia entre ambos valores, nos dará el ancho de la lista.

Como siempre, todo el código debe estar escrito sin saltos de línea.

La lista, en formato XML puede hacerse con cualquier procesador de texto y tiene la siguiente estructura:

<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>

<track>
<title>Texto que se va a mostrar</title>
<location>URLarchivo.flv</location>
</track>

<track> [ ....... ] </track>

[ ....... cada uno de los títulos a mostrar ....... ]

</trackList>
</playlist>

Para que funcione correctamente, los archivos deben tener una extensión (terminar con .flv) así que, debemos agregársela manualmente y, en lugar de escribir:
http://chi-v65.chi.youtube.com/get_video?video_id=RJ_fhIzpIwA
debemos escribir:
http://chi-v65.chi.youtube.com/get_video?video_id=RJ_fhIzpIwA.flv

Este reproductor también puede usarse para mostrar imágenes. En ese caso, el procedimiento es el mismo y la extensión debe ser .jpg o .jpeg. En la lista pueden combinarse videos e imágenes.

La personalización del reproductor se hace utilizando parámetros que se agregan en la etiqueta:

<param name="flashvars" value="file=URLlistaXML¶metro1&amp;parametro2¶metro3" />

Los parámetros aceptados son los siguientes:

displaywidth=valor ancho (en pixeles) del área donde se muestran los videos
backcolor=0x000000 el color de fondo (valor hexadecimal)
frontcolor=0x000000 el color de los textos y los controles (valor hexadecimal)
lightcolor=0x el color cuando se pasa el puntero del ratón sobre la lista (valor hexadecimal)
showdigits=false|true oculta o muestra la longitud y el tiempo
autostart=false|true habilita o deshabilita el autoarranque
repeat=false|true permite repetir cada pista de manera automática
shuffle=false|true permite ejecutar los videos aleatoriamente
volume=valor volumen inicial (por defecto=80, máximo=100)
thumbsinplaylist=false|true permite mostrar una imagen al lado de cada pista
overstretch=false|true si queremos reproducir imágenes, hay que ponerlo en true cuando la imagen es más chica que el reproductor
autoscroll=false|true si es true, la lista puede hacer un scroll automático

Si utilizamos la opción thumbsinplaylist=true, la imagen que queremos utilizar se debe agregar a la lista XML; por ejemplo:

<track>
<title>Texto que se va a mostrar</title>
<location>URLarchivo.flv</location>
<image>URLimagen.jpg</image>
</track>

Los parámetros son optativos, pueden usarse todos o sólo algunos y el orden en que son colocados carece de importancia. Se agregan siempre después de la URL del archivo XML y van precedidos por el símbolo &. No debe haber caracteres espacios.

<param name="flashvars" value="file=archivo.xml&displaywidth=350&backcolor=0x484848&frontcolor=0xFFFFD2&lightcolor=0xFF9933&thumbsinplaylist=true&autostart=false&repeat=false&shuffle=false&showdigits=true&volume=100&overstretch=false&autoscroll=true" />