powys

music player inside a container

May 31st, 2021 (edited)
2,171
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.54 KB | None | 0 0
  1. please cr @ciarispop for the code and GLENTHEMES for the music code ~!
  2.  
  3. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4.  
  5. <!-------MUSIC PLAYER BY GLENTHEMES------->
  6. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  7.  
  8. <style type="text/css">
  9. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  10. #glenplayer02 {
  11. position:relative;
  12. top:-35px;
  13. left:-55px;
  14. width:150px
  15. ;z-index:5
  16. }
  17. div.ex2 {
  18. width: 27px;
  19. background:white;
  20. opacity:0.75;
  21. margin: auto;
  22. border: 3px double #000;
  23. padding:5px;
  24. }
  25. #glenplayer02 a {text-decoration:none;}
  26.  
  27. #glenplayer02 > div {
  28. align-self:center;
  29. -webkit-align-self:center;
  30. }
  31.  
  32. .music-controls {
  33. user-select:none;
  34. -webkit-user-select:none;
  35. width:13px;
  36. font-size:13px;
  37. cursor:pointer;
  38. }
  39.  
  40. .playy, .pausee {color:#000;} /* color of play & pause buttons */
  41.  
  42. .pausee {display:none;}
  43.  
  44. .sonata {
  45. margin-left:10px;
  46. color:#222; /* color of music note symbol */
  47. }
  48.  
  49. .labeltext {
  50. margin-left:8px;
  51. font-family:courier new;
  52. font-size:9px;
  53. color:#222; /* color of song title */
  54. }
  55.  
  56. </style>
  57. <body>
  58. <!-------MUSIC PLAYER BY GLENTHEMES------->
  59. <div id="glenplayer02">
  60. <div class="ex2">
  61. <div class="music-controls" onclick="songstart();">
  62. <div class="playy">►</div>
  63. <div class="pausee">❚❚</div>
  64. </div>
  65. <div class="sonata"> </div>
  66. <div class="labeltext"></div>
  67. </div><!--end music player-->
  68. </div>
  69.  
  70. <audio id="tune" src="https://dl.dropbox.com/s/42mjna9sxsleb5j/Luis%20Miguel%20-%20Delirio.mp3"audio"></audio>
  71. </body>
  72.  
  73. <div class="labeltext"> </div>
Add Comment
Please, Sign In to add comment