simple music player with gif

<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 type="text/css">
/*-------MUSIC PLAYER BY GLENTHEMES-------*/

#glenplayer02 {
display:flex;
z-index:99;
height: 20px;
}

#glenplayer02 a {
text-decoration:none;
}

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

.music-controls {
user-select:none;
-webkit-user-select:none;
width:22px;
font-size:22px;
cursor:pointer;
}
.playy, .pausee {
background: -webkit-linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(252,179,223,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.75px #000;
-webkit-filter: drop-shadow(0px 0px 7px #FFFFFF);
}

/* color of play & pause buttons */
.pausee {display:none;} .pausee {display:none;} .sonata { margin-left:10px; color:#222; /* color of music note symbol */ } .labeltext { margin-left:8px; font-family:courier new; font-size:9px; color:#222; /* color of song title */
}
</style>

<div id="glenplayer02">
<div class="music-controls" onclick="songstart();">
<div class="playy">►</div>
<div class="pausee">❚❚</div> </div>
<div class="sonata"><img src="http://i12.photobucket.com/albums/a213/superkate_2468/favicon-2ico.gif"></div>
<div class="labeltext"></div></div>
<audio id="tune" src="https://dl.dropbox.com/s/30nr72j4k2j8w45/%EC%9E%90%EA%B0%81%EB%AA%BD%20Lucid%20Dream.mp3" type="audio"></audio></div>