«

»

feb 09 2012

JW Player, uno de los mejores reproductores web de vídeo y audio y además open source

En la página de www.longtailvideo.com podéis descargaros este reproductor de vídeo opensource que funciona muy bien y sobre todo el mismo código html sirve para que se reproduzcan los vídeos tanto en flash si se tiene flash en el cliente como en HTML5 si trabajamos con dispositivos iOS como el iPhone y el iPad. (incluso se puede forzar a que los vídeos se reproduzcan siempre en HTML5 independientemente de que se tenga flash o no (recordemos que el flash es un “come-cpu” sobre todo en equipos poco potentes. Ahora mismo va por la versión 5.9. Reproduce prácticamente todos los archivos multimedia, aquí tenéis una lista extraída de la web de los formatos que soporta:

Flash Playback Video Formats: H.264 (.mp4, .mov, .f4v), FLV (.flv), 3GPP (.3gp, .3g2), YouTube
Sound Formats: AAC (.aac, .m4a), MP3 (.mp3)
Image Formats: JPEG (.jpg), PNG (.png), GIF (.gif)
HTML5 Playback Video Formats*: H.264 / MP4 (.mp4), VP8 / WebM (.webm), Ogg Theora (.ogv)
Sound Formats*: AAC (.aac, .m4a), MP3 (.mp3), Ogg Vorbis (.ogg)
* Browser dependent
XML Playlists Flash Only: ASX, ATOM with Media extensions, iRSS (RSS feeds with iTunes extensions), XSPF, SMIL
HTML5 & Flash: mRSS (RSS feeds with Media extensions)

Cuando te descargas el reproductor tienes dos posibilidades según pongas un ckeck o no en una selección que pone Include Viral, a video sharing plugin. Sin la opción del viral el reproductor tiene este aspecto


Mientras que si lo seleccionas tienes en el reproductor un menú en el que puedes mandar el vídeo por correo o incluso ver el código para embeber el vídeo

Yo tengo activado un plugin de HD para que los vídeos se reproduzcan por defecto, si lo son, en HD (alta definición). Si el video es HD el vídeo se reproduce en HD (está en negra la opción HD en la parte inferior derecha del vídeo) y si no queremos que se reproduzca en HD pinchamos en ese icono para que se ponga en gris. Si el vídeo no es HD aparecerá siempre en gris este selector


Aquí tenéis un tutorial que he encontrado en youtube de cómo se instala y configura este reproductor, con el estupendo interfaz de jwplayer

Por último aquí tenéis extraído de un artículo que he hecho sobre cómo se hacen listas de reproducción en jwplayer en youtube una playlist en la parte de arriba, de la derecha y de abajo del reproductor. Como véis las posibilidades del plugin sin infinitas.

LISTA DE REPRODUCCION ARRIBA

LISTA DE REPRODUCCION A LA DERECHA

y así sería cómo queda (particularmente a mí es la que más me gusta) la list de reproducción abajo, con un ascensor en la parte derecha del espacio de la playlist si el número de vídeos de la lista no cabe en el espacio de reproducción de la playlist

LISTA DE REPRODUCCIÓN ABAJO


Por último, para que veáis que también reproduce audio (en este caso mp3) aquí tenéis gentileza de www.rtve.es una lista de reproducción de 11 canciones de Nacha Pop que publicaron en su web cuando murió Antonio Vega
PLAYLIST A LA DERECHA. A mí particularmente es la configuración que más me gusta cuando se trata de audio, porque no pasa nada si se reduce el espacio del reproductor. Concretamente la anchura en horizontal de la playlist es 310 pixels, la mitad de los 620 del ancho total del reproductor

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5,00 out of 5)
Loading ... Loading ...

13 comentarios

4 pings

Ir al formulario de comentarios

  1. Pilar Montes Luna

    Muy bueno tu artículo, es de gran ayuda,
    una pregunta ¿cual es el plugin que usas para que se reproduzcan los videos en hd?

    1. juanluis

      El plugin jwplayer tiene en su configuracion una pantalla de plugins. Activas el HD plugin y ya está

  2. Carlos

    Hola,

    quisiera añadir un botón de Menú con el cual se pudiese hacer aparecer una pantalla en el JWPlayer en la cual fuese posible introducir algunos links a los cuales poder saltar. Te agradecería mucho me ayudases en esto.
    Gracias

    Carlos

    1. juanluis

      No sé cómo hacer eso que me comentas

  3. chuy arreola

    Como le puedo hacer para que mis videos los agarre en hd¿¿¿ acabamos de subir 3 cortos en mp4 y se ven de muy mala calidad….acaso me da oportunidad de subirlos en h2.64 o alguna compresion hd??? compre el jw de 99 dolares anuales…necesito asesoria sobre que formatos o compresiones me deja utilizarrrrr…gracias¡¡

    1. juanluis

      Lo único que hay que hacer es que el vídeo sea hd. En la codificación del mp4 se le puede decir que sea HD. Una vez que el vídeo es HD basta tener activado el plugin HD que es gratuito en la versión 5.9 que es la que tengo yo, pero si tu tienes la de pago esta opción de HD la tienes que tener también, porque en la versión 6 pasa a ser de pago la opción HD

  4. juanluis

    Por cierto, el logo del reproductor que aparece al comienzo de los vídeos en versión 5 y luego desaparece en versión 6 se queda permanente si no compras una versión de pago. La verdad es que vamos para atrás en lugar para delante con las nuevas versiones (también entiendo el propósito del desarrollador de vender reproductores…)

  5. helena

    Hola, tengo un problema con el JWplayer, y es que en Safari veo perfectamente el vídeo, pero en el resto de navegadores, no lo reproduce, por que puede ser?
    Te paso el link para que lo veas: http://www.botin.es/tuna/botintv/index.html

  6. Maku

    Gracias por el tutorial, ha sido de gran ayuda para mí, pero utilizando jwplayer me he encontrado con un problema.
    Todos los videos están filmados con la misma cámara, convertidos a .mp4… Unos se ven estupendamente y en otros solo escucho la música. ¿Puedo solucionarlo? ¿que hago mal?

    Gracias por su tiempo

  7. Uróboros

    Buen tutorial (= Me ayudará bastante, por cierto puedo hacer el proceso desde un vídeo en línea? o tengo que te tener descargado el vídeo que quiero reproducir en Jw Player?

    1. juanluis

      Por supuesto que el vídeo puede estar publicado online en una url accesible que tienes que poner en la configuración del reproductor y no hace falta tenerlo descargado

  8. Nahuel

    Buenas, tengo el problema que no me apaece el boton CC (captions), lo que me impide poner subtitulos en paginas como “miratuserie.com” o “cuevana.tv”. Uso google chrome, he probado con otros navegadores, borrado cookies, etc.. No se que mas hacer. Probe en otra pc y me funciona perfectamente. Si alguno me da una mano se lo agradezco.

  9. Antonio

    1buenas.mi.duda.es.la.siguiente quiero sintonizar una estacion se radio en linea por la que se esta transmitiendo con el reprodcutor jdplayer, pero en mi celular androir no se eacucha, quisiera saber si hay algun programa en especial para sintonizar est radio desde mi celular Android.

  1. Las listas de reproducción del plugin jwplayer de wordpress, una estupenda opción para publicar playlists de youtube » Blog panorámico, esférico, gigapixel y HD de Juan Luis Redajo

    [...] vídeos de youtube los publico en la web a través del excelente plugin de wordpres jwplayer. que tiene un interfaz bastante chulo totalmente customizable, que es éste, incluso con la [...]

  2. El concierto de Queen Rock Montreal de 1981 en HD en lista jwplayer

    [...] juntos embebidos en el propio blog a alta definición a través de una lista de reproducción de jwplayer. Logicamente como son 21 canciones, no caben en el espacio de la lista de reproducción y tenéis [...]

  3. Como reproducir vídeos de vimeo con el excelente plugin de wordpress jwplayer

    […] de los mejores plugins de wordpress para reproducir vídeo es jwplayer, como podéis ver en este enlace a un artículo que hice en el blog, aunque yo me  he quedado en la version 5.9 y no he pasado a la 6 porque en su versión gratuita […]

  4. Artículo número 1000 de mi modesto blog en el día de internet: Pequeña recopilación de los contenidos que más exito han tenido

    […] JW Player, uno de los mejores reproductores web de vídeo y audio y además open source | Blog panor… […]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *


× dos = 10

Puedes utilizar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>