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:

1. Get your video, and copy the string of text after 'watch?v='.
2. Ctl+f find "ENTER_YOUR_VIDEO_CODE_HERE" in the video player code below.
3. 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:

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.