JMiur [E]

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" />

14 comentarios:

Gem@  

A ver si otro día haces un tutorial sobre Google Page Creator o cualquier otro servicio para alojar archivos por ejemplo plantillas o similar ;)
La entrada es muy buena, perdona que mi comentario no guarde relación con ella :(

Responder
JMiur  

Tomo nota del pedido, justo anoche estaba pensando en eso. Parece que me lees la mente :D

Responder
Gem@  

!Vaya¡ te sumas a la gran lista de personas que opinan igual, al final terminaré creyéndolo :)

Responder
Anónimo  

hola soy un usuario de tu pagina .. pero me quiero suscribir para que me llegue un boletin a mi e- mail...... la forma en la que yo conozo en donde puedo hacer esto en en FEEDBLITZ... asi que no hay otra forma en la que mpuedas decir como me puede llegar un boletin a mi correios

Responder
JMiur  

Anonimo: realmente nunca se me había ocurrido ponerlo pero, acabo de activarlo utilizando Feedburner y veremos que ocurrre :)

Responder
Dario  

Saludos...me podrias decir como hacer para que los videos se reproduscan consecutivamente luego de terminar cada uno pase al siguiente

Responder
JMiur  

Realmente no lo sé ¿has probado poniendo autoplay en true?

Responder
Erick  

Hola,

es de gran ayuda el tema, pero hay alguna manera de que el video youtube lo pueda subir a un .flv?

de Flash 8??

estoy batallando un poco con eso, se agradeceria su respuesta

Responder
JMiur  

No conozco el manejo de Flash pero sé que permite importar o manipular archivos FLV.

Responder
Anónimo  

Hola Jmiur, te hago una consulta, estoy tratando de implementar este codigo en mi web pero no logro que se vean los .FLV, ahora mismo en tu pag no los puedo ver, es un error en el codigo o sera que estoy usando windows vista?
Gracias
Marcelo

Responder
Anónimo  

estimado Jmiur es posible que te contactes con migo y me puedas enviar un archivo rar con el odigo de este reproductor para poder alterarlo ya que en la pagina del reproductor me entregan un codigo que no se como poder activarlo y al usar xlm tampoco los puedo ver contactame si puedes por msn battletoads@hotmail.com saludos y se agradece de antemano

Responder
JMiur  

No he tenido problemas para descargarlo pero, igual te envio el ZIP por mail.

Responder
Anónimo  

¿como logro crear un xml con varios videos de youtube? si pongo los links sin la extencion ps simplemente no los reconoce ¿hay alguna forma de saber la ruta exacta de los vid de youtube?

Responder
JMiur  

Hace tiempo ya que YouTube cambió la forma de acceder a los videos así que muchas de estas cosas de este post han dejado de ser válidas.

Responder
 
CERRAR