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>

То что нужно, спасибо.