REMY/NNUG's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Autoplay Music Extreme Step By Step

HIIIII ERM. i had a little bit of trouble getting autoplaying music on my profile to work BUT i figured it out .... so im writing a really really slow step by step tutorial mostly for me because I know I will forget how to change it! 

*DISCLAIMER: REMEBER TO PUT < > AROUND THE IFRAME AT THE END OF THE CODE. I HAVE REMOVED IT SO THE EMBEDS WOULDN'T SHOW UP ON THE BLOG POST ITSELF*

STEP ONE: FINDING YOUR BASE CODE

I looked and stole some code from a user on the layouts tab. I will put their code and profile below:

Michael(Майкл) ੈ✩‧₊˚'s Profile | SpaceHey

<!-- (c) Layout created by Michael(Майкл) ੈ✩‧₊˚ (https://layouts.spacehey.com/layout?id=94125) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/9Oy8TzPOWp4?feature=shared//?&;amp;;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

They have a ton of songs on their layouts page so maybe take a look through theirs to see if the song you want on your profile is already there!!!!


STEP TWO: FINDING YOUR SONG

This tutorial is assuming you are using YOUTUBE to source your music/sound. I will be using youtube links and embeds in this tutorial.

Once you have found your song on youtube, go click the share button. Once you click the share button there should be an "Embed" option above the share link. Click on this end COPY ALL OF THE EMBED LINK. You won't use all of it, but for now copy all of it. 

It should look like this:

<iframe width="560" height="315" src="https://www.youtube.com/embed/kc8cuWhsiEM?si=QE1KpQ0muF0beLSx" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen> /iframe

The red text will be your song's link instead of mine. 

If you just want to embed the video into your profile, you can use this. Put it in the ABOUT ME section and not the code section (this tripped me up for a while) 


STEP THREE: PUTTING YOUR SONG IN THE AUTOPLAY


We need to input the video's link from our embed into the taken code. Take the red part of the taken code:

<iframe width="0" height="0" src="https://www.youtube.com/embed/9Oy8TzPOWp4?feature=shared//?&;amp;;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 replace it with the red part of your embed

<iframe width="560" height="315" src="https://www.youtube.com/embed/kc8cuWhsiEM?si=QE1KpQ0muF0beLSx" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen> /iframe

It should look like this: 


<iframe width="0" height="0" src="https://www.youtube.com/embed/kc8cuWhsiEM?si=-uEgTNbe0sNpGIEKfeature=shared//?&;amp;;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  

 Put this into your ABOUT ME section on your profile and it should work!!!!!!!!!!!! (AFTER YOU PUT <> AROUND THE IFRAME AT THE END. (</iframe>)) Put your link right before the feature=shared part of the code and after the "


Sorry if this is obvious and dumb. I'm very, VERY autistic and i will probably forget how to do this myself and when i do ill need to be baby stepped through the process again. so i'm helping myself :3






0 Kudos

Comments

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