Background music is often desired by a multitude of users. It adds a lot more character to a profile and makes the place a bit less empty while looking through it!
I see a lot of other users requesting help to set up their own profile music when it's very simple to do so!
It's as easy as 2 Copy and Pastes!
// Step 1 // Paste this HTML code in any of your Blurb on your profile.
<iframe width="560" height="315" src="https://www.youtube.com/embed/(VIDEO URL)?autoplay=1&loop=1&controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
// Step 2 // Copy the desired YouTube video link and take a specific part of the URL.
https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley
// Step 3 // Once you got that, paste it away in the blue section of the script.
<iframe width="560" height="315" src="https://www.youtube.com/embed/(VIDEO URL)?autoplay=1&loop=1&controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
Results should look like this
<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&loop=1&controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
And Voila! You should successfully have a working auto-playing page!
And for the people who wish to not have the video visible and keep it to nothing but background music, only 2 things needs to be changed in the HTML code.
// With Video Display //
<iframe width="560" height="315" src="https://www.youtube.com/embed/(VIDEO URL)?autoplay=1&loop=1&controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
// Without Video Display //
<iframe width="0" height="0" src="https://www.youtube.com/embed/(VIDEO URL)?autoplay=1&loop=1&controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
There you go! I hope this was able to help some people!
If you liked this guide, make sure to interact with the Forum Topic to make some traction! Would help a lot!
Comments
Displaying 0 of 0 comments ( View all | Add Comment )