Playing audio after the page loads in html

Question

I inserted the audio in html. But the audio gets started before the entire page loads. I want the audio to be played after the entire page gets loaded.

<audio src="bg.mp3" autoplay="autoplay" loop="loop"></audio>

Can anyone help me in this.

Answer 1

You're going to need JavaScript for that. Remove the autoplay attribute:

<audio id="my_audio" src="bg.mp3" loop="loop"></audio>

and add a script like this:

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

Or if you use jQuery:

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

Answer 2

Just Copy and Paste this Code in Body section of your HTML Code.

<audio autoplay>
  <source src="song.mp3" type="audio/mpeg">
</audio>

and make sure that your audio file should be in same folder.