kolhoz,
переписал по нормальному.
<audio src="https://nvdx.ru/vega.mp3" /></audio>
<audio src="https://nvdx.ru/vega.mp3" /></audio>
<script>
var img = {
play: 'play.jpg', //путь к изображению
pause: 'pause.jpg' //путь к изображению
};
var aud = document.querySelectorAll('audio');
aud.forEach(el => el.insertAdjacentHTML('afterend', '<img alt="play" class="labelAud" src="' + img.play + '">'));
new Image().src = img.pause;
var labelAud = document.querySelectorAll('.labelAud'),
play = function (i) {
aud[i].play();
labelAud[i].src = img.pause;
labelAud[i].alt = 'pause';
},
pause = function (i) {
aud[i].pause();
labelAud[i].src = img.play;
labelAud[i].alt = 'play';
}, ind = null;
[].forEach.call(labelAud, function (el, i) {
el.onclick = function () {
if (ind != null && ind != i && !aud[ind].paused) pause(ind);
aud[i].paused ? play(i):pause(i);
ind = i;
};
aud[i].onended = function () {
pause(i);
ind = null;
};
});
</script>