Mostrar videos con FlowPlayer
Miércoles, 28 Octubre 2009
Primero descargamos el FlowPlayer. Para ello vamos a la página oficial de descarga de FlowPlayer y lo instalamos en la carpeta /app/webroot/js.
En la vista donde queremos que se vea el video se añade
<?php
// Librería necesaria para el Flowplayer
echo $javascript->link('flowplayer/example/flowplayer-3.1.4.min');
?>
<?php
echo $html->link('', '/files/ejemplo.flv' , array('id' => 'player1' , 'class' => 'video'));
?>
<script language="JavaScript">
// Función para cargar el Flowplayer en la zona correspondiente
flowplayer(
"player1",
"<?php echo Router::url("/"); ?>js/flowplayer/flowplayer-3.1.5.swf",
{
clip: {
autoPlay: false,
autoBuffering: true
}
}
);
</script>
Hemos de tener en cuenta la versión de FlowPlayer que hemos descargado en estas dos líneas
echo $javascript->link('flowplayer/example/flowplayer-3.1.4.min');
y
"<?php echo Router::url("/"); ?>js/flowplayer/flowplayer-3.1.5.swf"
que en este caso se corresponden con la versión FlowPlayer 3.1.5
Lo de player1 es por si quieres meter varios videos en la misma página, con lo que el segundo pondría player2 y así sucesivamente (o lo que consideres oportuno)
Además hay que añadir al css
.video{
display:block;
width:400px;
height:300px;
}
FlowPlayer muestra videos que estén en formato flv. Una buena herramienta para convertir nuestros videos avi, mpeg, … a este formato flv es ffmpeg.
Un ejemplo de uso :
ffmpeg -i entrada.avi salida.flv
En este link podéis ver una demostración.

No. 1 — Abril 19th, 2010 a 3:52 am
en que hosting puedo guardar los videos o el reproductor ya que yo uso blogger y no te da un hosting para archivos solopara imagenes con picaza
No. 2 — Abril 19th, 2010 a 7:47 am
Hola Omar. Según he entendido tu usas Blogger.
He encontrado este enlace en la ayuda del blog ¿Cómo le añado un vídeo a mi blog?
Un saludo
No. 3 — Mayo 19th, 2010 a 3:10 pm
Pues me parece muy bueno lo que hiciste, era justo lo que estaba buscando.
Please continue discussion on the forum: link