-->
Usar JW Player en Blogger

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í.
    Artículo aleatorio
    BuySellAds
    BuySellAds
    BuySellAds
    BuySellAds
    BuySellAds
    Artículos destacados
    Caja con mensaje para el lector en Blogger # - Caja con mensaje para el lector en Blogger
    Tipografías (Fuentes) estándar para usar en Blogger # - Tipografías (Fuentes) estándar para usar en Blogger
    Firma en los comentarios del Administrador en Blogger # - Firma en los comentarios del Administrador en Blogger
    Fondos semitransparentes en Blogger # - Fondos semitransparentes en Blogger
    Paginación para Blogger (Alternativa) # - Paginación para Blogger (Alternativa)