2

Есть блоки с содержащихся в них файлами Необходимо, чтобы по клику на блоке с классом "play" воспроизведение других аудио прекращалось, а аудио, содержащееся в блоке, по которому кликнули, воспроизводилось либо ставилось на паузу через jQuery

<div class="play">
 <img src="img/icons/play.png">
 <audio src="media/music/Robbie Williams - Feel.mp3"></audio>
</div>

пытаюсь сделать так

$('.play').click(function() {
  audioElement.pause();
  $(this).find('audio').trigger("play");
});

если убрать

audioElement.pause();

то аудио воспроизводится, но другое не прерывается

Заранее благодарю за помощь

1
  • Если требуется избегать одновременного воспроизведения, не проще будет на странице использовать только один элемент аудио, и задавать ему разные src?
    – Опан
    14 окт 2018 в 9:46

1 ответ 1

1

Что такое audioElement?

$('.play').click(function() {
  $('audio').not($(this).find('audio')).trigger("pause");
  $(this).find('audio').trigger("play");
});
2
  • Благодарю. А что можно в $('audio').not($(this).find('audio')).trigger("pause"); добавить, что бы не пауза была, а сбрасывалась на начало, и при повторном клике заново начиналось?
    – Артем
    13 окт 2018 в 16:30
  • @Артем Пожалуйста. Давайте так. Вы примите этот ответ - "галочка" слева - и задайте новый вопрос.
    – user176262
    13 окт 2018 в 18:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.