JWPlayer, personaliza tu reproductor fácilmente en HTML5 o Flash

JWPlayer es uno de los reproductores más usados en los diferentes portales que nos encontramos por Internet, gran parte de este éxito se debe a que es muy fácil su personalización y existen gran variedad de plugin y extensiones para los CMS más conocidos que nos podemos encontrar.

Este reproductor tiene otra peculiaridad muy importante para el momento en el que nos encontramos y es que tiene soporte para HTML5 manteniendo gran parte de las características que nos encontramos en su versión Flash. Además podemos usar la versión que más nos interese dependiendo de si el navegador tiene soporte para esta tecnología o no.

Otra de las características a mi parecer que podemos encontrar en JWPlayer es que nos permite introducir listas en el reproducir así como movernos por ellas y mostrarlas donde nos interese con gran facilidad.

jwplayer

Como poner JWPlayer en nuestra página web:

El primer paso es poner en la cabecera de nuestra página web el javascript que podemos descargarnos desde longtailvideo de forma gratuita, tendríamos que ponerlo de la siguiente manera:

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

El siguiente paso es poner la etiqueta en el cuerpo html donde queramos mostrar el reproductor:

<div id="reproductor"></div>

Finalmente especificaremos las características de la siguiente manera:

<script type="text/javascript">
  jwplayer('reproductor').setup({
    'id': 'reproductor',
    'width': '480',
    'height': '270',
    'levels': [
       {
           'file': '/video/ejemplo.mp4'
       },
       {
           'file': '/video/ejemplo.webm'
       }
    ],
    'image': '/thumbs/ejemplo.jpg',
    'skin': '/skins/skinpersonalizable.zip',
    'controlbar': 'over',
    'modes': [
        {type: 'html5'},
        {type: 'flash', src: 'player.swf'}
    ]
  });
</script>

Los formatos soportados los podeis encontrar en este listado, pero podeis encontrar toda la información en JWPlayer para Flash y HTML5.

Puedes hacer para continuar leyendo o ¡Puedes dejar un comentario en respuesta al artículo aquí!


Mooplay para personalizar el reproductor de HTML5
Mooplay para personalizar el reproductor de HTML5
SublimeVideo, un Reproductor de Vídeo para HTML5
SublimeVideo, un Reproductor de Vídeo para HTML5
Youtube explica por qué prefiere Flash a HTML5
Youtube explica por qué prefiere Flash a HTML5


Artículos relacionados

Animated Lyrics – HTML5 empieza a mostrar su potencial
Animated Lyrics – HTML5 empieza a mostrar su potencial
Con Droptunes puedes escuchar música que guardes en Dropbox
Con Droptunes puedes escuchar música que guardes en Dropbox
Incrustar vídeos en HTML5 de Youtube
Incrustar vídeos en HTML5 de Youtube
Con Adobe CS5 podrás exportar Flash a HTML5
Con Adobe CS5 podrás exportar Flash a HTML5