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

Mlem0gi:3	1744927908 using :3 Report Comment
nuggetzz	1744909857 using Report Comment
zy	1744854281 How do I get this in the interest part of my profile? Report Comment
Harley	1744840894 using! Report Comment
丰Biaa:]	1744839729 Usingg Report Comment
rachiel	1744838670 Usinggg Report Comment
rachiel	1744838666 Usinggg Report Comment
Meowuna	1744831649 Usinggg Report Comment
GABI!!1!1	1744828385 Usinng!!! Report Comment
Zombie.mp3	1744815031 using!! Report Comment
BLACK GEM	1744810024 Using ! works for me Report Comment
MegatronBBG	1744798697 using!!!!!!!! Report Comment
Unfernessjj_	1744764704 Using! Report Comment
xXgraysonsoldhissoulXx	1744764562 using!! awesome Report Comment
virtusdeog	1744743745 using it ! very greatt !!!! Report Comment
𝕄𝕒𝕣𝕚	1744729083 using!! Report Comment
MEOWITIEZ	1744682645 using tysm Report Comment
Kai	1744652904 Usando! Report Comment
muenster	1744644414 USING!!!!! Report Comment