Здравствуйте! Я написал такой вот код:
<div class="container">
<ul class="actions special">
<li><a href="#one" class="button primary scrolly">
<button href="#one" class="button primary scrolly" onclick="document.getElementById('audio').play()">Начать</button>
</a>
</li>
</ul>
</div>
<audio id="audio">
<source src="audio/1.mp3" type="audio/mpeg" >
</audio>
<audio id="audio2">
<source src="audio/2.mp3" type="audio/mpeg" >
</audio>
<audio id="audio3">
<source src="audio/3.mp3" type="audio/mpeg" >
</audio>
<audio id="audio4">
<source src="audio/3.mp3" type="audio/mpeg" >
</audio>
<button href="#two" class="goto-next scrolly" onclick="document.getElementById('audio2').play()">Next</button>
<button href="#three" class="goto-next scrolly" onclick="document.getElementById('audio3').play()">Next</button>
<button href="#four" class="goto-next scrolly" onclick="document.getElementById('audio4').play()">Next</button>
<div class="fixedbut" id="sebut" ></div>
<script>
document.getElementById("sebut").onclick = function()
{
var audio1 = document.getElementById("audio");
if(audio1.paused == true)
{
document.getElementById("audio").play();
}
else if (audio1.paused == false)
{
document.getElementById("audio").pause();
}
}
</script>
Подскажите пожалуйста, как правильно построить скрипт, чтобы кнопка под айди "sebut" ставила на паузу и снимала с неё любое включенное аудио кнопками Начать и next, и если аудио какой-либо из кнопок Начать или Next уже включено, то при нажатии на их подобную оно останавливалось и начиналось другое.
P.S. "sebut" - постоянная кнопка, висит в углу экрана)