« Web, HTML, Tech Forum

How do I put music in my profile?

Hi y'all! I'm sorry for asking help all the time, but I really want to learn how to do stuff here :( If you can help me how to put music in my profile that would be great. Hugs n kisses everyone!ย 




*Remember to drink water and stay healthy*


Report Topic

16 Replies

Sort Replies:

Reply by EchoLawrence

posted

Hi!


You can use Spotify or Bandcamp share option "Embed Code", I've put mine on the about me section.

Hope it helps!


Permalink Report Reply

Reply by Cole

posted

Hi, I tried posting music but it only plays 30 seconds of music on my profile, is this normal? I am using Spotify for this if that information matters.


Permalink Report Reply

Reply by Dustin

posted

@Cole

I know your post is 9 months ago, but in case anyone else stumbles across this post looking for the same information and encountering the same issues:ย  You must log-in to your Spotify account from the web application in order for a Spotify playlist embedded into a profile to play the complete songs.

If the player registers you as a guest (as it would, if you weren't logged in), it will only give you a sample of the songs.


Permalink Report Reply

Reply by kay

posted
updated

Here is one way you can do it from youtube,

If you look at my account i did it myselfย 

<iframe width="1" height="1" src="https://www.youtube.com/embed/######?&;amp;;autoplay=1&;loop=1" title="Youtube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;picture-in-picture" allowfullscreen=""></iframe>

the hashtags is what you use to put in the last digets in the youtube url
so the youtube like would be www.youtube.com/watch?v=ย 
so you'd switch out the hashtags with MG43EkoxfTQ

example
<iframe width="1" height="1" src="https://www.youtube.com/embed/MG43EkoxfTQ?&;amp;;autoplay=1&;loop=1" title="Youtube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;picture-in-picture" allowfullscreen=""></iframe>
ย 
dont get rid of the question mark!


Permalink Report Reply

Reply by Laura Lee

posted

@kay I looked at your profile you canโ€™t see anything but your layout. Viewing from an iPhone and I turned it sideways as well


Permalink Report Reply

Reply by remedi

posted

using https://nein-mc.neocities.org/csstest/index.html to test it in real time, it seems that something about spacehey prohibits the autoplay feature for the standard YouTube embed in an unexpected way. i'm looking into it so will post again if I find a better way to have autoplay features akin to old myspace players (or if i manage to make one myself)


Permalink Report Reply

Reply by remedi

posted

For reference, spacehey says embeds are only supported for the following websites:

  • Spotify
  • SoundCloud
  • YouTube
  • Twitch
  • Apple Music
  • Deezer
  • Bandcamp
  • Mixcloud
  • Hearthis.at
  • Libsyn
  • Anchor.fm
  • Vimeo
  • Dailymotion
  • Giphy
  • Imgflip
  • Gfycat
  • Odysee
  • BitView
  • iHeart
Youtube is on the list, but seeing as it's a whitelist of supported embeds, there is probably some filtering going on that just won't allow an autoplay source to function properly. Trying to save an embed that is not from the supported sites fully removes the source from your code, so while I imagine this is a safety/privacy feature, it seems like there should be more leniency so users can really do what they want within reason.


Permalink Report Reply

Reply by Nolan Astaroth

posted

<iframe width="0" height="0" src="https://www.youtube.com/embed/coZqAEkze2I//?&;amp;;autoplay=1&;loop=6" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

make sure your website permissions for audio is on. This code will automatically play music (go to my page for example)


Permalink Report Reply

Reply by dakota ๐“†ฃ

posted

if you want it to autoplay put this in ur about me then put in a youtube video link!!

<iframe width="0" height="0" src="INSERT LINK HERE?loop=1&autoplay=1&controls=0&start=0&playlist=FySpH7XOpBs&”title=" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="””">

</iframe>



Permalink Report Reply

Reply by fา‰iา‰zา‰dา‰oา‰gา‰

posted

the youtube code doesnt autoplayย 


Permalink Report Reply

Reply by morgan

posted

hi hi!!

i was looking through these blogs to try and find answers on why the music wasn't working, but since i saw that others also don't know, i went researching myself!

i realized that at the end of the url there was no // even though there should be

like this:

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

i tried it this way and it worked, so if anyone still doesn't know, try it like this, it should work!!


Permalink Report Reply

Reply by Kim Parker

posted

okay i got y'all

<iframe width="0" height="0" src="https://www.youtube.com/embed/INSERT END OF LINK HERE//?&;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>5

if you put this in with the yt link of your choice it should work


Permalink Report Reply

Reply by ๐Ÿ–คLyricVixen๐Ÿ–ค

posted

I'm trying this and its not working...which section do we put it in?


Permalink Report Reply

Reply by fangg

posted

@Kay OMG THANK YOU!! I've been trying different tutorials for like an hour and it finally worked!!


Permalink Report Reply