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

Lea	1766961438 usiingg Report Comment
Elllikxzz	1766954185 Using Report Comment
najesik	1766947525 Using Report Comment
soulsnatcher	1766937882 using :) Report Comment
@ ` ༒︎ 𝐴𝑡ℎ𝑒𝑛𝑒 ༒︎ ´	1766909562 using Report Comment
marce ⋆ 𖤓 ⋆˚࿔	1766879787 it appears on my about me instead of my interests :(( how can i fix it?? Report Comment
marce ⋆ 𖤓 ⋆˚࿔	1766879787 it appears on my about me instead of my interests :(( how can i fix it?? Report Comment WAIT FIXED IT thx anyways^^ by marce ⋆ 𖤓 ⋆˚࿔; 1766879940; Report
Zainnsheid	1766877916 using Report Comment
Todma	1766869042 using! Report Comment
sickluvrgirl	1766858371 using! thank you so much :) Report Comment Quick Question: I'm trying to get it so that it doesnt auto play, only starts and stops as the user clicks on the ply button but when I change the autoplay value to 0 and click play instead of playing the song it opens a new window to the youtube channel. Any idea what I should be doing here haha? by sickluvrgirl; 1766884412; Report
arsenicCallibrator	1766858326 using! Report Comment
𝑳𝒖𝒊𝒔𝒂	1766837131 Usingg Report Comment
Noir2r	1766837052 using! Report Comment
O1iv3r	1766804639 using Report Comment
O1iv3r	1766804639 using Report Comment
xXxAtticusAnestheticxXx	1766791981 using! Report Comment
soulkiss	1766785385 Usingg!!! Report Comment
charred bacon	1766776439 using!! x Report Comment
ARIS	1766772974 Using! Report Comment
dykepepsi(18+)	1766747226 using!! Report Comment It doesnt work for me… did you fix the code? by 𝑳𝒖𝒊𝒔𝒂; 1766773144; Report hi im sorry for the late reply! im not using it anymore but i didnt fix the code it worked fine for me :) by dykepepsi(18+); 1766833752; Report Ohh thats no problem! It finally works for me! Thank you anyways. :) by 𝑳𝒖𝒊𝒔𝒂; 1766837228; Report