MediaElement.js stops all players

Question

I have been playing with MediaElement.js for a long time and have a new application that uses 20 players on one page. I would like the songs to stop when the other played, and so that they do not overlap the tracks during the game. I can't find an easy way to hack this - maybe someone knows about the way?

Thank.

Answer 1

In jQuery you can do

$('video,audio').each(function() {
      $(this)[0].pause();
});

Let me know if this works.

Answer 2

Quick and dirty;)

$(".mejs-play").live('click',function(){
  $(".mejs-pause").trigger('click');                              
});

Answer 3

MediaElement.js "mejs", "", , . mep_0, mep_1 ..

/lodash, -

_.each(mejs.players, function(player) {
    player.media.stop();
});

js, ""

for (var player in mejs.players) {
    mejs.players[player].media.stop();
}

Answer 4

The easiest one I found with jQuery:

$('video,audio').trigger('pause');

One liner to win! It also avoids JS errorssince it does not directly target elements, thanks to jQuery.