GOT IT!!
OK all, I really DON'T want to have to download another extension for this. So, I have some script that works well!!
If you go to Mamun's page he created in his post above and then type this into the Javascript field, a JS call in conjunction with the HTML5 Audio elements works fanastically!
On our website we use Joomshaper Indigo template, so I pasted this code into the "Custom Javascript" area under template edit and it works perfectly stopping audio as you play the next one - hope this helps
var curPlaying;
window.addEventListener("play", function(evt)
{
if(window.$_currentlyPlaying && window.$_currentlyPlaying != evt.target)
{
window.$_currentlyPlaying.pause();
}
window.$_currentlyPlaying = evt.target;
}, true);
$(function () {
$(".playback").click(function (e) {
e.preventDefault();
var song = $(this).next('audio')[0];
if (song.paused) {
if (curPlaying) {
$("audio", "#" + curPlaying)[0].pause();
}
song.play();
curPlaying = $(this).parent()[0].id;
} else {
song.pause();
curPlaying = null;
}
});
});
The following reduced JS also works fine!
window.addEventListener("play", function(evt)
{
if(window.$_currentlyPlaying && window.$_currentlyPlaying != evt.target)
{
window.$_currentlyPlaying.pause();
}
window.$_currentlyPlaying = evt.target;
}, true);