На мобильных устройствах audio повторяется. Как исправить?

Question

[WalVix]

1) Вопрос 1.
Есть несколько audio дорожек

<audio id="mp3" src="audio.mp3" autoplay="autoplay"></audio>

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

2) Вопрос 2.
Я применил для аудио дорожки

#mp3 {
display: none;
}

Однако на браузерах сафари она все равно включается. Подскажите еще как сделать, чтобы display:none работал и на сафари тоже?

Comments

[ildar-meyker]

display:none; и не должен отключать звук. В конце концов вы можете просто удалить элемент из разметки после воспроизведения, тогда и повторятся будет нечему.

[WalVix]

ildar-meyker, Подскажите пожалуйста как удалить аудио после его воспроизведения

[ildar-meyker]

Опубликуйте свой пример. Вы явно что-то делаете не так. Такого поведения как у вас по умолчанию быть не должно.