En esta funcion lo unico que tienes que hacer es copiarla directamente a cualquier archivo js y linkearlo con tu html con una etiqueta script o simplemente agregar este codigo dentro de la etiqueta script. El play
apunta a la funcion ejecutada por tu html de los controles de audio y el audio
a la etiqueta.
document.addEventListener(
"play",
function(e) {
var audios = document.getElementsByTagName("audio");
for (var i = 0, len = audios.length; i < len; i++) {
if (audios[i] != e.target) {
audios[i].pause();
}
}
},
true
);
Con JQuery tendrias que hacerlo de la siguiente forma pero en lo personal no lo recomiendo.
allAudioEls = $('audio');
function pauseAllAudio() {
allAudioEls.each(function() {
var a = $(this).get(0);
a.pause();
});
}
Si no te funcione intenta agregar los audio de la siguiente forma y usa exactamente esa misma funcion.
<audio src="audio.mp3" controls></audio>