Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <!-------MUSIC PLAYER BY GLENTHEMES------->
- <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
- <style type="text/css">
- /*-------MUSIC PLAYER BY GLENTHEMES-------*/
- #glenplayer02 {
- position: absolute;
- display:flex;
- z-index:99;
- left: 7.2em;
- bottom: 1.85em;
- }
- #glenplayer02 a {text-decoration:none;}
- #glenplayer02 > div {
- align-self:center;
- -webkit-align-self:center;
- }
- .music-controls {
- user-select:none;
- -webkit-user-select:none;
- width:2.1em;
- font-size:2.2em;
- cursor:pointer;
- }
- .playy, .pausee {
- color:#000;
- } /* color of play & pause buttons */
- .playy {
- left:.25em;
- position:relative;
- }
- .pausee {
- display:none;
- font-size:.9em;
- }
- .sonata {
- margin-left:1em;
- color:#222; /* color of music note symbol */
- }
- .labeltext {
- margin-left:.8em;
- font-family:courier new;
- font-size:.9em;
- color:#222; /* color of song title */
- }
- </style>
- <body>
- <!-------MUSIC PLAYER BY GLENTHEMES------->
- <div id="glenplayer02">
- <div class="music-controls" onclick="songstart();">
- <div class="playy">►</div> <! -- Play Symbol -->
- <div class="pausee">❚❚</div> <! -- Pause Symbol -->
- </div>
- <div class="sonata"> </div>
- <div class="labeltext"> </div> <! -- leave blank unless u want the song title to show -->
- </div><!--end music player-->
- <audio id="tune" src="https://dl.dropbox.com/s/wti86jxifk988ao/SZA%20-%20Prom%20%28Audio%29.mp3?dl=0"audio"></audio> <! -- song url! -->
- </body>
- <div class="labeltext"> </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement