Danganronpa 2 Music Player

Tags: danganronpa, music, digital, guitar, yellow, player

Description:

Music Player themed after Danganronpa and meant to go with this theme. You can still use it separately with your own theme, though.

INSTRUCTIONS FOR USE:

Get your video, and copy the string of text after 'watch?v='.
Ctl+f find "ENTER_YOUR_VIDEO_CODE_HERE" in the video player code below.
Replace the text with your code from the video and the player should work!

For some reason, though, Autoplay and loop don't work. they're set on but it doesn't have an effect on the Youtube embed. Oh well :/

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Groonklie (https://layouts.spacehey.com/layout?id=30623) -->

<div class="vidaplay"><iframe width="150" height="150" src="https://www.youtube.com/embed/ENTER_YOUR_VIDEO_CODE_HERE?autoplay=1&controls=0&loop=1&fs=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></div>
<div class="corner-thing"><img src="https://groonklie.com/spacehey-junk/dangan/dangan2-sidething.PNG"/></div>
<div class="guitar-thing"><img src="https://groonklie.com/spacehey-junk/dangan/dangan2-geetar.PNG"/></div>
<style>
@media screen and (orientation: portrait) {
.songsjunk { display:none; }
}
.vidaplay, .corner-thing, .guitar-thing { position: fixed; }
.corner-thing, .guitar-thing { pointer-events: none; user-select: none; }
.vidaplay {
left: -4px;
bottom: -8px;
border: solid #ffe400 4px;
background: black url("https://groonklie.com/spacehey-junk/dangan/lilgrid.PNG");
border-top-right-radius: 4px;
z-index: 3;
}
.corner-thing {
left: -200px;
bottom: 0;
z-index: 2;
transform: rotate(180deg);
}
.corner-thing img { height: 44px; }
.guitar-thing {
left: 150px;
bottom: 0;
z-index: 4;
transform: rotate(-15deg);
}
</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 )

Nanamiis	1727211696 using ! Report Comment
﹒⇆﹒★ . DaNa !﹒ᶻz	1726698515 Using! Report Comment
HiHIronya	1721919684 using Report Comment
Taomi	1715443272 using Report Comment
zzzbastianmercedezzz	1708830625 USING!!!!! Report Comment
cattokevo	1704597891 using!! Report Comment
Eppy boi! :3 🎤 ☆ミ	1698809310 using! Report Comment
nazari	1684691355 thank you! using but without the video play feature Report Comment