MUSiC PLAYER iCON (AUTOPLAY WARNING) | super sonicodes

Tags: super sonicodes, music, music player, autoplay, please for the love of god stop spamming the layouts section with autoplay youtube iframes for every song in existence it's really tiring

Description:

this was originally posted by vomitgrl here!

basically an edited version of the above linked music player, but less big and on the corner of your screen so that way it doesn't take up too much space! you can press it to play/pause the music! the white border around it is so that if you have a dark background you can distinguish the music player from the background itself! this layout post will have the music player on it so you can experience it firsthand (i apologize for the maretu music)

also like the OP of the og css version of the music player said; please stop uploading every last song to the layouts section. you don't need every individual code posted when you can just change the id of the youtube link in the iframe.
if you need a certain song ID, feel free to ask me, and i can fetch the ID for you

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 𝜗𝜚 ┈ 𝐦edicalia . ( prof is a wip ) (https://layouts.spacehey.com/layout?id=91283) -->

<div style="margin-top: 4px;margin-bottom: -12px;">

<div id="music">
<iframe allowfullscreen="" src="https://www.youtube.com/embed/[MUSIC ID HERE]//?&;amp;;autoplay=1;;controls=0" loading="lazy" width="60" height="615" frameborder="0"></iframe>
</div>

</div>

<style>

#music {
  position: fixed;
  background: url('https://i.ibb.co/ygcHJyf/68197.png');
  background-size: auto;
  background-size: 40px;
  background-position: center;
  overflow: hidden;
  height: 50px;
  width: 50px;
  bottom: 2px;
  right: 3px;
  background-repeat: no-repeat;
  filter: drop-shadow(1px 1px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 -1px 0 white) drop-shadow(1px 0 white);
}
#music iframe {
  position: absolute;
  top: -55px;
  height: 307px;
  z-index: 0;
  left: 5px;
  opacity: 0.00000000000000000000000001;
}
#music div {
  position: absolute;
  top: 10px;
  left: 55px;
  width: 51%;
  margin: 0 !important;
}

</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 8 of 8 comments ( View all | Add Comment )

Z☣	1717696832 using! Report Comment
setowo	1712561907 Using !! ^_^ Report Comment
sof ★	1704163827 using thx !! Report Comment
hoaxliminal	1704096189 Using Report Comment
sage	1703019538 gonna use fr this is such a cool audio player!!! Report Comment
hannah<3	1702905885 hii!! can i get the ID for Beauty Fiend by My Ruin?? Report Comment the id is ZPIDxAJ-UQY ^__^ by 𝜗𝜚 ┈ 𝐦edicalia . ( prof is a wip ); 1702906411; Report
Eliot!!★ (Batman)	1702826785 Haii can I get the id of Zombie by Johnnie Guilbert? Thank you!:] Report Comment so sorry for the late response, i was on my way home and it took FOREVERR anyways the id is 0d0txdWY1Uk by 𝜗𝜚 ┈ 𝐦edicalia . ( prof is a wip ); 1702884209; Report