Problème lecture plusieurs videos mp4 dans le même lecteur media

Fermé

ClaudiusR Messages postés 8 Date d'inscription dimanche 3 juillet 2016 Statut Membre Dernière intervention 5 août 2016 - 3 juil. 2016 à 17:43
ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 - 5 août 2016 à 21:55

J'ai créé une fonction qui lit des vidéos dans le même lecteur html5(john Dyer mediaelement player). Elle fonctionne parfaitement sur mon ordinateur, à chaque click de souris à l'endroit approprié, la vidéo change et se lit normalement Sur un navigateur internet, la 1ère vidéo se lit normalement, mais il faut cliquer plusieurs fois pour lire une autre vidéo, et au fur et à mesure le lecteur ralentit fortement et se bloque.
Voici la fonction:
function change_video(src) {
document.getElementById('FLVPlayer').defaultValue
var Mavideo="<video id='FLVPlayer' class='mejs-container mejs-wmp' width='555' height='309' type='video/mp4' src='"+src+".mp4' poster='images/Poster.png' controls preload='none' autoplay Loop> </video>";
document.getElementById('FLVPlayer').innerHTML=Mavideo;
$('video,audio').mediaelementplayer();
}

A voir sur le site:
http://www.cdf-dignelesbains.fr/accueil2016.html

Quelqu'un peut-il me rectifier cette fonction?
Merci,

A voir également:

Problème lecture plusieurs videos mp4 dans le même lecteur media
Telecharger lecteur windows media - Télécharger - Lecture
Singe mp4 - Télécharger - TV & Vidéo
Lecteur video pc - Guide
Confirmation de lecture whatsapp - Guide
Media creation tool - Télécharger - Systèmes d'exploitation

5 réponses

Réponse 1 / 5

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225
Modifié par gravgun le 3/07/2016 à 19:06

'lut
Tu recréées le lecteur en entier à chaque fois (bien qu'en supprimant les éléments dans l'arbre DOM du précédent, le coté JavaScript reste en mémoire).

Crées plutôt le lecteur une unique fois depuis zéro, puis demandes-lui de changer certaines propriétés après:

var lecteur;

function change_video(src) {
    player.pause();
    player.setSrc(src + '.mp4');
    player.play();
} 

window.addEventListener('load', function() {
    lecteur = new MediaElementPlayer('#FLVPlayer', {
        loop: true
    });
    change_video( ICI URL DE LA 1ere VIDEO );
});

from human import idiocy
del idiocy

ClaudiusR Messages postés 8 Date d'inscription dimanche 3 juillet 2016 Statut Membre Dernière intervention 5 août 2016
17 juil. 2016 à 16:43

Merci pour vôtre réponse, mais je n'arrive pas à faire exécuter la fonction.

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225 > ClaudiusR Messages postés 8 Date d'inscription dimanche 3 juillet 2016 Statut Membre Dernière intervention 5 août 2016
19 juil. 2016 à 19:00

je n'arrive pas à faire exécuter la fonction

Pas très descriptif... Que se passe-t-il ? Que dit la console JavaScript ?

Réponse 2 / 5

ClaudiusR Messages postés 8 Date d'inscription dimanche 3 juillet 2016 Statut Membre Dernière intervention 5 août 2016
25 juil. 2016 à 15:19

Bonjour,
Encore merci.
Rien ne se passe lorsque j'exécute la fonction.
A bientôt...,

Réponse 3 / 5

ClaudiusR Messages postés 8 Date d'inscription dimanche 3 juillet 2016 Statut Membre Dernière intervention 5 août 2016
25 juil. 2016 à 15:27

Rebonjour,
En fait, où dois-je placer ces lignes code:

window.addEventListener('load', function() {
lecteur = new MediaElementPlayer('#FLVPlayer', {
loop: true
});
change_video( ICI URL DE LA 1ere VIDEO );
});

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225
25 juil. 2016 à 19:34

Au même endroit que ta fonction

change_video

existante, en la remplaçant...

ClaudiusR Messages postés 8 Date d'inscription dimanche 3 juillet 2016 Statut Membre Dernière intervention 5 août 2016 > ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021
4 août 2016 à 15:36

Bonjour,
Rien ne se passe lorsque j'exécute la fonction, aucune vidéo ne se charge.
Merci pour votre réponse.

Que dit la console JavaScript ? (F12 sur Chrom[e/ium]/Firefox)

Réponse 4 / 5

ClaudiusR Messages postés 8 Date d'inscription dimanche 3 juillet 2016 Statut Membre Dernière intervention 5 août 2016
4 août 2016 à 23:02

Réponse Console Javascript:
[cycle2] --c2 init--
jquery.cycle2.js:608 [cycle2] speed: 2000 (number)
jquery.cycle2.js:608 [cycle2] timeout: 5000 (number)
jquery.cycle2.js:608 [cycle2] fx: fadeout (string)
accueil2016.html:61 Uncaught ReferenceError: Videos is not defined(anonymous function) @ accueil2016.html:61

Le code dans le head:
var lecteur;

function change_video(src) {
player.pause();
player.setSrc(src + '.mp4');
player.play();
}

window.addEventListener('load', function() {
lecteur = new MediaElementPlayer('#FLVPlayer', {
loop: true
});
change_video(Videos/IntroWeb);
});

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225
5 août 2016 à 11:49

Tu as oublié les guillemets (simples

ou doubles

) avant et après

Videos/IntroWeb

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

ClaudiusR Messages postés 8 Date d'inscription dimanche 3 juillet 2016 Statut Membre Dernière intervention 5 août 2016
5 août 2016 à 13:49

Bonjour gravgun,
J'ai bien ajouté les guillemets, mais toujours pas de lecture vidéo.
j'ai aussi essayé de mettre l'URL complet à partie du site, a savoir:
('http://www.cdf-dignelesbains.fr/Videos/IntroWeb')
Ci-dessous réponse de la console Javascript:
[cycle2] --c2 init--
jquery.cycle2.js:608 [cycle2] speed: 2000 (number)
jquery.cycle2.js:608 [cycle2] timeout: 5000 (number)
jquery.cycle2.js:608 [cycle2] fx: fadeout (string)
accueil2016.html:52 Uncaught ReferenceError: player is not defined
merci et à bientôt,

ElementW Messages postés 4816 Date d'inscription dimanche 12 juin 2011 Statut Contributeur Dernière intervention 5 octobre 2021 1 225
5 août 2016 à 21:55

À moi la faute, il faut remplacer

player

par

lecteur

dans

change_video

, j'ai copié collé trop vite.

Discussions similaires

Tubidy télécharger gratuitement des vidéos sur Youtube ou Myspace

Erreur de lecture sur iptv smarters

Message "Un bloqueur de publicité empêche la lecture..."

PXE-E61 : media test failure, check cable

Discussions similaires

Newsletters