Medioelement.js Più video sulla stessa pagina?

Question

Sto cercando di inserire più video su una pagina, tuttavia quando clicco su uno per giocare, giocano tutti?Qualcun altro ha sperimentato questo?

ecco uno snippet del codice 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

C'è un'opzione disponibile per disabilitare questo comportamento che è denominato 'PauseOtherPlayers', impostandolo su false ti consentirà di riprodurre più video contemporaneamente.

Ho adattato il tuo codice esempio:

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

.

Answer 2

Questo perché il tuo selettore jQuery seleziona Tutti i video sulla pagina.Vuoi qualcosa di più specifico come:

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


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

.