mediaelement.js Несколько видеороликов на одной странице?

Question

Я пытаюсь поместить несколько видеороликов на страницу, однако, когда я нажимаю на нее, чтобы играть, все они играют? Кто-нибудь еще испытал это?

Heres фрагмент кода им с помощью

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

Существует возможность доступна отключить этот режим, который называется «pauseOtherPlayers», установив его на ложь, позволит вам играть несколько видео одновременно.

Я приспособил свой код Exemple:

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

Answer 2

Это потому, что ваш селектор JQuery выбирает все видео на этой странице. Вы хотите что-то более конкретное, например:

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


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