JMiur [E]

Una vez más me he puesto a tratar que funcione FlowPlayer en Blogger. Ya son varios los fracasos pero esta vez, algo logra verse ... era hora.

FlowPlayer es un reproductor de archivos multimedia, uno de los mejores y soporta muchos formatos, FLV, SWF, MP3, MP4, H.264, etc. No sólo es de los mejores por la cantidad de funciones que tiene sino también de los más flexibles en cuanto a sus posibilidades gráficas. A decir verdad, las opciones son tanta que es imposible enumerarlas pero la documentación disponible es muy completa y debemos remitirnos a ella para los detalles.

Pero (siempre hay un pero) también es de los más complicados de utilizar, o por lo menos de configurar, justamente por eso, porque tiene "demasiadas" posibilidades.

La característica principal y que lo hace distinto de otros es que para funcionar usa JavaScript por lo tanto, como mínimo, necesitamos dos archivos: flowplayer-3.1.0.js y flowplayer-3.0.5.swf. Pero, si, eventualmente, queremos personalizarlo más, requerimos un tercer archivo: flowplayer.controls-3.0.3.swf. El problema no es ese sino que todos ellos, deben estar en la misma carpeta del mismo servidor y eso no es tan fácil. Una alternativa posible es Fileden.

Todo el "paquete" y algunos demos, los descargamos en formato ZIP y, una vez que alojamos ambos archivos en un servidor propio, debemos agregar el script en la plantilla, justo antes de </head>:
<script src="URL_flowplayer-3.1.0.min.js"></script>
Ese es el único que debemos agregar a la plantilla pero, si es algo que vamos a utilizar seguido, también sería bueno definir la URL del reproductor como una variable ya que la vamos a estar "llamando" seguido así que, debajo de lo anterior, ponemos esto:
<script>reproFLOWPLAYER="URL_flowplayer-3.0.5.swf";</script>
El tercer archivo no lo tenemos que cargar, es de uso interno y de allí la necesidad de que todos estén en el mismo lugar.

Para usar el reproductor tenemos diferentes alternativas y para cualquiera de ellas, debemos colocar el código correspondiente donde quisiéramos que se muestre. Por ejemplo, podemos hacerlo colocando un enlace:
<a href="URL_video" style="display:block;margin:0 auto;height:300px;width:400px;" id="nombreUnico"> </a> <script>flowplayer("nombreUnico", reproFLOWPLAYER);</script>
donde:
href contiene la URL del video a reproducir
style lo usamos para establecer las dimensiones del reproductor y el resto de las propiedades son optativas
id es la referencia a ese reproductor un nombre único)

Con suerte ... se verá esto:


Los desarrolladores recomiendan usar este modo ya que, si el video está en un enlace, un visitante que tenga JavaScript desactivado, podrá acceder a este de alguna otra forma. Sin embargo, no es el único método, también podríamos usar un DIV como contenedor:
<div style="margin:0 auto;height:300px;width:400px;" id="nombreUnico"> </div>
<script>flowplayer("nombreUnico", reproFLOWPLAYER, "URL_video"); </script>
El código es similar, salvo que la URL del video a reproducir se coloca como tercer parámetro del script.

Por último, también podemos insertarlo como lo haríamos con cualquier otro reproductor, utilizando la etiqueta OBJECT (más información):
<object width="300" height="200" data="URL_flowplayer-3.0.5.swf" type="application/x-shockwave-flash">
<param name="movie" value="URL_flowplayer-3.0.5.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"clip":"URL_video"}' />
</object>


Hasta aquí, lo "normal", si queremos personalizar las cosas, todo lo debemos hacer con JavaScript y allí está la dificultad para usarlo en Blogger. Algunas cosas las podemos colocar directamente, agregado un parámetro más. Por ejemplo:
<a href="URL_video" style="display:block;margin:0 auto;height:300px;width:400px;" id="nombreUnico"> </a> <script">flowplayer("nombreUnico", reproFLOWPLAYER, {clip:{autoPlay:false,autoBuffering:true}});</script>
con autoPlay false el video no comenzará a reproducirse de forma automática (por defecto es true)
con autoBuffering true el video se irá cargando aunque no se reproduzca (por defecto es false)

Hay muchos más parámetros que podemos usar y todos se colocan del mismo modo, separados por una coma (ver detalles):
clip:{param1, param1, ..., paramN}
Este no es un reproductor sencillo, se me ocurre que no está pensado para usar una vez cada tanto, la personalización es tan extrema que requiere tiempo para entenderla pero luego, si lo conseguimos, todo se hace más "sencillo".

Visualmente, podemos cambiarlo casi por completo, establecer colores, gradientes, botones, etc. Para eso hay una serie de instrucciones que podemos agregar de manera individual en cada reproductor o bien, establecer una serie de parámetros generales.

Por ejemplo, si agregamos lo siguiente en el head de nuestra plantilla (o en un archivo externo), estaremos definiendo una serie de parámetros generales y ya no será necesario cargarlos individualmente:

<script type='text/javascript'>
//<![CDATA[
var conf = {
defaults: {
autoPlay: false,
autoBuffering: true
},
skins: { // creamos un skin
skinDEMO: { // le damos un nombre
// definimos colores
sliderGradient: 'none',
timeColor: '#5555555',
backgroundGradient: [0.6,0.3,0,0,0],
sliderColor: '#000000',
buttonOverColor: '#666666',
bufferGradient: 'high',
bufferColor: '#666666',
buttonColor: '#000000',
progressGradient: 'medium',
progressColor: '#999999',
durationColor: '#999999',
backgroundColor: '#000000',
borderRadius: '15px',
opacity:1.0,
// definimos qué botones serán visibles
play:true,
volume:true,
mute:true,
time:true,
stop:false,
playlist:false,
fullscreen:true,
scrubber: true,
// le damos una altura a la barra inferior
height: 30,
// y haremos que se oculte al reproducirlo
autoHide: 'always'
},
skinDEMO2: { // otra
............
},
skinDEMO3: { // y todas las que se nos ocurra
............
}
}
}
//]]>
</script>

Allí, usamos defaults para inicializar esos parámetros generales y skins para "crear" diferentes modelos de reproductores.

Los aplicamos de este modo:
<a href="URL_video" style="display:block;margin:0 auto;height:300px;width:400px;" id="nombreUnico"> </a> <script">flowplayer("nombreUnico", reproFLOWPLAYER, {clip: conf.defaults, plugins: {controls: conf.skins.nombre}});</script>
con el parámetro clip: conf.defaults le decimos que use los datos genéricos
con el parámetro plugins: {controls: conf.skins.nombre} le decimos que ese reproductor tenga cierto aspecto


No, no es sencillo ¿Detalles? Cientos. Hay que leer la documentación y probar y probar y probar y seguir probando ...

92 comentarios:

GOCASE  

Complicado, y mas si el JMiur lo dice!!!

Visualmente es muy agradable y mas si soporta tantos archivos como dices!!!

Esperaremos haber que mas logras con esto.

Responder
Pucho  

Hola JMiur, te pregunto, como puedo hacer para poner un "loguito" en los titulos de la sidebar?? Por ejemplo: como si vos quisieras poner un loguito antes de "¿Quien soy" .

Probe desde el codigo buscando el elemento, y en "title" inserarle la imagen como img src.... pero me tira error.

Bueno, creo que fuí claro jaja :)

Responder
Shark_Bloody  

La verdad que es complicado por el trabajo y la dedicación que lleva armarlo. Hace mucho investigue sobre los distintos reproductores independientes, y el mayor problema que encontré es el tema del hosting... :-|

Responder
Graciela  

:) no intentaré investigar, sí que el bella la canción y mis amigos preferidos...quienes son los del video de homos sapiens???...buen jueves!!!

Responder
JMiur  

Pués sí que es complicado, GOCASE; no creo vaya mucho más allá :D

Shark_Bloody: En este caso en particular, es la parte más complicada del asunto.

Pucho: No se exactamente que quieres hacer pero, los títulos están en una etiqueta <h2>. Podrías poner la imagen allí <h2><img ...... /> ....... </h2> o darle propiedades con CSS y ponerle un fondo.

Graciela: Me perdí con lo del homo sapiens :D ¿El último video? Premiata Forneria Marconi (PFM para los amigos) :D

Responder
Huatulco Noticias  

Podrian usao 000webhost.com para almecenar los archivos y crear un dominio en www.co.cc para asignarle, y posteriormente tomar los url para su blogger pero en fin es solo una sugerencia es dificil aplicarlo deberia tener asistente como el JW player que tambien es muy poderoso

Responder
Pucho  

Joya, lo que quiero hacer es por ejemplo insertarle una imagen (Chica) de una lupa, a donde dice "buscador" en la sidebar, que es precisamente el titulo de ese elemento.
Le estaba errando, la ponia donde dice title. Muchas Gracias

Responder
Graciela  

los homos sapiens son los animales...me refería al grupo, PFM no los tengo pero me ha encantado, si eres amigo de ellos...les pides un CD para mi :P

Responder
JMiur  

Haré lo posible por conseguirlo :D

Responder
Tigremen  

Cuando intento subir el Js me dice que no esta permitido ese tipo de archivos, estoy intentandolo con el FileDen, me podrias decir que otras opciones de almacenamiento hay o algo estoy haciendo al subir.

Saludos JMiur

Responder
JMiur  

Cmabia la extensión JS por la extensión TXT. Eso soluciona el problema.

Responder
【★】αвιαи【★】  

Muy bueno, aunque prefiero el JW FLV Player, porque utilizo Wordpress, que para mi es mejor. Que pensais?

Responder
Paige  

Funciono de 10 solo una pregunta como alineo el reproductor a la izquierda porq me queda centrado le puse div align="left" pero no me funciono :$
Gracias. ;)

Responder
JMiur  

Piuedes ponerle propiedades al enlace que lo genera; algo así por ejemplo:

style="display:block;height:300px;width:400px;float:left"

Aunque, por defecto, debería alinearse a la izquierda.

Responder
Paige  

:D Gracias si me funciono el código.

Responder
javier  

Buenas tardes, llevo con este programa un montón mirando por Internet información, y este es el primero que se nota que sabe del tema.
mi problema es el siguiente:

me he bajado la última versión y por eso parece que el nombre de los archivos cambia un poco, aunque no creo que haya diferencias.

con esta linea de código que apunta a un archivo .flv de su servidor me funciona.

href="http://e1p1.simplecdn.net/flowplayer/flowplayer-700.flv" style="display:block;width:425px;height:300px;" id="player">

con mi url, no va me da un error de 200 stream not found osea que no encuentra el flv, pero yo lo reproduzco con otro programa.

href="http://javilo.brinkster.net/video/pa.flv" style="display:block;width:425px;height:300px;" id="player">

os pongo mi enlace para ver el error y si me podeis decir algo agradecido de antemano

un saludo

http://javilo.brinkster.net/video/index1.html

Responder
JMiur  

Si tratas de abrir este archivo con el navegador:
http://javilo.brinkster.net/video/pa.flv
verás que da un error de página no encontrada. Probablemente, la URL sea errónea y de allí la respuesta del player.
Deberías verificarla.

Responder
javier  

Buenas JMiur, tienes razón, pero la url está bien es don de están todos los archivos:

flowplayer-3.1.1.min.js
flowplayer-3.1.1.swf
flowplayer.controls-3.1.1.swf
index.html
pa.flv

en local me pasa igual, pero el pa.flv funciona bien con el reproductor sothink FLV Player.

lo he pasado de una cámara de fotos en formato mov con el Digital Video Converter, solo me queda que haya algún problema a la hora de convertir el archivo. si tienes un archivo flv mandamelo por mail (jbadialopez@hotmail.com)

Muchas gracias por tu respuesta.

un saludo

Responder
JMiur  

Pués, evidentemente, debe haber algún tipo de error o en el nombre del archivo, en la URL o en sus atributos porque sino, podría descargarse.

No se trata del formato sino de que no se encuentra ese archivo en ese lugar. Cámbiale el nombre. Aloja cualquier tipo de archivo en la misma carpeta para chequear la URL.

Responder
javier  

Ok, muchas gracias JMiur, voy a hacer pruebas. Ya te comentaré. Un saludo desde Bilbao (España).

Responder
javier  

He hecho lo que me has dicho he alojado el archivo bear.wmv en la misma url.

Es curioso el p1.flv y el bear.wmv son el mismo vídeo con distinto formato.

El bear si que lo encuentra y el otro no, no entiendo nada, sera que el servidor no soporta este tipo de archivo?

voy a probar con diferentes tipos de video a ver que pasa.

Un saludo

Responder
JMiur  

Eso es lo que me llamó la atención. Que el reproductor no funcionara era secundario, lo extraño es que el navegador dijea que el archivo no existe. Debe haber alguna restricción o atributo del archivo que impide leerlo.

Responder
javier  

Será el servidor?, he consultado con google, por si había problemas con servidores que no soportaban formatos flv y he visto que parece que es eso, pero por ahora no me ha quedado nada claro, si sabes algún servidor gratuito para probar, estos formatos, te lo agradecería, pero no lo tengo nada claro, no puede ser tan complicado, te repito lo anterior, no habré realizado mal la conversión. Y si no es así no me quedan más coj..., que el servidor no soporte el fomato.

Si sabes algo del tema comentame.

JMiur de todas formas, muy agradecido, no en todos los blogs-chat se preocupan tanto como tú. Es MUY de agradecer, un saludo.

Javi

Responder
JMiur  

La verdad es muy extraño ¿No intentaste subir otro archivo FLV cualquiera? Alguno descargado de la web, este es el del ejemplo que uso acá y es bastante pequeño.

Responder
javier  

He mirado por ahí y creo que tiene que ver con los tipos MIME del servicio de hosting, por que subiendo los mismos archivos a otros servidores de video, funcionan perfectamente.

Responder
JMiur  

Es posible que esa sea la explicación. Haberlos subido a otros sitios confirma que no es un error del archivo en si mismo. Deberías consultar con el servicio de hosting.

Responder
javier  

Buenas tardes JMiur, ya he solucionado el tema de los videos, miré en algún otro sitio y vi que la solución era un tema de los tipos MIME, escribí al soporte de mi servidor, y en dos días lo solucionó.

Te lo comento por si a alguien le pasa lo mismo es un tema del servidor.

Un saludo y muchas gracias. Ahora solo me queda investigar y probar.

Responder
JMiur  

Me alegro que se haya resuelto el misterio :)

Responder
Tigremen  

Gracias JMiur funciona a la perfeccion y el skin ocn el JS queda muy bien, saludos.

:D

Responder
alcnx  

:)
Hola
todo me salio muy bien

lo unico que no me quedo muy claro es la imagen de preview
antes de reproducir el video

gracias :p

Responder
JMiur  

Es que no es un reproductor sencillo de manejar, sobre todo en Blogger.

Responder
saccperuano  

Hola JMiur intente hacer el reproductor de video pero me sale un mensaje como ...unable to load plugin: unable to load plugin flowplayer control...

Ahora no entiendo xq en el codigo que tu das sale asi escrito ... script" ... ves esa comilla doble, si no fuera xq la saque no cerraba el tag, esta bien asi ? ... script" ... ?? xq si lo dejo asi no se cierra, .. en fin tras cerrarse el tag me sale ese mensaje en ingles que te escribi arriba, me puedes comentar a lo que te conte please, x mientras seguire aca investigando

Espero que te guies xq no me aucerdo el tag para poder incrustar codigo sin que te resgringa blogger pero eso si ese script" esta en un tag y tal como te lo escribe termine con una comilla mira por fabor

Responder
JMiur  

Esa comilla es un eror en la transcripción, ya está eliminado.

Lo del error de carga, poco puedo decir. Es un reproductor complejo, todo debe estar en un mismo servidor y eso lo hace dificil de poner en Blogger.

Responder
saccperuano  

Holas otra vez si que es muy complejo xq ahora ni me sale nigun error solo el reproductor en negro, ahora comentas que todo debe estar en un mismo servidor, haber
el fichero js le cambie la extension x txt
el fichero *.swf lo deje como tal y .ambos (los 2 ficheros) los subi a fileden
stons si mis ficheros estan bien, mi error seria que ...el video en si (*.swf) tbm tengo que alojarlo en fileden ??? para que me corra ??? xq yo solo jalo la url de un video en youtube pero no me corre... Hare eso y te comento ;) descargo un fichero de video lo alojo en fileden y lo pongo a reproducir, haber que sale

Responder
Tony  

Hola JMiur, estoy intentando instalar FlowPlayer sin mucho exito.
No entiendo nada de que código o variable poner, ya que hago pruebas y no lo logro.
Digo, será posible que por favor me enies por mail, y te lo pido encarecidamente, el codigo que hay que poner en el HTML code para que funciones mi video?
Siempre pensé que con solo hacer un copy/paste del embebed era suficiente, pero veo que es bastante mas complejo, me podrías dar un mano con esto?
Es decir que me pases el embebed que yo copiaría, luego cambio los nombre para poder pegarlo en mi editor de HTML que estoy usando, el WebPageMaker, himilde pero funcional.
Te estaré enormemente agradecido, solo te pidoeso que los de FlowPalyer no supieron explicar en su sitio, gracias gracias gracias...
TONY
mail: tony.moliterni@gmail.com

Responder
JMiur  

No hay ningún código embed; se usa el script o la etiqueta OBJECT y so exactamente iguales a esos que puedes copiar del post; no hay ningún misterio; sólo cambian las direcciones URL de los videos.

Responder
Juan Javier  

disculpa tengo una duda. donde subes los videos para poder usar esa url en blogger?

Responder
JMiur  

Están alojados en blip.TV.

Responder
pauu  

oye en Fileden intento subir los archivos del flowplayer pero me marca error al itentar subir este "flowplayer-3.1.4.min.js
An error occured: File type not allowed. #null" no sabes que podria ser.?? te lo agradeceria.

Responder
JMiur  

A Fileden no puedn subierse archivos de extensión JS, debe cambiarse la extensión por otra como TXT.

Responder
Victor Manuel Sacaba  

Hola quisiera saber si este reproductor se lo puede hacer para que reproduzca automaticamente y aletoriamente. Gracias. Saludo Victor

Responder
Victor Manuel Sacaba  

Hola quisiera saber de donde puedo bajar los tre archivos que mencionas, para luego subirlos. Grcias

Responder
JMiur  

Los archivos están el ZIP que indica el post:
http://flowplayer.org/releases/flowplayer/flowplayer-3.1.0.zip
también pueden descargarse desde la página del desarrollador.

En cuanto a lo de autoplay y random, eso no sabría contestártelo.

Responder
Millonario  

Jmiur, una consulta
Me das una mano para poder incluir esto en Vbulletin 4.0.x y que pueda mostrar un video flash en Vbulletin ?

Muchas gracias

Responder
JMiur  

No es un reproductor sencillo de insertar. No lo y uso y todo lo que sé de el es lo que está en el post.

Responder
Nuestra  

Excelente es esta aplicación FlowPlayer, yo lo uso y funciona perfectamente, mi pregunta es cómo hacer la carga de los videos del playlist de forma aleatoria para que no se muestre la misma secuencia siempre? favor responder a nuestragaita@gmail.com.
Gracias!

Responder
Luis  

hola muchas gracias por ayudarme pero el link de descarga no sirve y fui a la pagina oficial y descarge uno pero tiene otros nombres

*flowplayer-3.2.2.swf
*flowplayer.controls-3.2.1.swf

y en una carpeta llamada example vienen los archivos

*flowplayer-3.2.2.min.js
*style.css

son esos los que tengo que utilizar?

gracias

Responder
JMiur  

Si, seguramente es una nueva versión de lo mismo.

Responder
David Portillo  

Hola Jmiur estoy tratando de configurar el flowplayer con el media live encoder 3.1 de donde emito para justin. Pregunto eso se puede hacer...meter el strem live del encoder 3.1 al flowplayer?? saludos a todos

Responder
JMiur  

Eso no sabría respondértelo; no sé si permite ese tipo de cosas.

Responder
Arnau  

Saludos JMiur, Espero pueda ayudarme.

Estoy montando un web para exhibir tres videos de demostración. Después de mucho trastear y gracias a este blog he conseguido que se vean los videos con FLOWPLAYER, pero solo con Google Chrome. ¿Que debo hacer para que se vean en Internet Explorer i Mozilla Firefox?.

Agradecido de antemano.

Arnau

Responder
JMiur  

No sé cuñal es el sitio; debería verlo para decirte. Si los scripts son archivos alojados en un servidor externo, esos archivos deben ser públicos. Si usas Chrome por defecto, es porbable que los veas porque estás logueado y cuando lo pruebas con otro navegador no se cargan.

Responder
Arnau  

Gracias por la primera y rápida respuesta. Me olvidé decir que por ahora la web está alojada en mi disco duro.

Gracias,

Arnau

Responder
JMiur  

Pués tal vez ese sea el problema. Como ves acá, funciona perfectamente en cualquier navegador.

Responder
cronick  

hola @JMiur
oye todo esta muy bien elaborado
pero la verdad a mi no se me da mucho esto de los codigos
y como yo subí los controladores y los videos.flv a una web y lo que hago es ponerlos en otra pagina, tengo que utilizar el codigo "OBJECT" que es el que comprendo mejor, y así como tu aclaraste, se reproduce automaticamente y la verdad no comprendo eso del:, {clip:{autoPlay:false,autoBuffering:true}});,
y pues queria saber si me puedes compartir el codigo que utilizaste para que al momento de darle clic en el link aparesca el video,
de antemano,
GRACIAS!

Responder
JMiur  

Hay muchas formas de contraer y expandir elementos; en este caso, es un script que dice algo así:


function SINO(cual) {
var elElemento=document.getElementById(cual);
if(elElemento.style.display == 'block') {
elElemento.style.display = 'none';
} else {
elElemento.style.display = 'block';
}
}

Y se usa de este modo:

<a onclick="SINO('MICONTENIDO');" href="javascript:void(0);"> Ver Ejemplo </a>

donde lo oculto, debe llevar un ID que es el que se envia a la función:

<div id="MICONTENIDO" style="display:none;">
.............. cualquier contenido ...........
</div>

Responder
cronick  

gracias por la pronta respuesta
me sirvió mucho! =)

Responder
JMiur  

Me alegra que sirviera, cronick.

Responder
Alex  

Hola JMiur,

ante todo, GRACIAS!!!!! Gracias a tu post he ido podiendo desarrollar mi aplicación, hasta que me he encontrado con un insalvable. Verás, mi aplicación está desarrollada en GWT. Pinchando en diferentes imágenes, en el reproductor del Flowplayer se muestra el vídeo asociado. Todo perfecto hasta que lo he ido a probar en IE7 y... nada de nada. El vídeo no se muestra. Llevo días tratando de dar con la solución y no puedo, he intentado mil cosas incluso con reproductores diferentes, pero siempre vuelvo al Flowplayer. Así pues, te estaría muy agradecido si me pudieras decir cómo cargar vídeos de forma dinámica, y, el mayor reto, que funcione en IE7 ;) Como dijo la princesa Leia a Obi-Wan, "tú eres mi única esperanza" :D

Responder
JMiur  

Pués la veradad, no sabría decirte, no he mirado nada de este reproductor más allá de esta entrada y de alguna otra prueba pero no he visto que en IE7 tuviera problemas.

Responder
deny  

amigo en esta pagina www.videomovil.net esta un flow player online y quiero copiar el embed a mi web pero cuando tengo el codigo embed no se ve en mi web

Responder
JMiur  

No sé cuál es la página porque esa dirección no se abre sin emabrgo, es muy probable que no puedas copiarlo porque seguramente está configurado para evitar eso; es lógico que así sea.

Responder
Rick  

oye yo tengo hotlink en megaupload, pero el problema es que el reproductor no me reproduce los archivos grandes, osea pongo un clip de 50mb y de 20 min de duracion y si lo agarra pero al poner una pelicula entera no me la reproduce, a que se debe? y por ultimo como agrego los parametros en el codigo OBJECT

Responder
JMiur  

No creo que eso sea un tema del reproductor sino del sitio donde está alojado el video que tal vez tiene alguna clase de limitación en cuanto al ancho de banda.

Responder
Alejandro  

Hola JMiur me sirvio de mucha ayuda este tema, pero tengo un problemita que no se que sera, te cuento estoy haciendo un pagina y subi unos videos, hasta ahi todo bien, el problema fue que cuando los fui a ver llegaban hasta la mitad y eso pasa con los videos de mas de 2 min, tu sabes cuanto sera el maximo de duracion q soporta este reproductor o si tiene alguna solucion esto

pd. ya he subido varias veces esos video por que pense q podria haber quedado dañado el archivo, esta es la pagina alejandro.comyr.com

de antemano muchas gracias

Responder
JMiur  

No, no tiene tiempo de duración. Lo he usado en muchos casos sin problemas de ese tipo.

lo que si puede influenciar es el tiempo de carga de los videos, dependiendo de dónde estén alojados y de la cantidad que haya en una misma página.

Responder
L  

Hola JMuir gracias por el pst
tenia tiempo queriendo usarlo
y ya esta ! :D pero necesito saber como hago para
que no se reprodusca automaticamente...gracias de antemano
este es el codigo q estoi usando

<a href="http://l.ec-videos.myspacecdn.com/videos02/45/9acd70a1ce144cb8a4944fde96eb8958/vid.flv?t=1316303170_3ba5c37e403cad91cd345fb7bcbf49e6" style="display:block;margin:0 auto;height:300px;width:400px;" id="nombreUnico"> </a> <script>flowplayer("nombreUnico", reproFLOWPLAYER);</script>

Responder
JMiur  

Eso va en las opciones:
clip:{param1, param1, ..., paramN}
fíjate en la pagina de los desarrolladores para ver cuales son esas opciones.

Responder
L  

que Bien !!! :D
gracias otra vez fue de gran ayuda
lo que pasa por no leer todo el post jeje...

Responder
Amy  

hola!!, bien, me ayudó mucho tu explicación para poder configurarlo, pero tengo una pregunta: ¿Cómo puedo poner varias veces el reproductor en direntes lugares de la página?, es decir, como los tienes colocados tú, pues e intentado poner dos veces el código del flow, con diferentes videos claro, pero sólo aparece una vez, ¿en esta situación qué puedo hacer?, gracias de antemano...

Responder
JMiur  

Cargando cada reproductor con un ID distinto:

<script>flowplayer("playerFP1", reproURL, {clip: conf.defaults});</script>

<script>flowplayer("playerFP2", reproURL, {clip: conf.defaults});</script>

<script>flowplayer("playerFP3", reproURL, {clip: conf.defaults});</script>

Responder
Federico  

Como coloco un reproductor en mi web si el mismo esta protegido y solo se puede ver de la pagina en la que se encuentra?

Responder
JMiur  

No sé a qué te refieres.

Responder
Krone  

Hola! lo has probado con mp4? yo lo estoy intentanod y se queda cargando nunca empiesa! puede ser que tenga que buffear todo el video para empesar o algo estoy haciendo mal...

JMiur  

Sí. No hay ningún problema con archivos MP4; el último de los ejemplos tiene ese formato.

Responder
David Jonn  

Hola! Gracias a tu post pude poner el reproductor flowplayer en mi blog. Muchas gracias!

Tengo una pregunta, he visto en otros blogs, que tienen el mismo reproductor pero con la opción de "embed" y "share" para compartirlo o insertarlo en otro lugar. ¿Cómo puedo añadir eso a mi reproductor?

Creo que como dices, tendré que leer la guía del flowplayer.
Saludos.

JMiur  

Lo desconozco, David.

Responder
EDWIN ORTEGON  

HOla estuve checando el tutorial y lo he intentado en mi pagina sin embargo cuando intento reproducir el video me salta este error...
201, Unable to load stream or clip file, cannot access the video file (try loosening Flash security settings): Error #2148, clip: '[Clip] 'file:///C:/Users/FAMILIA/Desktop/pagina Web/flowplayer/Videos/Wildlife.flv''

ya cambie el formato del video, ya intente con diversos comandos y no logro que cargue el video... tal ves tu puedas ayudarme

Responder
EDWIN ORTEGON  

Hola JMiur, he estado checando tu post y lo he seguido al pie de la letra, solo que con una versión mas reciente del reproductor, de modo que algunos codigos cambian ligeramente, sin embargo cuando subo el video a la web, me salta este error...

201, Unable to load stream or clip file, cannot access the video file (try loosening Flash security settings): Error #2148, clip: '[Clip] 'file:///C:/Users/FAMILIA/Desktop/pagina Web/flowplayer/Videos/Wildlife.wmv''

ya trate con diversos formatos de video, ya lo intente de todas las maneras que has explicado y de cualquier forma aparece el mismo error y quisiera saber si tu puedes ayudarme

JMiur  

EL archivo al que haces referencia está en tu PC:
file:///C:/Users/FAMILIA/Desktop/pagina Web/flowplayer/Videos/Wildlife.wmv
y por lo tanto, no puedes cargarlo en una página web ya que debe estar alojado en algún servidor de internet

Responder
EDWIN ORTEGON  

Gracias Jmiur :D tenias toda la razón :D estaba tratando de re-dirigirlo a una carpeta en la pc por esa razón no lo localizaba el Flowplayer... Subí el archivo de vídeo al servidor redireccione el código a la pagina y listo!!!! funciona a la perfección n_n... mil gracias

Responder
Miguel Ollarves  

hola por favor quiero saber comp hago para que hagarre una pelicula ese reproductor me hagarra puro archivos mp4 notan pesados

JMiur  

Tendrás que explicarte mejor porque no se entiende cuál es tu duda.

Responder
geniago  

el mejor consejo es subir los archivos a google sites

JMiur  

¿Por qué? Hay otros sitios donde pueden ser alojados. Todo es cuestión de gustos.

Responder
Luis Rivera  

mi duda en donde agrego el "autoPlay:false" en este codigo porfavor responde lo antes posibles

Codigo perdon por el link pero no me dejo publicar el codigo y tube que ponerlo en otro lado

JMiur  

¿Y cuál es la urgencia?

Los desarrolladores no recomiendan usar la etiqueta OBJECT cuando hay varios parámetros pero, como dice la entrada, las opciones se agregan separándolas con comas:

clip:{param1, param1, ..., paramN}

sería algo así:

<param name="flashvars" value='config={"clip":"url",autoPlay":true}' />

Responder
Vicky  

Hola!
Muchas gracias por el maravilloso tutorial ...
Al igual que usted, incluso he estado experimentando para incrustar 'flowplayer' en mi página 'blogger', sin embargo no estoy seguro de que puedo alojar mis archivos de vídeo y cómo puedo especificarlos en "URL". He intentado subir mi video en Youtube y especificando el URL. Además, me TrID subir en "WikiSend". Lamentablemente ninguna de las opciones funcionó.
¿Podría usted los pls ayuda?

JMiur  

El video no puede alojarse en Blogger, debes usar algún sitio que permita alojarlos y te de la url directa; sitios como DropBox por ejemplo.

Responder
Felipe Silva  

Hola. Existe algún código para hacer los videos de mi WEB imposibles o BIEN difíciles de descargar? Es un sitio de membresias...
O tan solo poner BIEN lenta la descarga como para que las personas desistan...
Gracias

JMiur  

Todo lo que se publica en internet puede ser descargado de una u otra forma.

Responder
Felipe Silva  

Hola. Yo tengo instalado download manager en mi PC. En algunas páginas, ese programa (DM) parece no activarse con los videos (como ocurre con los videos de este mismo sitio, por ejemplo), pero en otros sitios, como el mio, el software te pide, te sugiere, te da la mala idea de descargar el video. Algo hemos hecho de forma diferente y no doy con el detalle.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR