Advertisement
miyounhive

simple music player with gif

Feb 20th, 2022 (edited)
2,553
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.53 KB | None | 0 0
  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  2. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  3. <style type="text/css">
  4. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  5.  
  6. #glenplayer02 {
  7. display:flex;
  8. z-index:99;
  9. height: 20px;
  10. }
  11.  
  12. #glenplayer02 a {
  13. text-decoration:none;
  14. }
  15.  
  16. #glenplayer02 > div {
  17. align-self:center;
  18. -webkit-align-self:center;
  19. }
  20.  
  21. .music-controls {
  22. user-select:none;
  23. -webkit-user-select:none;
  24. width:22px;
  25. font-size:22px;
  26. cursor:pointer;
  27. }
  28. .playy, .pausee {
  29. background: -webkit-linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(252,179,223,1) 100%);
  30. -webkit-background-clip: text;
  31. -webkit-text-fill-color: transparent;
  32. -webkit-text-stroke: 0.75px #000;
  33. -webkit-filter: drop-shadow(0px 0px 7px #FFFFFF);
  34. }
  35.  
  36. /* color of play & pause buttons */
  37. .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 */
  38. }
  39. </style>
  40.  
  41. <div id="glenplayer02">
  42. <div class="music-controls" onclick="songstart();">
  43. <div class="playy">►</div>
  44. <div class="pausee">❚❚</div> </div>
  45. <div class="sonata"><img src="http://i12.photobucket.com/albums/a213/superkate_2468/favicon-2ico.gif"></div>
  46. <div class="labeltext"></div></div>
  47. <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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement