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
    Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
    Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
    Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
    Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger
    Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger