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

Lender	1768059287 Using Report Comment
val	1768037905 Usinggg Report Comment
✮𝔨𝔦𝔩𝔩𝔲𝔞-𝔯𝔞𝔶✮🦇°•𓋹	1768024413 Using Report Comment
GrAsShOpPeRtUnA:3	1768023378 usingg ^^ Report Comment
𝕷𝖆𝖓𝖆 🦇🩸	1768020979 Vou usar!! Report Comment
TheMarioAndSonicFan23	1768020291 im using!! Report Comment
zaida	1768014989 usingg Report Comment
Berry	1768008564 used! <3 Report Comment
Raj★Star	1767994902 thank u usingggg Report Comment
Krispiechiken	1767977594 Usingg Report Comment
Sinjuu!!	1767942896 using!! Report Comment
Yumi	1767899181 using Report Comment
Aliska	1767885003 using Report Comment
linda	1767880597 usingg Report Comment
♥ 𝓜𝓪𝓻𝔂 ♥	1767876649 Using! How do you add multiple songs though? Tried to add a second one by pasting the code just after the first one and it won't let me play the second song, the first one is played just fine Report Comment
MaliPie	1767859328 Using ;-; Report Comment
MaliPie	1767859325 Using ;-; Report Comment
nara	1767848074 lo estoy usando y me encanta!!! Report Comment
guaddii :3	1767823823 usando Report Comment
Wazzabi	1767819016 USANDOO Report Comment