Linwind

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.

Publicado el 8 de noviembre, 2011

Mooplay para personalizar el reproductor de HTML5
Publicado el 12 Dic 2010

SublimeVideo, un Reproductor de Vídeo para HTML5
Publicado el 03 Feb 2010

Youtube explica por qué prefiere Flash a HTML5
Publicado el 01 Jul 2010

Animated Lyrics – HTML5 empieza a mostrar su potencial
Publicado el 12 Mar 2010

7 Comentarios

  1. Armando dice:

    Amigo y como se puede descargar un video que está en JW Player?

    • Marcos dice:

      Existen aplicaciones o extensiones para navegadores como puede ser http://www.chromeextensions.org/utilities/flash-video-download/ que permiten descargar vídeos desde las páginas web.

      Es sencillo de utilizar, prueba a ver si te sirve para lo que buscas.

  2. Armando dice:

    Gracias por tu recomendación Marcos.. Entré en esa página y lo descargué pero no me funciona.. sabrás de otra opción que si permita descargar estos videos?

    • Marcos dice:

      Si el vídeo está en formato MP4 tendrás que usar esta otra aplicación: https://chrome.google.com/webstore/detail/lfmhcpmkbdkbgbmkjoiopeeegenkdikp?hl=es . Si buscas en Google Chrome puedes encontrar muchas otras alternativas para este navegador que seguro que te puede ser de utilidad: https://chrome.google.com/webstore/search/downloads%20video?hl=es

  3. luis dice:

    y donde esta lo de personalizar?

  4. alejandro dice:

    como se cual es la libreria mas nueva o como actualizo mi jwplayer en mi pagina web? (urgente!)

  5. jose luis dice:

    hola, que programa debo bajar para poder bajara a mi computadora un video en ese formato?
    Gracias

Dejar un comentario


Actualidad Windows Linux Juegos Redes Sociales Utilidades Telefonía Movil Micropost