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

koba	1701948581 usingg tysm!! Report Comment
GlubbyGuppiez	1701806355 Can Spotify playlists also be put in this? 38) Report Comment no, only youtube videos ! by vomitgirl; 1701813407; Report Ok, ty!!! by GlubbyGuppiez; 1701870656; Report
🌈 💥 \| VIV ★ !!11!1!!!!	1701444848 USING THISIS SO COOLLLL Report Comment
Litsupjane	1701382816 usando Report Comment
Billie	1701144919 Using :3 Report Comment
tatum / thalia ✮	1701036424 using Report Comment
.•♫⦻♬ คˣ𝐞ˡ ♬⦻♫•.	1701007626 SICKKKKS (btw can it autoplay?) Report Comment yes ! it should automatically autoplay if u do it right :3 by vomitgirl; 1701008716; Report thanks ✌ by .•♫⦻♬ คˣ𝐞ˡ ♬⦻♫•.; 1701026783; Report
Cosmo 🍀	1700831849 Using ^__^ Report Comment
Mio ᓚᘏᗢ	1700715052 Using:3 Report Comment
[wisetomo]	1700456283 using! <3 Report Comment
•°☆ LUKARIO ☆°•	1699964769 DEFO USING!! Report Comment
2HIGH.G0RYV4MP	1699925436 i hope both sides of your pillows are cold :3 (ive been wanting this since i realized spacehey didnt have it unlike myspace93) Report Comment
Elrun	1699893677 using <3 Report Comment
puppibaby	1699891493 using~ Report Comment
psyclone	1699197117 using!!! Report Comment
nolan	1698914571 i don't get the actual player just YouTube. what do i do now? Report Comment nvm it worked by nolan; 1698914684; Report
meatbuuuuuns	1698205917 using! it works!!! :D though the text has moved? Report Comment
camila	1698053876 idk why but when i press play on the player, it doesn't work. i even went to your page and went on my page on my phone and it still doesn't work. :( Report Comment oh it seems like u put the the wrong youtube id for the song, try replacing it with a different and make sure its /watch?v=(THIS PART) of the link :3 and also make sure you dont accidentally copy the playlist id if it in one, just the first id in the link :3 by vomitgirl; 1698080043; Report alrighty, tysm! by camila; 1698094706; Report ur welcomee :3 by vomitgirl; 1698095126; Report okay i just copied and pasted the watch id but still nothing :( by camila; 1698099143; Report oh well it seems to be working when i go on it ! r u sure it isnt ur browser settings ?? maybe its stopping the autoplay by vomitgirl; 1698160611; Report omg wait it works now…tysm! by camila; 1698175564; Report ur welcome again sldkfjsdkl :3 by vomitgirl; 1698178969; Report
demontomfoolery	1698030481 Using!! Report Comment
penny ☆	1695775262 using omg Report Comment