Здравствуйте, подскажите пожалуйста: есть несколько кнопок, при нажатии на любую включается речь, если нажать потом на иную кнопку, эта речь становится на паузу и включается другая. Так вот, как сделать, чтобы при нажатии на вторую кнопку, речь от первой не ставилась на паузу, а сбрасывалась, то есть, нажав, она начинается заново - и так всем кнопкам. Сам пытался, не получилось(((
var mypaused = "";
var all_audio = document.getElementsByTagName("audio");
var audio1 = document.getElementById("audio");
document.getElementById("sebut").onclick = function(){
if(mypaused != ""){
document.getElementById(mypaused).play();
mypaused = "";
}else for(i = 0; i < all_audio.length; i ++){
if(!(all_audio[i].paused)){
all_audio[i].pause();
mypaused = all_audio[i].id;
}
}
}
function all_pause(){
for(i = 0; i < all_audio.length; i ++) all_audio[i].pause();
}
<button href="#one" class="goto-next scrolly" onclick="all_pause(); document.getElementById('audio').play(); mypaused = ''" >Начать</button>
<button href="#two" class="goto-next scrolly" onclick="all_pause(); document.getElementById('audio').play(); mypaused = ''" >Next</button>
...
...
...
...
