Mostrando entradas con la etiqueta reproductores de vídeo. Mostrar todas las entradas
Mostrando entradas con la etiqueta reproductores de vídeo. Mostrar todas las entradas

jueves, 18 de diciembre de 2008

Lista de reproducción de vídeos de Jeroen Wijering nueva versión


Hace poco tiempo hablábamos de la lista de reproducción de vídeos de JW. Aunque la lista funciona correctamente, el autor ha creado una nueva versión, la 4.2, que admite múltiples tipos de archivos multimedia. Nosotros vamos a poner un ejemplo con clips de vídeo en formato .flv.


Para empezar, deberemos alojar en nuestro servidor los clips de vídeo y las imágenes que quieras que se muestren al inicio y como miniatura de cada uno de los clips.
Una vez alojados estos archivos deberás colocar, en una misma carpeta en tu servidor, los cuatro siguientes archivos:
player.swf (no tienes que modificar nada).
swfobject.js (no tienes que modificar nada).
index.html (tienes que ver el código y modificar la ruta, si es el caso, de los archivos que son llamados.
playlist.xml (es el archivo fundamental). Tienes que modificar las rutas de los vídeos y de las imágenes. Y escribir los textos que quieras mostrar en la barra de menú. Conviene que las rutas sean absolutas.
Para visualizar el reproductor colocamos en un iframe la URL del index.html.

Gracias a José María Campo por las pistas dadas.

jueves, 11 de diciembre de 2008

Repasando el reproductor múltiple de vídeos de Jeroen Wijering


Hace ya un tiempo, hablamos en este blog sobre este reproductor múltiple. Es algo complejo. Los vínculos a la página del autor también se han complicado un poco. He repasado la entrada antigua actualizando un poco los vínculos y vuelvo a hacer un nuevo post explicando el proceso.

1.- Alojaremos nuestros vídeos en formato flv en un servidor que nos permita acceder a la URL "limpia".
2.- Modificaremos esta lista (playlist.xml) -botón derecho, guardar como- con las URLs y la información de nuestros vídeos.
3.- Modificaremos esta página web (flvplayer.html) con las dimensiones (width y height) de nuestros vídeos. En este caso, se ha colocado a 600 X 450 y, el parámetro de la barra de reproducción se ha puesto a 375:
file=playlist.xml&displayheight=375&lightcolor
4.- Guarda el reproductor flvplayer.swf.
5.- Este archivo ufo.js
6.- Y esta web: fullscreen.html que sirve para reproducir el vídeo a pantalla completa.
7.- Coloca los archivos explicados en los apartados 2, 3, 4, 5 y 6 en tu servidor. Si quieres, en la misma carpeta que colocastes los vídeos flv (no haría falta pues has colocado la URL completa de cada uno de los vídeos, lo que se llama la dirección absoluta).
8.- Para finalizar, incrusta en el blog el flvplayer.html con un iframe, dejando algo más de ancho y algo más de alto para evitar las barras de desplazamiento:
<iframe src="http://la_direccion_que_sea_flvplayer.html" width="630" height="490" frameborder="0"></iframe>
Los vídeos han sido obtenidos de DailyMotion: aquí (con subtítulos en castellano) y aquí.
Related Posts Plugin for WordPress, Blogger...