How To Add Background Music In Webpage HTML Code (Autoplay/Controls)

Add Autoplay/Controls Background Music In Webpage HTML Code

So our question is How To Add Background Music In Webpage. Everyone has probably done a lot of research on Google before.But it may not have been of any benefit to anyone. Today I'm going to talk about a method that works 100%

This will require your Google Drive account.

1^st Step

The song you want to use. upload it on Google Drive.

2^nd Step

Go to your google drive and select your music then Get a Shareable Link.

3^rd Step

After copying the music link, paste it into a notepad file.

Example : https://drive.google.com/open?id=1aiiExfApmj5FaybaapOEHujzcf7AVaA4

4^th Step

Keep this Yellow section and delete the rest.

Example : https://drive.google.com/open?id=1aiiExfApmj5FaybaapOEHujzcf7AVaA4

5^th Step

Then copy and paste this HTML code(Which I have given below) into another notepad file.

HTML Code : <audio controls autoplay hidden>
    <source src="https://docs.google.com/uc?export=download&id=Paste Here">
</audio>

6^th Step

Then copy that piece of music link and paste it here.

Example : <audio controls autoplay hidden>
    <source src="https://docs.google.com/uc?export=download&id=1aiiExfApmj5FaybaapOEHujzcf7AVaA4">
</audio>

And then see that it must work 100% 😊

Note : If you need controls, just remove the autoplay and the hidden tags.

If You Still Have Questions, Comment Below👇

I hope I have been able to help you in this post. If you benefit from this post, please share this post with your friends so they too can learn this simple method and gain more knowledge about HTML.

Stay tuned for more cool and amazing posts.