Music on the website page

Question

I would like to know a way to put music running in the background when the site page is loaded automatically without the user having to use a player to start the music, I searched in the documentation of the W3school and the example quoted there is the code below:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

I would like it to be an automatic way when I load the page the music starts playing.

Answer 1

To make the audio starts automatically just use the attribute autoplay. If you don’t want to look like a player just remove the attribute controls:

<audio autoplay> <!--agora com autoplay e sem controls-->
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

If you want you can also use the attribute loop to get the music back to the beginning when it’s over.

Working example:

<audio autoplay>
  <source src="https://freesound.org/data/previews/367/367496_4654185-lq.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

Documentation for the label <audio>

Answer 2

//script
var x = document.getElementById("musica"); 
x.play(); 

<!-- HTML-->
<audio id="musica">
  <source src="horse.ogg" type="audio/ogg">
  <source src="https://s3.amazonaws.com/Syntaxxx/bigger-picture.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>