MediaElement.js stops other players if another starts - html

Question

I am using MediaElement.js and need other players to stop playing if another is starts.
This question has been asked before but I am a little confused as to how to apply this code.
I have seen others had solved this and had it working by using the following in jQuery:
$('video,audio').each(function() {
$(this)[0].pause();
});
Where should I put this code? Or where exactly in the jquery.js file should I put it? I can't get it to work.
I need my other players to stop playing if another starts.

Answer 1

/*new MediaElementPlayer('.player_1', {success: function(media, node, player) {
// this will be undefined since it's the player with buttons
alert(player.paused);
// this will be a real value since it's the underlying mediaelement
alert(media.paused);
}
});*/
$(document).ready(function() {
$('audio').mediaelementplayer({
alwaysShowControls: true,
features: ['playpause','volume','progress'],
audioVolume: 'horizontal'
//audioWidth: 400,
//audioHeight: 120
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://mediaelementjs.com/js/mejs-2.8.2/mediaelement-and-player.min.js"></script>
<link href="http://mediaelementjs.com/js/mejs-2.8.2/mediaelementplayer.min.css" rel="stylesheet"/>
<audio src="http://mediaelementjs.com/media/AirReview-Landmarks-02-ChasingCorporate.mp3" class="player_1"></audio>
<audio src="http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3" class="player_2"></audio>