Personaliza tu reproductor para T!
Ejemplo: (si sigues al pie de la letra queda algo asi)
PANTALLA COMPLETA
Introducción
Siempre recibo MPs con preguntas de ¿como hago para tener ese reproductor? que les explique etc. por falta de tiempo y paciencia no los contesto porque es medio complejo pero si tenes mínimos conocimientos de códigos vas a entender.
¿Que es este reproductor?
Se llama jwplayer (pagina oficial ) sirve para reproducir videos y música online en paginas html por ejemplo. Pero a mi se me ocurrió meterle mano para adaptarlo a T! con su código BBCoder y quedo bastante bien dentro de todo como se puede ver en el ejemplo.
El código
Les dejo una captura del código del ejemplo y paso a explicarles.
( descargar código de ejemplo en formato txt )
1: Servidor donde se encuentra el reproductor (swf=http://pavlod774.webs.com/player%202/player.swf)
2: Archivo a reproducir (file=http://www.youtube.com/watch?v=8SbUC-UaAxE)
3: Logo personalizado (logo=http://i28.***/ad0lzo.jpg&plugins=logomover-1) INCOMPATIBLE con la nueva versión
4: Skin (skin=http://pavlod774.webs.com/Skin%202/fashion.swf)
5: Imagen de fondo (image=http://i29.***/2n709kg.jpg)
6: Link a pantalla completa (el resto del código alineado al centro)
Crea el tuyo!
Sigan siempre el ejemplo que les di para "personalizarlo" pueden reemplazar cualquier cosa aca les explico como:
1: Servidor donde se encuentra el reproductor
NO TOCAR es el unico que no deben modificar ya que es donde se encuentra alojado el reproductor (server propio)
2: Archivo a reproducir
Pueden ser los siguientes formatos: .flv h.264/mpge-4 .mp3 y por supuesto videos de youtube (también puede reproducir desde otros servidores como metacafe pero no he probado) solo basta con reemplazar la dirección del video
3: Logo personalizado
Pueden borrar esa linea de código ya que actualmente es incompatible con la nueva versión yo lo use mucho pero en la nueva versión no funciona. Tendrán que esperar.
Si quieren usar de todas formas un logotipo pueden usar una versión vieja del reproductor con cambiar esta linea de código swf=http://pavlod774.webs.com/player%202/player.swf por esta: swf=http://pavlod774.webs.com/player/player.swf y después de eso crear una imagen y cambiarla en esta linea: logo=http://i28.***/ad0lzo.jpg
y les queda así:
PANTALLA COMPLETA
4: Skin
Esto es lo mejor ya que le pueden dar cualquier apariencia a su reproductor. Si borran esta linea tendrán un skin por default que es común y simple (muchas veces mejor que estos que son lindos) pero si lo quieren reemplazar solo deben copiar la dirección del skin elegido (servidor propio) no garantizo el funcionamiento al 100% de cada uno ya que por falta de tiempo no los probe:
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/metarby10/metarby10.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/snel/snel/snel.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/playcasso/playcasso/playcasso.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/grungetape/grungetape/grungetape.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/comet/comet.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/atomicred/atomicred.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/pearlized/pearlized.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/traganja/traganja.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/festival/festival.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/chelseaskin(2)/chelseaSkin/chelseaskin.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/neon/neon.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/magma/magma.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/seawave/seawave/seawave.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/icecreamsneaka/icecreamsneaka.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/pixelize/pixelize.swf
este es el del ejemplo (default) http://pavlod774.webs.com/Skin%202/fashion.swf
5: Imagen de fondo
Si lo borran tendrán un fondo negro, como no queda muy estético (o sea bonito) cree una imagen para el fondo (tiene mi nombre porque esta personalizado) la deje por default por dos cosas: una para que no les quede el fondo negro y dos me costo mucho trabajo este post me merezco un poco del credito je. Pero si la quieren reemplazar solo creen una imagen con las dimensiones 427px × 311px y subanla a cualquier servidor reemplacen la dirección y listo
6: Link a pantalla completa
Aca presten atención! el link a pantalla completa tiene que ser exactamente el mismo codigo de arriba, por lo tanto si modifican algo arriba también háganlo abajo (¿se entiende?) si no hacen esto por ejemplo en la pantalla chiquita van a ver un video y en la grande van a ver otro.
Ejemplo: (si sigues al pie de la letra queda algo asi)
PANTALLA COMPLETA
Introducción
Siempre recibo MPs con preguntas de ¿como hago para tener ese reproductor? que les explique etc. por falta de tiempo y paciencia no los contesto porque es medio complejo pero si tenes mínimos conocimientos de códigos vas a entender.
¿Que es este reproductor?
Se llama jwplayer (pagina oficial ) sirve para reproducir videos y música online en paginas html por ejemplo. Pero a mi se me ocurrió meterle mano para adaptarlo a T! con su código BBCoder y quedo bastante bien dentro de todo como se puede ver en el ejemplo.
El código
Les dejo una captura del código del ejemplo y paso a explicarles.
( descargar código de ejemplo en formato txt )
1: Servidor donde se encuentra el reproductor (swf=http://pavlod774.webs.com/player%202/player.swf)
2: Archivo a reproducir (file=http://www.youtube.com/watch?v=8SbUC-UaAxE)
3: Logo personalizado (logo=http://i28.***/ad0lzo.jpg&plugins=logomover-1) INCOMPATIBLE con la nueva versión
4: Skin (skin=http://pavlod774.webs.com/Skin%202/fashion.swf)
5: Imagen de fondo (image=http://i29.***/2n709kg.jpg)
6: Link a pantalla completa (el resto del código alineado al centro)
Crea el tuyo!
Sigan siempre el ejemplo que les di para "personalizarlo" pueden reemplazar cualquier cosa aca les explico como:
1: Servidor donde se encuentra el reproductor
NO TOCAR es el unico que no deben modificar ya que es donde se encuentra alojado el reproductor (server propio)
2: Archivo a reproducir
Pueden ser los siguientes formatos: .flv h.264/mpge-4 .mp3 y por supuesto videos de youtube (también puede reproducir desde otros servidores como metacafe pero no he probado) solo basta con reemplazar la dirección del video
3: Logo personalizado
Pueden borrar esa linea de código ya que actualmente es incompatible con la nueva versión yo lo use mucho pero en la nueva versión no funciona. Tendrán que esperar.
Si quieren usar de todas formas un logotipo pueden usar una versión vieja del reproductor con cambiar esta linea de código swf=http://pavlod774.webs.com/player%202/player.swf por esta: swf=http://pavlod774.webs.com/player/player.swf y después de eso crear una imagen y cambiarla en esta linea: logo=http://i28.***/ad0lzo.jpg
y les queda así:
PANTALLA COMPLETA
4: Skin
Esto es lo mejor ya que le pueden dar cualquier apariencia a su reproductor. Si borran esta linea tendrán un skin por default que es común y simple (muchas veces mejor que estos que son lindos) pero si lo quieren reemplazar solo deben copiar la dirección del skin elegido (servidor propio) no garantizo el funcionamiento al 100% de cada uno ya que por falta de tiempo no los probe:
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/metarby10/metarby10.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/snel/snel/snel.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/playcasso/playcasso/playcasso.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/grungetape/grungetape/grungetape.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/comet/comet.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/atomicred/atomicred.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/pearlized/pearlized.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/traganja/traganja.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/festival/festival.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/chelseaskin(2)/chelseaSkin/chelseaskin.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/neon/neon.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/magma/magma.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/seawave/seawave/seawave.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/icecreamsneaka/icecreamsneaka.swf
http://pavlod774.webs.com/skins%20by%20pavlod77%20para%20taringa/pixelize/pixelize.swf
este es el del ejemplo (default) http://pavlod774.webs.com/Skin%202/fashion.swf
5: Imagen de fondo
Si lo borran tendrán un fondo negro, como no queda muy estético (o sea bonito) cree una imagen para el fondo (tiene mi nombre porque esta personalizado) la deje por default por dos cosas: una para que no les quede el fondo negro y dos me costo mucho trabajo este post me merezco un poco del credito je. Pero si la quieren reemplazar solo creen una imagen con las dimensiones 427px × 311px y subanla a cualquier servidor reemplacen la dirección y listo
6: Link a pantalla completa
Aca presten atención! el link a pantalla completa tiene que ser exactamente el mismo codigo de arriba, por lo tanto si modifican algo arriba también háganlo abajo (¿se entiende?) si no hacen esto por ejemplo en la pantalla chiquita van a ver un video y en la grande van a ver otro.