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

ilovedoors	1784639134 using!! Report Comment
Jaelyn	1784608008 using Report Comment
yin	1784589088 using !! Report Comment
Maryna𐙚	1784500311 Using ! Report Comment
waterlily	1784189961 using !!! but i can't seem to pause once i press play Report Comment
X_x.t0xic.r4tt	1784149136 took a hot second but USINGG ONG THIS IS AMAZINGG Report Comment
kiki	1784112356 using :pp Report Comment
Cyrus	1783988572 Using! Report Comment
Ɛ>_L0vePois0n_<3	1783935025 using! Report Comment
Treydeeb	1783905815 using!!!! Report Comment
ɴᴀᴇ🃏ᴠɪᴀ	1783904669 using!! :D Report Comment
ru 𝄞 .⁺ ❜❜	1783877844 using!!!!!!!!!! Report Comment
†d3c4yfufu†	1783860144 usingggg thx ^-^ Report Comment
bloodysreamzz	1783755496 i will using it :5 thanksss Report Comment
Yoruko.xo	1783698697 tyyy (im using!) Report Comment
XavierCreator	1783697677 the music player is not working, and i removed the brackets. Can someone help me pls Report 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