Показать сообщение отдельно
  #1 (permalink)  
Старый 23.12.2019, 16:34
Новичок на форуме
Отправить личное сообщение для VolKTieR Посмотреть профиль Найти все сообщения от VolKTieR
 
Регистрация: 19.12.2019
Сообщений: 4

Кнопка нажатия/отжатия паузы для нескольких аудио
Здравствуйте! Я написал такой вот код:
<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" - постоянная кнопка, висит в углу экрана)
Ответить с цитированием