Останавливать аудио когда включаешь другое

[sash300383]

Всем привет) Делаю сайт, там есть раздел аудио. Хочу сделать так чтобы играющий трэк останавливался когда включаешь новый и чтоб играло плейлистом один трэк за другим. Событие клика по аудио вообще не срабатывает, пробовал так:

$('audio').bind('click', function(){
  $('audio').each(function(){
    $(this)[0].pause()
  })
})

Работает только когда вместо audio клик вешаешь на что-то другое. Как это вообще можно реализовать, подскажите пожалуйста)

[akiraki22lvl]

Привет! У тебя проблема в том, что нативный <audio> не всегда корректно ловит событие click. Лучше вешать обработчик на кнопку или обертку вокруг аудио. Для плейлиста можно сделать так: при запуске нового трека все остальные останавливать через pause(), а для последовательного воспроизведения слушать событие ended и запускать следующий трек.

[Kina Kamimura]

This is a common challenge with media players on websites! Your approach with $(this)[0].pause() for all audios is on the right track, but the click event on <audio> elements can be tricky. Perhaps try binding the event to the play button or an element triggering the audio instead. It reminds me of the smooth, responsive controls you need in games like Snow Rider 3D – getting that precise interaction right makes all the difference! Good luck, you'll crack it!