mediaeenment.js plusieurs vidéos sur la même page?

Question

J'essaie de mettre plusieurs vidéos sur une page, mais lorsque je clique sur un pour jouer, ils jouent tous? Quelqu'un d'autre a-t-il vécu cela?

Voici un extrait du code que j'utilise

$("video,audio").mediaelementplayer({
    success: function (player, node) {
        player.pause();
    }
});

$('.mag_video .overlay_exit, .mag_video .overlay_bg').live('click', function () {
    var _this = this;
    $("video,audio").each(function () {
        $(this)[0].player.pause();
    })
});

Answer 1

Il existe une option disponible pour désactiver ce comportement qui est nommé «Pauseotherplayers», le définir sur FALSE vous permettra de lire plusieurs vidéos en même temps.

J'ai adapté votre code d'exemple:

$("video,audio").mediaelementplayer({
    pauseOtherPlayers: false,
    success: function (player, node) {
      player.pause();
     }
});

Answer 2

C'est parce que votre sélecteur jQuery sélectionne tout vidéos sur la page. Vous voulez quelque chose de plus spécifique comme:

$('#video1').mediaelementplayer({
    success: function (player, node) {
        player.pause();
    }
});


$('#video2').mediaelementplayer({
    success: function (player, node) {
        player.pause();
    }
});