Я непоследовательно получаю сообщение об ошибке «play () не удалось, потому что пользователь не взаимодействовал с документом первым» при попытке автоматического воспроизведения некоторого аудио

Question

Когда страница загружается, я хочу, чтобы аудио файл воспроизводился автоматически. Это сработало один раз, но когда я обновился, у меня произошла ошибка «play (), потому что пользователь не взаимодействовал с первым документом». Когда я изменил какой-то код, он снова заработал, но после обновления я продолжал получать ошибку.

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

Вот код, который у меня сейчас есть:

$(".header-bg").click();
console.log("clicked");

$(document).ready(function() {
    console.log("loaded");
    $('#medieval-music')[0].play();
});

Записываются два журнала консоли, но музыка не воспроизводится.

Answer 1

Использование атрибутов автозапуска в формате html <audio controls autoplay></audio> каждый раз, когда вы загружаете страницу, аудиофайл будет автоматически воспроизводиться

Answer 2

Я предполагаю, что вы используете тег html5 <audio>. Если это так, по умолчанию отключите его:tabs.

Для получения дополнительной информации об этом ответе, пожалуйста, ознакомьтесь с this .