music player nako.ju.mp

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>

<style>

#glenplayer02 {
    position: relative;
    top: 3px;
    left: 4px;
    display: flex;
    z-index: 99;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
    color: #fff;
}


@font-face {
font-family: lovely;
src: url(https://dl.dropbox.com/s/xde2bkhiie1bm8r/LovelyRegular.ttf);
}

marquee {
font-family: lovely;
color: #fff;
}

#glenplayer02 > div { align-self:center; -webkit-align-self:center; }

.music-controls {
user-select:none;
-webkit-user-select:none;
width:16px;
font-size:16px;
cursor:pointer; }

.playy, .pausee {
color:#ece8ff;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
}

/* color of play & pause buttons */
.pausee {display:none;}

.sonata { margin-left:10px; color:#fff; /* color of music note symbol */ }

.labeltext { margin-left:0px; font-family: lovely; font-size:16px; font-weight: bold; color:#fff; /* color of song title */ text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0; }

</style>

<div id="glenplayer02">

<div class="music-controls" onclick="songstart();">
<div class="playy" style="display: block;">♫</div><div class="pausee" style="display: none;">❚❚</div></div>
<div class="sonata"> </div>

<div class="labeltext">

<marquee> NOW pLAYING... SONG – ARTIST! ❥ <font color="#ece8ff">lyrics lyrics lyrics lyrics lyrics lyrics lyrics </font> </marquee>


</div>
</div>

<audio id="tune" src="https://dl.dropbox.com/s/8eb4uv6fyjban7t/WE%20GO.mp3" audio"=""></audio>