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 3581 comments ( View all | Add Comment )

˚₊ ⋆✧Madi✧ ⋆ ₊˚	1787265539 can smb help I cant get the button to work or it to play music Report Comment
𝐁𝐮𝐛𝐬/𝐋𝐨𝐤𝐢	1787231192 Hello!! I was able to get the music player to pop up on my profile, but the play button doesn't work :( Is there a way to fix this? Report Comment
cy ❋	1787197040 Nevermind I figured it out Report Comment
Mokn	1787153970 Using Report Comment
t3ddy	1787019864 using Report Comment
Roa	1787019144 used Report Comment
Tinaa	1787015147 using Report Comment
Daper	1786978286 using Report Comment
spaceg1rl	1786807193 UsingXD Report Comment
Anisa	1786609264 Using Report Comment
Anisa	1786609263 Using Report Comment
Anisa	1786609263 Using Report Comment
cat (x_x)	1786579059 using!! (>_x) Report Comment
ZEPHYR	1786546555 Use:> Report Comment
illi	1786516139 using!!!!!!! Report Comment
ᴄʜᴇʀʀʏ ♡*ೃ༄	1786514414 It stopped working for me, now it just leads me to the log in of social media sites Report Comment
Aby	1786479126 using ^^ Report Comment
d͓̽e͓̽v͓̽	1786433325 usinggg Report Comment
Ricky	1786375419 Using :3 Report Comment
theonlyaccountever	1786329780 this aint workin Report Comment