Plusieurs joueurs avec JW Player?

Question

Essayer d'implémenter plusieurs lecteurs avec JW Player. ive essayé quelques façons et regarda les docs mais je ne sais pas trop pourquoi le code est en train de se briser.

extraits de code ci-dessous:

En tête:

<script type='text/javascript' src='/jwplayer/jwplayer.js'></script> 

JS:

$('video').jwplayer({ 
     flashplayer: '/jwplayer/player.swf', 
     controlbar: 'none', 
     stretching: 'fill', 
     height: 120, 
     width: 120 
    }); 

HTML:

<video id="video" src="/media/original/original-video.mp4">Loading Video ...</video> 

L'erreur que je reçois est:

$("video").jwplayer is not a function 

Maintenant, je pensais que cela signifiait le fichier jwplayer.js n'a pas été en cours de chargement. alors je lis peut-être son parce que le raccourci $ n'est pas ramassé donc j'ai essayé jQuery. Aucun n'a travaillé. Cependant quand je change le javascript pour qu'il joue une seule vidéo par exemple:

jwplayer('video').setup({ 
     flashplayer: '/jwplayer/player.swf', 
     controlbar: 'none', 
     stretching: 'fill', 
     height: 120, 
     width: 120 
    }); 

Le code fonctionne réellement. Cependant, cela nécessite que toutes mes balises vidéo aient le même identifiant. Ce que je ne peux pas faire comme je veux plusieurs joueurs.

Toute aide serait vraiment appréciée. Un exemple serait encore mieux! Merci d'avoir lu.

Answer 1

J'ai trouvé la réponse. C'était simple à! juste eu à ajouter dans une jQuery each() de sorte que chaque étiquette a été initialisé :)

Hope this helps quelqu'un d'autre:

$('video').each(function(){ 
    jwplayer(this.id).setup({ 
     flashplayer: '/jwplayer/player.swf', 
     controlbar: 'none', 
     height: 120, 
     width: 120  
    }); 
});