Reproductor de un archivo FLV

1. Descarga y descomprime el archivo flvplayer.zip en una carpeta del disco local.

2. Desde el explorador de archivos abre la carpeta flvplayer y haz doble clic en el archivo index.htm. Con esto se abrirá el navegador mostrando el contenido de un video FLV.

3. La consola de reproducción para un archivo flv permite iniciar y detener el vídeo así como arrastrar la barra de progreso de la pista y del volumen. En la reproducción de listas de vídeos FLV también se proporcionan botones para saltar al siguiente o anterior de la lista. También se ofrece un botón que permite visualizar el vídeo en modo pantalla completa.

4. Regresa al explorador de archivos en la carpeta flvplayer. Dentro de esta carpeta se encuentra:

La página HTML que permite el acceso a todo el conjunto: index.htm
El reproductor de vídeo: flvplayer.swf
El fichero de javascript swfobject.js que asegura la integración del reproductor en la página HTML sin tener que hacer clic sobre él antes de interactuar con sus botones.
El video FLV que se reproduce: video.flv
La imagen previa en formato GIF que se muestra antes de iniciar la reproducción del vídeo y que tiene la misma dimensión del vídeo: imagen.gif

flvplayer

5. Abre Kompozer y utilízalo para abrir el archivo index.htm

6. Clic en la pestaña Código fuente.

7. Si deseas insertar el reproductor en otra página basta con copiar y pegar las siguientes líneas de código HTML:

<script type="text/javascript" src="swfobject.js"></script>

Esta línea se sitúa entre las etiquetas <head> … </head> de la página HTML para asegurar referencia al código javascript que asegura la correcta integración del reproductor.

Reproductor FLV

Y luego en el cuerpo de la página el siguiente código HTML:

<p id="player1"><a href="http://www.macromedia.com/go/getflashplayer">Se necesita descargar el reproductor de Flash</a> para ver este video.</p>
<script type="text/javascript">
var s1 = new SWFObject("flvplayer.swf","single","240","212","7");
s1.addParam("allowfullscreen","true");
s1.addVariable("file","video.flv");
s1.addVariable("image","imagen.gif");
s1.addVariable("width","240");
s1.addVariable("height","212");
s1.write("player1");
</script>

En la variable file se indica la referencia a la ubicación del archivo de vídeo flv que se reproduce. Puedes modificar este valor para reproducir un vídeo con otro nombre distinto. En las variables height y width se indican la altura y anchura en píxeles con que se visualizará el reproductor. La botonera ocupa 20 píxeles de altura. Sumados a los 192 del vídeo hacen un total de 212 píxeles para el total del reproductor.