viernes, 21 de octubre de 2011

Usar JW Player en Blogger

JW Player es un reproductor alternativo de vídeos, música, imágenes, etc con el que podremos hacer embed de contenido multimedia de manera sencilla. Es un reproductor skinneable, permite plugins y además es OpenSource.


Puedes ver este espectacular reproductor multimedia trabajando mediante el siguiente ejemplo:


Texto para reemplazar



El Tutorial:

Paso 1: Instalando el script del reproductor:

En "Diseño | Edición HTML" deberás buscar la siguiente línea:

</head>
Sobre ésta pega el siguiente código:
<script src="http://archivos.ayuda-bloggers.info/Scripts%20Recuperados/JS%20Player/jwplayer.js" type="text/javascript">
</script>
Guarda los cambios y listo.

Paso 2: Insertando un vídeo, imagen u otro archivo multimedia:

Ahora en la "Edición de HTML" de una entrada deberás pegar el siguiente código:

<div id="mediaspace">
Texto para reemplazar</div>
<script type="text/javascript">
  jwplayer('mediaspace').setup({
    'flashplayer': 'http://archivos.ayuda-bloggers.info/Scripts%20Recuperados/JS%20Player/player.swf,
    'file': 'URL-ARCHIVO',
    'controlbar': 'bottom',
    'width': '470',
    'height': '320'
  });
</script>
Reemplaza el texto destacado por el documento que deseas insertar en el reproductor y previsualiza los cambios para comprobar si está funcionando correctamente.

Para aumentar o disminuir el tamaño del reproductor edita los valores width y height por el ancho y el alto respectivamente.

Extra: Otras configuraciones:

El reproductor como dije anteriormente permite skins, plugins, etc. Para obtener un código elaborado para distintas configuraciones puedes utilizar el asistente de configuración de JW Player el cual es muy sencillo de utilizar.

También puedes visitar los siguientes enlaces para obtener material gratuito para este reproductor:
Visita la página oficial de JW Player aquí.

    No hay comentarios:

    Publicar un comentario