Аудио тег HTML работает только после первого перехода к нему вручную

Question

Супер-странная вещь случается с моим аудио html.Что бы я ни пытался, я не мог заставить его работать.Поэтому я проверил свой код и по этой ссылке воспроизвел файл, чтобы убедиться, что ссылка работает.Затем я вернулся на свой сайт в той же вкладке, и он работал идеально каждый раз, когда я нажимал кнопку обновления.Но если я сделаю это в новой вкладке, это не будет работать вообще.это явление одинаково для всех браузеров и устройств, поэтому оно не может быть проблемой программного обеспечения.Пожалуйста, помогите.

Вот мой код.

Javascript

window.onload = function(){
    displayRandImages();
    startCountdown();
    document.getElementById("my_audio").play();
}

HTML

<audio id="my_audio" src="/audio/thesound.mp3" preload="auto"></audio>

Answer 1

Решено!Я проверил консоль браузера и из-за новой политики автозапуска Chrome вы должны получить клик от пользователя, прежде чем воспроизводить аудио.Поэтому я добавил модальный режим и сделал так, чтобы посетители нажимали для входа, а затем воспроизводил звук.