medielement.js Videos múltiples en la misma página?

Question

Estoy tratando de poner varios videos en una página, sin embargo, cuando hago clic en uno para jugar, todos juegan?¿Alguien más ha experimentado esto?

Heres un fragmento de 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

Hay una opción disponible para deshabilitar este comportamiento que se llama 'pauseothotplayers', configurarlo a FALSE le permitirá reproducir varios videos al mismo tiempo.

Adaptué su exemple código:

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

Answer 2

Esto se debe a que su selector de jQuery está seleccionando todos los videos en la página.Quieres algo más específico como:

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


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