Si problème d'affichage lecteur, cliquer  ICI.

Le Lecteur vidéo JwPlayer est un lecteur codé en javascript, compatible tous formats. MP4, FLV mais aussi des fichiers audio MP3 etc....C'est donc un lecteur universel audio/video pour site web, sur support PC, tablette, smartphone. Ci-dessus le lecteur réduit en simple lecteur MP3. Et ci-dessous le lecteur version vidéo avec un fichier MP4.....et ça roule !!! Testez-le sur votre tablette et smartphone (cliquer sur la version mobile tout en bas de la page).
Voici les liens qu'on retrouve sur les mobiles (cliquer dessus) :

http://gmz.ek.la/?noajax&mobile=1 >>> Version "mobile épurée" (sans Thème CSS)
http://gmz.ek.la/?noajax&mobile=0 >>> Version standard pour mobiles (Thème CCS du blog)

Installation du Lecteur JwPlayer

1- Fichier jwplayer.js

Dans un premier temps, il faut télécharger le fichier JS du lecteur.
Rendez-vous sur le site JwPlayer site, inscrivez-vous et recevez par mail les fichiers.....
Ou bien, autre méthode, ouvrir ce lien : 

http://ekladata.com/a6vqpPqFJ_oS_Rr1bxCHeLPmtvM/jwplayer.js

Sélectionner tout le code (ctrl+a)
Copier le code (ctrl+c)
Dans un éditeur de texte (Notepad++, bloc-notes, etc...), coller le code (ctrl+v).
Enregistrer sous le nom de jwplayer en ajoutant l'extension ".js", sur votre bureau.
On obtient le fichier: jwplayer.js
Sur votre blog, via Gestion des fichiers (voir img), créer un dossier: jwplayer
Ouvrir ce dossier et télécharger dedans, le fichier jwplayer.js .
Une fois télécharger, ouvrir ce fichier et copier l'adresse (URL) de la barre de navigation.
Pour ce blog on obtient:

http://ekladata.com/a6vqpPqFJ_oS_Rr1bxCHeLPmtvM/jwplayer.js

2 - Placer le lecteur dans un article

IMPORTANT : Javascript doit être activé sur votre blog
Pour insérer le lecteur JwPlayer dans un article, une page, ou un module simple, on place cette ligne de code ci-dessous en début d'article.(mode source <>)
Ne pas oublier de modifier l'adresse src (URL)du fichier jwplayer.js , par votre propre URL (copiée dans la barre navigateur un peu + haut....)
Ce code va charger le fichier jwplayer :

<script src="http://ekladata.com/a6vqpPqFJ_oS_Rr1bxCHeLPmtvM/jwplayer.js" type="mce-no/type"></script>

Ensuite insérer le code setup du lecteur qui va le paramétrer  (type de fichier à lire, image intro, largeur, etc..)

Code setup du lecteur (javascript) :

<script>// <![CDATA[
jwplayer("myElement").setup({
        file: "http://ekladata.com/nZhBLmq7OCV7Mng14lssUPpUQaU/amily-of-the-ear-ero-oyhood.mp3",
        image: "",
        width: 250,
        logo: {
        file: '',
        link: ''
    },
        height: 30
    });
// ]]></script>

Dans ce code on distingue différents éléments:
file: "URL fichier MP3",      >>>      Url du fichier audio MP3 qui va être joué par le lecteur
width: 250,                      >>>      Largeur du lecteur (en px)
height: 30                         >>>      Hauteur du lecteur (en px)
Pour une lecture automatique, on ajoute entre width et height la ligne:
autostart: true,

On remarque le nom du lecteur: "myElement". Pour ajouter d'autres lecteurs sur une même page, le nom doit être différent, ex:"myElement2", "myElement3", etc...

Enfin un petit code html pour lancer le lecteur....
Code HTML du lecteur :

<div id="myElement">Chargement video.....</div>

Exemple concret du lecteur JwPlayer en mode audio MP3 (codes complets, JS + HTML)

<!------------------Codes-Lecteurs-JwPlayer-JS-HTML-mode-audio-MP3----------------->

<script src="http://ekladata.com/a6vqpPqFJ_oS_Rr1bxCHeLPmtvM/jwplayer.js" type="mce-no/type"></script>
<script>// <![CDATA[
jwplayer("myElement").setup({
        file: "http://ekladata.com/nZhBLmq7OCV7Mng14lssUPpUQaU/amily-of-the-ear-ero-oyhood.mp3",
        image: "",
        width: 250,
        logo: {
        file: '',
        link: ''
    },
        height: 30
    });
// ]]></script>
<div id="myElement">Chargement video.....</div>

Insérer ce code pour chaque lecteur, en changeant le nom "myElement" dans la partie JS et HTML.
Pour vos questions, utiliser les commentaires ci-dessous.

http://doc.eklablog.com/blog-eklablog-avec-musique-sur-smartphone-topic132896