Layout published by vomitgirl

published 1690426189
updated 1743613085

Add to Favorites

View Layouts

View Profile

Report Layout

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

Let's Go To Bed
The Cure

by Yira; 1773996003; Report

THANK YOUUUU THIS IS SO AMAZING

by olivia hashbrown; 1774007880; Report

usingg

by Grease [ADD ME!!! XP]; 1774126364; Report

i put it in with the link but its still not working i tried 2 athoer layouts and they didnt work too is this jst the code in my about me or?

by p3nnylolz; 1774145653; Report

Esto es lo mejr que probe

by 𝐒𝘰𝘶𝘭_; 1774146083; Report

usinggg

by nana|蓮; 1774180437; Report

Using!!

by Little_Ghost; 1774196850; Report

Usingg

by Appl3; 1774205188; Report

Using!

by autumnahxlic; 1774363353; Report

Using

by autumnahxlic; 1774363382; Report

Using

by autumnahxlic; 1774363391; Report

Usingg!

by autumnahxlic; 1774363407; Report

Using, ty

by Aiko; 1774454235; Report

PlanetSusie	1774652613 Using!! This is awesome, thank you! Report Comment
Jj	1774650531 Using Report Comment
^_−☆	1774642577 usingg Report Comment
Damien	1774575430 Using! Report Comment
aflairforthemaddie	1774572328 everythings inputed correctly but when I click play it won't play :( Report Comment
paws	1774504363 USING!! THX Report Comment
samsa 🪳	1774449021 HIII USING THISS THANKYOUU Report Comment
𝔐𝔞𝔪𝔡𝔯𝔞𝔩	1774268397 Using!!!! Ty Report Comment
Raven	1774189551 using :P Report Comment
✧̥˚ 𝓚𝓸𝓷𝓪𝓶𝓲 ̥˚✧	1774125499 Using! Report Comment
cometgirl139	1774118232 using!! ty Report Comment
Divi	1774057120 usingg Report Comment
h1ghway2hell	1774011052 using Report Comment
MysticPixie	1773997984 Using !! Report Comment
Atticus.	1773990397 ILY!!! Report Comment
kuribohz ☆ (Yugi enthusiast)	1773974359 Using!! :D Report Comment
Seras	1773972302 I love you Report Comment
Luu!!	1773958488 using :3 Report Comment
Lucia	1773948759 mine appears but the music wont work :') Report Comment for me it took a bit of time for it to start playing the first time, but if u did everything correctly it should start working eventually. by Yira; 1773956374; Report ok I'll wait and hope, thanksss by Lucia; 1773956442; Report i just added the ID from youtube, the name of the song, and the artist and it isn't playing what do I do?? sorry I'm so new to coding by chloe ^^; 1773992398; Report if you pasted it correctly and removed the [] too it should start playing after a while, i wrote exactly this in my heroes tag (I already chose the song, I don't recommend copying, just check if it's all the same for u):
Everchanging-Cryptid	1773943671 I can't get the player to show up? Report Comment