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

PooFinger	1791839048 DOESN'T WORK Report Comment
Zvèzda	1791838798 using ^^ Report Comment haii i was wondering if you could possibly help me with this im not sure how to get it right, if you could id be so grateful, if you can could you message me and ill send you the stuff? please and thank you!! by ALIREEPZ; 1791963248; Report Do u still need help? I checked tour profile (sick btw) and it seemed like you'd figured it out by Zvèzda; 1792009123; Report
꒰ 𐑫ᧉꮪթ 𓎡ɞ	1791766278 Using Report Comment
Maniac	1790891315 shit aint playing ts sucks Report Comment you're likely using it wrong by emigoshikku; 1791058465; Report nvm, it seems that it stopped working by emigoshikku; 1791059041; Report FR by so5 ┆ so3 ┆ so9 ⧽ ׁ ׅ vox and homura kinnie; 1791641143; Report
Table	1790858425 using, peak song choice btw Report Comment
veryrottenkiwi	1790804868 usinnngg Report Comment
iveyprofen :P	1790801902 using ^_^ Report Comment
𝓫unni𝓫al´ཀ`	1790752339 usin Report Comment
AstraR136a1	1790604150 Using! Report Comment
Carbonyllic	1790543506 using! 🤍 Report Comment
ales	1790540066 using!! Report Comment
madden	1790451850 using! Report Comment
N0T_W31RD	1790397879 using!!!! Report Comment
Yuyu	1790391884 using!!!!!! Report Comment
xX vivianisonfire Xx	1790332095 using <3 Report Comment
puppy	1790213226 using !!! Report Comment
Fruitcake	1790143819 I will be using :] Report Comment
Chibiki	1790003601 using :D Report Comment
Qayyim	1789788358 using! Report Comment
spicy popcorn	1789590792 will use Report Comment