Step by step guide for Autoplay on profile.

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! 


1 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )