mediaelement.js Vários vídeos na mesma página?

Question

Eu estou tentando colocar vários vídeos em uma página, porém quando eu click para jogar, todos eles jogar?Tem mais alguém experimentou isso?

Aqui está um trecho do código im usando

$("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

Existe disponível uma opção para desabilitar este comportamento que é chamado de 'pauseOtherPlayers', definindo-a como false irá permitir que você jogue vários vídeos ao mesmo tempo.

Eu adaptei o seu exemplo de código :

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

Answer 2

Isso porque o seletor do jQuery é a seleção de todos vídeos na página.Você quer algo mais específico, como:

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


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