花田◆向暖

晴天小鱼

悦儿

悦儿

悦儿

晴天小鱼

04:29 | 00:43

晴天小鱼

晴天小鱼

晴天小鱼

晴天小鱼

1. <audio id="YY"  loop type="audio/mpeg"></audio>
   
2. <p align="center"><a href="javascript:playpause();">
   
3. <svg width="36" height="36" fill="none" xmlns="http://www.w3.org/2000/svg" id="music_btn2" style="display:block" viewBox="0 0 36 36"><circle id="btn2_cr" cx="18"
   
4. 
   
5. cy="18" r="17" fill="#000" fill-opacity="0.5" stroke="#fff" stroke-width="2"><title>播放</title></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M10.832
   
6. 
   
7. 9.912c.032 0 .064.004.096.007v-.004l-.096-.003zm14.079.731a1.269 1.269 0 00-.444-.953 1.236 1.236 0 00-1.002-.283h-.003L15.28 10.91a1.229 1.229 0 00-1.028 1.236l.085
   
8. 
   
9. 9.194a2.489 2.489 0 00-1.922-.913c-1.369 0-2.468 1.122-2.456 2.506.013 1.384 1.133 2.506 2.502 2.506 1.37 0 2.469-1.122 2.456-2.506l-.067-7.286 9.525-1.838.07
   
10. 
    
11. 7.552a2.49 2.49 0 00-1.939-.934c-1.369 0-2.468 1.122-2.455 2.506.012 1.384 1.133 2.506 2.502 2.506 1.369 0 2.468-1.122 2.455-2.506l-.096-12.289z"
    
12. 
    
13. fill="#fff"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M29.596 29.598L6.402 6.403l1.414-1.414L31.01 28.183l-1.415 1.415z" fill="#fff"></path></svg>
    
14. <svg width="36" height="36" fill="none" xmlns="http://www.w3.org/2000/svg" id="music_btn1" style="display:none" viewBox="0 0  36 36">
    
15. <circle id="btn1_cr" cx="18" cy="18" r="17" fill="#000" fill-opacity="0.5" stroke="#fff" stroke-width="2"><title>暂停</title></circle>
    
16. <path fill-rule="evenodd" clip-rule="evenodd" d="M10.832 9.912c.032.001.064.004.096.007v-.004l-.096-.003zm16.463 5.374c.181-.32.215-.702.093-1.047a1.236 1.236 0 00
    
17. 
    
18. -.726-.747l-.003-.001-7.837-2.791a1.229 1.229 0 00-1.509.556l-4.524 8.005a2.488 2.488 0 00-1.207-1.752c-1.186-.684-2.7-.262-3.38.943-.681 1.205-.272 2.737.914 3.421
    
19. 
    
20. 1.185.685 2.698.263 3.38-.942l3.584-6.344 9.169 3.171-3.716 6.575a2.489 2.489 0 00-1.212-1.778c-1.186-.684-2.699-.262-3.38.943-.68 1.205-.272 2.736.914 3.42 1.186.685
    
21. 
    
22. 2.699.263 3.38-.942l6.06-10.69z" fill="#fff"></path>
    
23. <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 0 0" to="360 0 0" dur="4s" repeatCount="indefinite" />
    
24. </svg></a></p>
    
25. <script>
    
26. YY.src="https://music.163.com/song/media/outer/url?id=2121023854" ;   //引号内歌曲连接换自己唱的或其他歌
    
27. btn1_cr.style.fill="颜色";                                            //默认黑色可换，如红色引号内填#FF0000或red
    
28. btn2_cr.style.fill="颜色";                                            //默认黑色可换，如红色引号内填#FF0000或red
    
29. YY.autoplay=自动播放与否;                                          //自动单填true就可;不自动填false，同时下面两行if括号里的=换成==
    
30. if(autoplay=true){music_btn1.style.display = 'block'; music_btn2.style.display = 'none';};
    
31. if(autoplay=false){music_btn1.style.display = 'none'; music_btn2.style.display = 'block';};
    
32.     function playpause() {   
    
33.     var music = document.getElementById('YY');   
    
34.         
    
35.     if (music.paused){   
    
36.         music.play();   
    
37.         music_btn1.style.display = 'block'; music_btn2.style.display = 'none';   
    
38.     }   
    
39.     else{   
    
40.         music.pause();   
    
41.         music_btn1.style.display = 'none'; music_btn2.style.display = 'block';      
    
42.     }   
    
43. }
    
44. </script>

复制代码

晴天小鱼