mediaelement.js Più video sulla stessa pagina?

Question

Sto provando a mettere più video su una pagina, ma quando clicco su uno per giocare, tutti giocano? Qualcun altro ha sperimentato questo?

Ecco un frammento di codice im utilizzando

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

V'è un'opzione disponibile per disattivare questo comportamento che è chiamato 'pauseOtherPlayers', impostandola su false vi permetterà di giocare più video contemporaneamente.

ho adattato il codice Esempio:

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

Answer 2

Questo è perché il vostro selettore jQuery è la selezione tutti video sulla pagina. Volete qualcosa di più specifico come:

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


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