Reproductor múltiple de vídeos de Joroen Wijering

Había echado ya un vistazo al artículo de José María Campo sobre el nuevo reproductor múltiple de vídeos de Jeroen Wijering.

Lo había visto un poco complicado. Y la verdad es que, un poco, lo es. Para empezar, necesitaremos un servidor en el que alojar los archivos para la reproducción correcta de nuestra lista. Al principio creía también que era necesario alojar los vídeos en el mismo servidor pues el ejemplo que ofrece el autor es con un vídeo alojado en la misma carpeta. No es así. Es decir los archivos (la lista de reproducción, el archivo del javascript, la página web, el archivo .swf) pueden estar en un servidor, y los archivos de los clips de películas, los .flv, en otro.

Lo que ocurre es que no nos van a valer vídeos alojados en los servidores públicos más conocidos: YouTube, Dailymotion, Eyespot, Bolt,... pues necesitamos el archivo de vídeo en formato .flv y con acceso directo al archivo. Es decir, la URL tiene que acabar en .flv

Así pues necesitaremos:

1.- El archivo .xml con la lista de vídeos a reproducir (playlist.xml)

2.- El archivo .js con el javascript (ufo.js)

3.- El archivo .swf que es el reproductor flash (flvplayer.swf)

4.- La página .html en la que se incrusta el reproductor flash con la lista de los vídeos (flvplayer.html)

5.- Otra página .html si queremos que la reproducción pueda verse en pantalla completa (fullscreen.html)

6.- Los vídeos .flv que queramos colocar en la lista.

Una vez hayamos conseguido el alojamiento de nuestros vídeos en un servidor que nos permita ver la URL correcta (finalizando en la extensión .flv) lo que tenemos que editar es la playlist colocando la dirección de nuestro vídeo entre las etiquetas <location> y </location>

Es muy importante saber que si probamos las cosas en modo local, no nos va a funcionar. En cambio, una vez publicado todo en internet, veremos que todo funciona.

En cuanto a la página web que aloja el reproductor .swf tendremos que editarla, borrando el código correspondiente al reproductor de un único vídeo y dejando el código del reproductor múltiple.

En el artículo lo publicaremos con un iframe que llame a la página web flvplayer.html

Si no queremos que se adjunte, en la parte inferior, la lista de reproducción podremos, simplemente, colocar el reproductor con la etiqueta embed tal como nos señaló José María Campo a propósito del artículo sobre cómo incrustar un archivo .swf en el blog.

En mi caso, he querido subir a mi espacio de EducaMadrid todos los vídeos. Sólo he podido publicar uno de ellos, pues los otros dos superaban el tamaño máximo permitido (algo menos de 10 megas). Los otros dos, eran de tamaño superior. Estos últimos, y los otros archivos, los he alojado en el CNICE. EducaMadrid no permite hacer FTP.