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

hero	1793809757 usingg Report Comment
Machia.starr	1793683043 using,,, Report Comment having trouble getting this to work,, the cursor shows i can click it but nothing plays by Machia.starr; 1793684876; Report yeah its also not working for me, i think the code is outdated since it is from tumblr by LongL1veNando; 1793771858; Report
QQshka	1793679250 using!! ^_^ Report Comment
D3XT3R$	1793557192 Using! :)~ Report Comment
nova	1793543831 using! :) Report Comment
Feliks	1793448408 using !! Report Comment
#leospace	1793397695 using this for the mean time! Report Comment
Ruby	1793146795 Usingg Report Comment
Faucibus	1793136223 Usinggg Report Comment
Hani:3	1793020314 using Report Comment
Aimee	1793012430 using!! Report Comment
meowburps	1792945859 using ^_^ Report Comment
CatAshTrophe	1792937389 using!!!!!! Report Comment
Sitoky Diriota (^_^♪)	1792917154 using^_^ Report Comment
Paskel	1792733217 ️ Report Comment
Eva	1792676731 using Report 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 hey could you help me a lil?idk anything abt coding rlly and im trying to get this to work :P by hitomiiyu; 1792243845; Report mine seems to have stopped working suddenly.. anyone help pls? by angel_wings..; 1792267902; Report lol i did it now by ALIREEPZ*; 1792280631; Report
vamnzie	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