Как сделать кнопку проигрывания аудио без панели управления?

[nikki4]

Сейчас стоит флешкнопка.

Но флеш устарел и потому подлежит замене. Нашел вот такое:

    <audio src=".....mp3"; ?>" controls></audio>

Но он выводит вместе с кнопками звука, времени и прочее. А надо просто - нажал на кнопку-  появился звук. т.е. фактически одна кнопка Play и больше ничего не нужно.

Пробовал убрать слово: controls - но тогда вообще ничего не отображает.

 

ps: нашел вариант решения:

<audio id="audio1" src=".....mp3"></audio>
<button id="play">Play</button>

<script type="text/javascript">	
var audioElement = document.getElementById('audio1');

document.getElementById('play').addEventListener('click', function(){
audioElement.play();
}, false);
</script>	

работает правда, только если 1 кнопка

Edited July 13, 2016 by nikki4

[Switch74]

<audio id="audio" src="..."></audio>
<button onclick="document.getElementById('audio').play()">play</button>

вроде так можно

[by chris]

@nikki4, как вариант. ненавязчивый javascript...

var audio = document.querySelectorAll('audio');

[].forEach.call(audio, function(elem) {
	elem.addEventListener('click', function(e) {
  	e.target.play();
  });
});

 

[nikki4]

Спасибо, работает, так лучше!

Edited July 13, 2016 by nikki4