medielement.js Videos múltiples en la misma página?
-
12-11-2019 - |
Pregunta
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();
})
});
Solución
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();
}
});
Otros consejos
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();
}
});