mini music player !

Tags: music, music player, autoplay

Description:

this is a mini music player thingy thattt you can press to play/pause (anddd that iiiiii technically stole from this tumblr theme thingy :3 https://www.tumblr.com/theme/39863)
but i did change it so it'd work on spacehey layouts better sooo here's the code i used :3

PLEASE READ THROUGH EVERYTHING HERE AND IN THE CODE BEFORE U PUT IT ON PAGE

if you're having trouble getting this player to work, make sure u r ONLY putting the video id (for example, "watch?v=cJ2i9XADVao" the bolded part only), and make sure u remove the brackets ([] <--these) from within the link :3
if you're still having trouble, just put a comment :3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by vomitgirl (https://layouts.spacehey.com/layout?id=36600) -->

-- (delete these parts) put this code in the "heroes" section of your profile --

<tr>
</tr>

<div style="margin-top: 4px;margin-bottom: -12px;">

<div id="music">
                            <iframe allowfullscreen="" src="https://www.youtube.com/embed/[REPLACE WITH ONLY YOUTUBE VIDEO ID]//?&;amp;;autoplay=1" loading="lazy" width="560" height="315" frameborder="0"></iframe>
                        <div>
                            <span class="song">[SONG]</span>
                            <span class="artist">[ARTIST]</span>
</div>
                    </div>

</div>


-- put THIS code where ever your style code is --

<style>

#music {
  position: relative;
  background: url('https://file.garden/ZRYtsnIP2EXOR4Kw/Site%20Files/musicplayer.png') top left no-repeat;
    background-size: auto;
  background-size: auto;
  background-size: 100% 100%;
  overflow: hidden;
  height: 50px;
  max-width: 305px;
  border: 1px solid #000000;
}
#music iframe {
  position: absolute;
  top: 0px;
  height: 47px;
  opacity: 0.00000000000000000000000001;
  z-index: 0;
  left: 0px;
}
#music div {
  position: absolute;
  top: 10px;
  left: 55px;
  width: 51%;
  margin: 0 !important;
}
#music span {
  display: block;
  color: #FFFFFF;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  width: 240px;
}

</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 3517 comments ( View all | Add Comment )

kelioky	1783475318 Its only playing like 1 out of 10 clicks...is there a way to fix this? Report Comment
☆ (im lazy)	1783428874 Using! Didnt work on the ipad tho Report Comment
ch0pich4ski	1783387675 Hi! it works, like i changed the name of the artist and song and also added only the video code thingy (idk how it was called) but it still wont play the song Report Comment
B1B3K	1783368118 using Report Comment
🕷𝙈𝙖𝙩𝙩𝙝𝙚𝙬⚡︎ᶻ𝗓𐰁.ᐟ	1783364943 using Report Comment
Nikkollas Inoue	1783362954 using!! Report Comment
JOAN.OF.ARC18	1783110791 hi!! its showing up on my profile okay and it edits the song title and artist, but i can't get it to play! Report Comment
s.erenez_ 🪷	1782974826 using ! Report Comment
Jynxonline69	1782940381 using <3 Report Comment
Angelic.Desire	1782934524 It isn't working for me? I put only the url code and it still didnt work Report Comment
𝔂𝓪𝓶𝓮𝓵𝓪𝓱	1782902423 using Report Comment
yung9672	1782883617 it's not working Report Comment
☆ k1k1 xD	1782745805 it worked 2 months ago, idk why it stopped working :( i tried all the tut but still it doesn't work anymore, could you help? Report Comment
sunnydayzzz	1782711767 its not working on my end :( Report Comment
𝐕𝐢𝐧𝐧𝐲	1782689834 using!!! Report Comment
billy.wowow	1782652998 using Report Comment
⸝⸝ 𝖑𝖎𝖑𝖞	1782580448 it just stopped working for me even tho i redid everything from the tut :( Report Comment
kina ★!	1782375463 heyy so i tried MULTIPLE times to idk fix this? like. the sound is not coming out at ALL pls help TT Report Comment
Judith	1782266631 I tried it but its not working, any tips? Report Comment
Bunnywave	1782170613 Using!! Report Comment