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

tuli	1780042254 i can't get it to actually play the song, but it's cute anyway so using Report Comment
xX_Alejandr_Xx	1779995414 using Report Comment
Dgnachvi	1779977661 using Report Comment
br0krz!!yowlo51	1779946018 using but it kinda broke t_t Report Comment
Isa	1779921693 using! Report Comment
shak	1779901623 so cutie im totally using Report Comment
击.𝔣𝔯𝔞𝔫𝔨𝔦𝔢.(𝔰𝔴𝔞𝔤𝔤𝔬𝔱)击	1779828691 using! Report Comment
xD	1779827908 cool music choice Report Comment
luxpossura	1779766606 using >:D Report Comment
WebPupXX	1779755374 ill be using this... okay..? Report Comment
Sophia	1779741720 Using! Report Comment
Nessaroni_	1779608795 usinggg Report Comment
raven	1779528281 this used to work for me perfectly but now it doesnt play anything :< Report Comment
𝑩𝑖𝒈 𝐷 🧁🎶	1779513630 using!!! :D Report Comment
The_Unloveable .ᐟ — ⟢	1779477775 Using!! Report Comment
Ayk	1779398063 Using Report Comment
Ivanny	1779328104 Using Report Comment
凛𝚁𝚒𝚗𝚇𝙸𝙸𝚇	1779305639 using! Report Comment
𓋹𝔻𝕖𝕟𝕚𝕫𓋹	1779209111 It doesn't works for me :b Report Comment
TalchukxD	1779185668 using! Report Comment