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

ClaudiusR Messages postés 8 Date d'inscription Statut Membre Dernière intervention -
ElementW Messages postés 4814 Date d'inscription Statut Contributeur Dernière intervention - 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,

Afficher la suite

A voir également:

Problème lecture plusieurs videos mp4 dans le même lecteur media
Lecteur windows media - Télécharger - Lecture
Media creation tool - Télécharger - Systèmes d'exploitation
Singe mp4 - Télécharger - TV & Vidéo
Lecture epub sur pc - Guide
Codec mp4 - Télécharger - Conversion & Codecs

5 réponses

Réponse 1 / 5

ElementW Messages postés 4814 Date d'inscription Statut Contributeur Dernière intervention 1 223

'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 Statut Membre Dernière intervention

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

ElementW Messages postés 4814 Date d'inscription Statut Contributeur Dernière intervention 1 223 > ClaudiusR Messages postés 8 Date d'inscription Statut Membre Dernière intervention

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 Statut Membre Dernière intervention

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 Statut Membre Dernière intervention

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 4814 Date d'inscription Statut Contributeur Dernière intervention 1 223

Au même endroit que ta fonction

change_video

existante, en la remplaçant...

ClaudiusR Messages postés 8 Date d'inscription Statut Membre Dernière intervention > ElementW Messages postés 4814 Date d'inscription Statut Contributeur Dernière intervention

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

ElementW Messages postés 4814 Date d'inscription Statut Contributeur Dernière intervention 1 223 > ClaudiusR Messages postés 8 Date d'inscription Statut Membre Dernière intervention

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

Réponse 4 / 5

ClaudiusR Messages postés 8 Date d'inscription Statut Membre Dernière intervention

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 4814 Date d'inscription Statut Contributeur Dernière intervention 1 223

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 Statut Membre Dernière intervention

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 4814 Date d'inscription Statut Contributeur Dernière intervention 1 223

À moi la faute, il faut remplacer

player

par

lecteur

dans

change_video

, j'ai copié collé trop vite.

Discussions similaires

Snap média chargé

Comment envoyer un Snap violet avec ses vidéos ?

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

Votre réponse

Discussions similaires