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

(also pleaseee stop uploading all of those song things on to the layouts, you can just change the youtube id in the code and itll be whatever you put there. you really dont need a new post for EVERY song)

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 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://static.tumblr.com/bpdtqce/eNEnoonrt/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 173 comments ( View all | Add Comment )

mia⭒	1714943527 using !! Report Comment
con heir	1714874426 this is so helpful! thank you Report Comment
etheryl	1714612126 using!! :) Report Comment
Konoh	1714540831 using it Report Comment
SpubKazoo	1714406325 awesome! using Report Comment
Viv	1714366927 usingg Report Comment
Rudy	1714349912 definitely using, this is super cool!! Report Comment
pwnmiester	1714277995 im gona ues dis EPIK musick plauer cuz itz epic! Report Comment
nia	1714265723 using! Report Comment
Noobers	1714187995 Life Saver 🛟 Report Comment
urban architect	1714068136 using! Report Comment
Mainu	1714036347 Using tysm! Report Comment
Lola	1713970897 Usingg! This is so cute ty Report Comment
iris b@ltorne	1713404995 using! thank you sm !! :] Report Comment
兵士 + JEI/JOHN	1713392386 uzing!! ^_^ Report Comment
K3N	1713078655 usinggggg :3c Report Comment
PebieJeebies	1713047575 Using!1! Tysm for this!! Report Comment
Sunnie	1712983768 Using, thank you <3 Report Comment
snow!	1712964383 USING!!<333 Report Comment
TheNormalAlbum	1712817967 using! <3 Report Comment