Показать сообщение отдельно
  #4 (permalink)  
Старый 18.12.2018, 11:10
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<audio src="https://nvdx.ru/vega.mp3" /></audio>
	<div class="labelAud">
			<img alt="play" class="play">
			<img alt="pause" class="pause">
		</div>

	<audio src="https://nvdx.ru/vega.mp3" /></audio>
	<div class="labelAud">
		<img alt="play" class="play">
		<img alt="pause" class="pause">
	</div>

	<script>
		var aud = document.querySelectorAll('audio'),
			labelAud = document.querySelectorAll('.labelAud');
		labelAud.forEach((el,i) => el.onclick = e => {
			if (e.target.matches('.play')) aud[i].play();
			else if (e.target.matches('.pause')) aud[i].pause();
		});

	</script>
Ответить с цитированием