Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<!------- HARENCHI player by lovermonth, modified from glenthemes player 02 ------->
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
<style type="text/css">
@font-face {
font-family: emoji;
src: url(https://dl.dropbox.com/s/miph32gnut3atwk/bmstamp.TTF);
}
/*-------MUSIC PLAYER BY GLENTHEMES-------*/
#glenplayer02 {
position:fixed;
bottom:0;margin-bottom:40px;
left:0;margin-left:20px;
display:flex;
z-index:99;
}
#glenplayer02 a {text-decoration:none;}
#glenplayer02 > div {
align-self:center;
-webkit-align-self:center;
}
.music-controls {
user-select:none;
-webkit-user-select:none;
width:20px;
color: #7232B3;
font-family: emoji;
font-size: 20px;
cursor:pointer;
}
.playy, .pausee {
color: #7232B3;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 7px); }
100% { transform: translate(0, -0px); }
} /* color of play & pause buttons */
.pausee {display:none;}
.sonata {
margin-left:10px;
width:250px;
font-size:20px;
font-family: pokemonred;
color:#7232B3; /* color of music note symbol */
}
</style>
<!-------MUSIC PLAYER BY GLENTHEMES------->
<div id="glenplayer02">
<div class="music-controls" onclick="songstart();">
<div class="playy">T</div>
<div class="pausee">Z</div>
</div>
<div class="sonata"><marquee> </marquee></div>
<div class="labeltext"></div>
</div><!--end music player-->
<audio id="tune" src="https://dl.dropbox.com/s/09w62r3zof9e4ap/CHANMINA%20%28%E3%81%A1%E3%82%83%E3%82%93%E3%81%BF%E3%81%AA%29%20-%20%E3%83%8F%E3%83%AC%E3%83%B3%E3%83%81%20%28HARENCHI%29%20%28JPN%2C%20ROM%2C%20ENG%29%20Lyrics.mp3" type="audio"></audio>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
skyw6rdpro
0viewers