Puedes ver este espectacular reproductor multimedia trabajando mediante el siguiente ejemplo:
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">Guarda los cambios y listo.
</script>
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">Reemplaza el texto destacado por el documento que deseas insertar en el reproductor y previsualiza los cambios para comprobar si está funcionando correctamente.
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>
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í.
Publicar un comentario