How to add a background music in html

Question

Simply wanna add a background music so that it follows a loop and it is hidden to the Page and use an auto play option..

Answer 1

bhomic kaushik
Autoplay is not supported.
You should use js :

Add id "a" to <audio>

in html section:
<audio id="a" ... >

// in js section :

window.addEventListener("mouseover",play);
window.addEventListener("click",play);
function play() { document.getElementById("a").play();
}

Answer 2

bhomic kaushik hi, pls refer to this video:
https://youtu.be/y7jOwzozumU

Answer 3

VEDANG well once again thanks..
I tried but didn't worked.....

Answer 4

bhomic kaushik

rename "Ben 10 opening HD"

to

"Ben 10 opening HD.mp3"

to make it an audio file

Answer 5

bhomic kaushik use
<audio controls autoplay>

Answer 6

https://www.w3schools.com/html/html5_audio.asp

Answer 7

you can visit this for more info about autoplay policy

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

Answer 8

thanks Zhenis Otarbay

Answer 9

The song running problem is solved but can anyone tell me about : how to add an auto play option to the music in html

Answer 10

What's wrong in the below code ???
See the audio tag ...
I know its wrong .
But how to make the dropbox link work for audio....
Edit:
Solved : because of answers given
https://code.sololearn.com/W0WuML8AyNA6/?ref=app

Answer 11

Ok i will try
and thanks VEDANG for the reply

Answer 12

VEDANG thank you very much for the answer

Answer 13

Fahim Ahmad thanks ...
Loop is working very cool and the option of display:none; is great fir hiding the music window.. but i think that autoplay option has been removed......
thanks a lot...

Answer 14

VEDANG yeah it worked....
Thanks for teaching me : how to make a function to play the music when the screen is clicked anywhere....
Thanks you very much much...

Answer 15

Rock Leone for example??
Plz tell!..
It will be really helpful...if its the cause ...
I have tried YouTube repeater but it doesn't works...what i think that sololearn has denied this feature to improve security ...

Answer 16

VEDANG thanks again...
But now its not so important as i have learnt click play from you......
Thanks for that...

Answer 17

Thanks Rock Leone. for the reply but i was trying to use it in sololearn...
Now i understood that i can't.....

Answer 18

Try this <audio src=music.mp3 style="display:none;" autoplay loop>audio dosent supported</audio >

Answer 19

you can use <audio autoplay loop></audio>if its not working just use js and make it just like the guy up there said and make the audio hidden i have tryd it 😉 but auto play works only in IE

Answer 20

<audio src= “audio.mp3” controls autoplay loop/>