powys

minimalist music player by glenthemes

Jun 12th, 2021
4,761
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  2.  
  3. <!-------MUSIC PLAYER BY GLENTHEMES------->
  4. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  5.  
  6. <style type="text/css">
  7. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  8. #glenplayer02 {
  9. position:fixed;
  10. bottom:0;margin-bottom:20px;
  11. left:0;margin-left:20px;
  12. display:flex;
  13. z-index:99;
  14. }
  15. #glenplayer02 a {text-decoration:none;}
  16.  
  17. #glenplayer02 > div {
  18. align-self:center;
  19. -webkit-align-self:center;
  20. }
  21.  
  22. .music-controls {
  23. user-select:none;
  24. -webkit-user-select:none;
  25. width:13px;
  26. font-size:13px;
  27. cursor:pointer;
  28. }
  29.  
  30. .playy, .pausee {color:#000;} /* color of play & pause buttons */
  31.  
  32. .pausee {display:none;}
  33.  
  34. .sonata {
  35. margin-left:10px;
  36. color:#222; /* color of music note symbol */
  37. }
  38.  
  39. .labeltext {
  40. margin-left:8px;
  41. font-family:courier new;
  42. font-size:9px;
  43. color:#222; /* color of song title */
  44. }
  45.  
  46. </style>
  47. <body>
  48. <!-------MUSIC PLAYER BY GLENTHEMES------->
  49. <div id="glenplayer02">
  50. <div class="music-controls" onclick="songstart();">
  51. <div class="playy">►</div>
  52. <div class="pausee">❚❚</div>
  53. </div>
  54. <div class="sonata"> </div>
  55. <div class="labeltext"> song name </div>
  56. </div><!--end music player-->
  57.  
  58. <audio id="tune" src="https://dl.dropbox.com/s/22he1ckywvszvcw/Click.mp3"audio"></audio>
  59. </body>
  60.  
  61. <div class="labeltext"> </div>
  62.  
RAW Paste Data