HTML5 audio autoplay not working in chrome

Question

I have html5 audio like this in my page

<audio src="assets/media/bgaudio.mp3" id="audio" autoplay type="audio/mpeg"></audio>

Here is jQuery code.

$(document).ready(function() {
    $("#audio").get(0).play();
});

But getting an error when refresh the page.

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl /xX8pDD

Any idea to fix the issue?

Does this answer your question? [How to make audio autoplay on chrome](https://stackoverflow.com/questions/50490304/how-to-make-audio-autoplay-on-chrome) — Alexandre Elshobokshy, Feb 25 '20 at 12:52
Yes because google chrome did not allow any media to autoplay until the user interact with it. — Harsimranjit Singh, Feb 25 '20 at 12:53
https://stackoverflow.com/questions/50490304/how-to-make-audio-autoplay-on-chrome this may help you. try it It is an acceptable answer. — Harsimranjit Singh, Feb 25 '20 at 13:05
https://stackoverflow.com/questions/50490304/how-to-make-audio-autoplay-on-chrome it is not working. — KelvinDV, Feb 25 '20 at 13:17

score 0 · Answer 1 · answered Aug 13 '20 at 10:56

You need to put the preload attribute to make it work on chrome. Also keep in mind that a user must interact with the domain for unmuted autoplay to work.

<audio controls autoplay preload>
  <source src="assets/media/bgaudio.mp3" type="audio/mpeg">  
</audio>

score -1 · Answer 2 · answered Feb 25 '20 at 12:53

-1

Just do that

<audio controls autoplay>
  <source src="assets/media/bgaudio.mp3" type="audio/mpeg">  
</audio>

answered Feb 25 '20 at 12:53

Lalit Kumar

256
2
14

HTML5 audio autoplay not working in chrome

2 Answers2

Linked