Как при включении одного муз.файла выключать другой (HTML 5 , тег "audio")

@tseries · Регистрация: 25.03.2014

Author24 — интернет-сервис помощи студентам

к примеру есть несколько муз. файлов:
<audio controls>

HTML5

 <source src="audio/'. $row['musicfile'] . '" type="audio/mp3">
    Тег audio не поддерживается вашим браузером. 
    <a href="audio/'. $row['musicfile'] . '">Скачайте музыку</a>.
  </audio>
<audio controls>
    <source src="audio/'. $row['musicfile'] . '" type="audio/mp3">
    Тег audio не поддерживается вашим браузером. 
    <a href="audio/'. $row['musicfile'] . '">Скачайте музыку</a>.
  </audio>
<audio controls>
    <source src="audio/'. $row['musicfile'] . '" type="audio/mp3">
    Тег audio не поддерживается вашим браузером. 
    <a href="audio/'. $row['musicfile'] . '">Скачайте музыку</a>.
  </audio>

Как мне сделать так, чтобы когда слушаем одну тему и включаем другую - первая автоматом выключается?
Толком с JS не знаком, к сожалению

@alexsamos33 · 14.06.2014, 16:33

Останавливать воспроизведение предыдущего трека при запуске следующего

@Опан · 15.06.2014, 13:26

Это же самое можно сделать без jquery:

Javascript

<script>
var a=document.getElementsByTagName("audio");
 
for(i=0;i<a.length;i++){
    a[i].onclick=function(){
        this.pause();
    }
}
 
</script>

_______________________
Привязка к каждой песне отдельного плеера может принести отдельную головную боль

@Vladislav WebDev · 15.06.2014, 14:34

Сообщение от Опан

Это же самое можно сделать без jquery

Можно, но только не так как сделано у вас.

@Опан · 15.06.2014, 15:28

А я и не говорил, что это единственный способ

@Vladislav WebDev · 15.06.2014, 15:36

Опан, я о том, что ваш код совсем из другой оперы и работать не будет. Событие онклик не уменстно к плеерам в данном случае

@Опан · 15.06.2014, 17:48

Сейчас проверю...

Добавлено через 1 час 36 минут
Можно так: в каждый тег <audio> дописать onplay="other_pause([номер трека начиная с ноля])", и подключить такой JS:

Javascript

<script>
var a=document.getElementsByTagName("audio");
 
function other_pause(b){
    for(i=0;i<a.length;i++){
        if(!(i==b)){a[i].pause()};
    }
}
 
</script>

@alexsamos33 669 / 640 / 335 Регистрация: 26.04.2014 Сообщений: 2,122
	14.06.2014, 16:33	2
	Останавливать воспроизведение предыдущего трека при запуске следующего 0

@Vladislav WebDev 327 / 217 / 97 Регистрация: 04.11.2012 Сообщений: 638
	15.06.2014, 14:34	4
	Сообщение от Опан Это же самое можно сделать без jquery Можно, но только не так как сделано у вас. 0

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	15.06.2014, 15:28	5
	А я и не говорил, что это единственный способ 0

@Vladislav WebDev 327 / 217 / 97 Регистрация: 04.11.2012 Сообщений: 638
	15.06.2014, 15:36	6
	Опан, я о том, что ваш код совсем из другой оперы и работать не будет. Событие онклик не уменстно к плеерам в данном случае 0

	15.06.2014, 17:48