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

✦HAVOC✦	1785891009 i tried it but it's not showing up in my interests section!! >n< maybe it's the style code on my profile? Report Comment
iilova	1785837133 usingg! this is so sick :P Report Comment
Sidonus!!🇬🇪	1785837031 Using! but i used it as a decoration since music is not playing + i found a separate code to autoplay music ;,) Report Comment
YustaWeon	1785816934 usiiiing :P Report Comment
rosemoxyy	1785806123 Lo toi usando muxas gracias :DDDD Report Comment
rosemoxyy	1785806123 Lo toi usando muxas gracias :DDDD Report Comment
LendmeRubles	1785791400 Using! Tysm this is rly cool :D! Report Comment
COMPLETELY REMAKING PROFILE	1785756496 using! Report Comment
strawberryalice	1785743523 useinggg Report Comment
Amelia	1785705977 using Report Comment
zombieboy🧟‍♂️	1785677184 ttysssm usingg Report Comment
Juppi	1785538400 Yey, tysm. Using! Report Comment
Juppi	1785538398 Yey, tysm. Using! Report Comment
sidney	1785477509 using!! thank you!! Report Comment
𝕮𝖆𝖙𝖍𝖊𝖉𝖗𝖆𝖑	1785386432 Using! Report Comment
Mike	1785332183 usingg Report Comment
EmberBasuXD	1785268409 the display works, but nothing happens when i click the play button :( Report Comment yess same thing happened to me you can see someones reply to my comment here it gives a solution by Atheria; 1785521718; Report
𝚂𝚝𝚎𝚕𝚕𝚊 ⊹	1785266813 Hey so it's not working :( can you fix it please? Report Comment
Rian_smellsurfarts🐕🪲	1785202681 Using, nice werk Report Comment
Xx_MARI_xX	1785167460 using Report Comment