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

♡⏝　⸝⸝　ραɯȥα　　◞	1778309476 using tyty !! ^^ Report Comment
destiny	1778201127 using! Report Comment
Tobias Avery	1778190265 Using!! Report Comment
bwi ⊹ ࣪ ˖	1778161218 using this, thank you! 🩵 Report Comment
uuulix .	1778021451 using xx Report Comment
yodeleyeyayyyyy	1777944691 using Report Comment
Yuri_Heathcliff	1777885147 using!! Report Comment
Glitter-kitten_XO_fangs	1777838249 using Report Comment
♯⋮ 𝄞 daridaridariiii ༉ ᡕᠵデᡁ᠊╾	1777759089 using! :3 Report Comment
Snapalaa	1777752293 using Report Comment
maf	1777717175 usinggg Report Comment
༺ ωєη∂у ༻	1777621977 using Report Comment
Atheria	1777463266 i followed the instructions, removed the brackets, placed the link,ect. But when i click it it just takes me to yt page, it doesnt play the music Report Comment the same thing is happening to me ._. by m4ds; 1777497843; Report sorry 2 report but the author of this isnt on spacehey anymore so i dobut she'll ever come to fix this problem :// by vicktor ⸝⸝.; 1777532431; Report maybe some html wizard can swoop in and help us one day by m4ds; 1777566891; Report Yeah let's hope I'm terrible at coding (ToT) by Atheria; 1777621668; Report hii mine worked but i used bandcamp embed by muffin purper-gurk ฅ^•ﻌ•^ฅ; 1777702867; Report guys i solved it but i cant paste the "heroes" part of the code here for some reason please check out my blog post where i have the code by adenosav; 1777705039; Report wait nevermind chat ill just make it as a new layout by adenosav; 1777705095; Report IM GOING INSANE for some reason posting layouts is disabled ill js make it a blog post sorry by adenosav; 1777705161; Report NEVERMIND AGAIN ILL JS PASTE IS AS PASTEBIN CODE by adenosav; 1777705487; Report hi: https://pastebin.com/kp0iEtZc by adenosav; 1777705647; Report Thank you ill try it rn by Atheria; 1777707893; Report i tried it but when you put the embed code the text overlaps the player idk maybe its just me or smth by Atheria; 1777713264; Report wait it worked for me… when i get back on pc i’ll check by adenosav; 1777713764; Report my player is working for me even when i’m on ipad… try pasting it in general (i didn’t check ur profile thoroughly, if you already pasted on general try again in heroes, it’s not much of a difference) i’ve observed your player doesn’t even play the song when i click it, if you want i’ll share the exact code on my profile in case if i made an error while pasting it in pastebin by adenosav; 1777714007; Report okayy thank you! by Atheria; 1777714058; Report I also placed the embed code if you want to see what i mean by it overlapping by Atheria; 1777714303; Report Worked for me thanks sav! Not to be annoying there any way to modify it so it autoplays? by m4ds; 1777856781; Report Atheria maybe try deleting what you put in and trying over again. Are you removing the brackets in the code, using the right ID code for the yt vid, and putting the code in the right spots? by m4ds; 1777856878; Report im not sure on how to bring it to autoplay... but its a music player. if you want you can take reference from codes for background song players to tweak this. if i find anything i'll let you know! by adenosav; 1777876860; Report Atheria- i checked your embed code in inspect elemnt and it says your embed code is invalid. i think you have to remove the square brackets and check if you only copied the stuff after the equal sign in youtube.. by adenosav; 1777877001; Report Okayy ill try again! sorry for bothering you by Atheria; 1777881077; Report its alright! by adenosav; 1777883762; Report thanks adenosav!! i used your code >< by muffin purper-gurk ฅ^•ﻌ•^ฅ; 1777953755; Report you’re welcome!! by adenosav; 1777990711; Report
fr3st	1777442413 using! Report Comment
⤷ ゛reyˎˊ˗ ⋆✴︎˚｡⋆	1777252543 if it doesn't work for anyone (in my case clicking the play/ pause button just opened the artist profile) try clicking the top left corner of the actual bar Report Comment ok thanks for that 🙏🙏 by adenosav; 1777701736; Report
S4TURN	1776978570 USING but it dosent work :( Report Comment
☆Jiaozi☆	1776935912 Using! i did everything u told to do, but when i try to turn it on, it doesn't play a song. Apparently when i click, i can click only once but it doesn't do anything tho- idk what i did wrong((( Report Comment
bowwiq	1776811888 using! but it leads to the youtube page on pc ╯︿╰ Report Comment
tiga	1776730676 using!!!!!!!!!! Report Comment