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 bold 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!
(edit #1) [03-03-2024]
I've heard a lot of users seems to be struggling with the auto play feature. The current HTML code is supposed to auto play it in most browsers. However, some users that are using Firefox might experiences some issues! I don't use Firefox, but I've heard it might be a very easy fix. Make sure you have auto play enabled in your browser settings!
(edit #2) [03-04-2024]
Additional information for you folks out there, after seeing the comments on this Forum, I've notice one that quotes:
" This only partially works. After your done editing your profile and you click "view profile" it auto-plays, but after that it just doesn't work anymore. I've sent the link of my profile to my friends multiple times to know if it was a problem on my end, every time they all said no music was playing. It only works once."
To start off to this reply, thank you for letting me aware of the situation!
After a few updates with Spacehey, I think something changed. I did notice that once I refresh my page, the auto-player doesn't seem to work! I believe that's because the page is already loaded somewhat. As soon as I direct my browser to another page THEN load my profile back in, the music seems to be playing as intended!
The player works, but only every time you load a page. Refreshing it seems to not be helpful to that regard. At least, to me. Let me aware if your browsers have indeed auto-play enabled and if re-loading your profile doesn't seem to fix the issue!