如何能實現打開網站就可以播放音樂

志愿者

比如這個網站：https://www.cvf.org.cn/

1 貢獻

最佳答案

1. <!-- 背景音樂 -->
   
2.             <script>
   
3.               function hasClass(ele,cls) {
   
4.                 return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
   
5.               }
   
6.               function musicPalyer(obj){
   
7.                 var myAuto =document.getElementById('musicPalyer');
   
8.                 var playerBtn = document.getElementById('player_btn');
   
9.                 var boolClass = hasClass(playerBtn,'close_player');
   
10.                 if(boolClass){
    
11.                   myAuto.pause(); //暫停播放
    
12.                   playerBtn.className="player";
    
13.                 }else{
    
14.                   myAuto.play();
    
15.                   playerBtn.className +=" " + 'close_player';
    
16.                 }
    
17.               }
    
18.             </script>
    
19.             <style>
    
20.               .player{background:url(https://www.cvf.org.cn/cvf/images/player-r.png) no-repeat 50% 50%;width: 24px;height: 24px;display: block;float: right;text-indent: -9999px;margin-top:5px;}  
    
21.               .player.close_player{background:url(https://www.cvf.org.cn/cvf/images/player-d.png) no-repeat 50% 50%;}
    
22.             </style>
    
23.           <audio autoplay="" id="musicPalyer">
    
24.             <source src="https://www.cvf.org.cn/cvf/images/dbs.mp3" type="audio/mpeg">
    
25.           </audio>
    
26.           <a href="javascript:void(0);" target="_self" id="player_btn" class="player close_player" onclick="musicPalyer(this)"></a>

復制代碼

你發的網站里扒下來的代碼，包含暫停功能

• 1314學習網
• 發表于2022-7-27 00:42:51
• 詳細答案 >

1314學習網

1. <!-- 背景音樂 -->
   
2.             <script>
   
3.               function hasClass(ele,cls) {
   
4.                 return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
   
5.               }
   
6.               function musicPalyer(obj){
   
7.                 var myAuto =document.getElementById('musicPalyer');
   
8.                 var playerBtn = document.getElementById('player_btn');
   
9.                 var boolClass = hasClass(playerBtn,'close_player');
   
10.                 if(boolClass){
    
11.                   myAuto.pause(); //暫停播放
    
12.                   playerBtn.className="player";
    
13.                 }else{
    
14.                   myAuto.play();
    
15.                   playerBtn.className +=" " + 'close_player';
    
16.                 }
    
17.               }
    
18.             </script>
    
19.             <style>
    
20.               .player{background:url(https://www.cvf.org.cn/cvf/images/player-r.png) no-repeat 50% 50%;width: 24px;height: 24px;display: block;float: right;text-indent: -9999px;margin-top:5px;}  
    
21.               .player.close_player{background:url(https://www.cvf.org.cn/cvf/images/player-d.png) no-repeat 50% 50%;}
    
22.             </style>
    
23.           <audio autoplay="" id="musicPalyer">
    
24.             <source src="https://www.cvf.org.cn/cvf/images/dbs.mp3" type="audio/mpeg">
    
25.           </audio>
    
26.           <a href="javascript:void(0);" target="_self" id="player_btn" class="player close_player" onclick="musicPalyer(this)"></a>

復制代碼

你發的網站里扒下來的代碼，包含暫停功能

志愿者

1314學習網 發表于 2022-7-27 00:42
你發的網站里扒下來的代碼，包含暫停功能

這個代碼放到那里面？

志愿者

TaC 發表于 2022-7-27 12:19
靠，為了回復你這個問題，我是登錄又驗證，又是手機邦定。真是暈了，以前不是登錄過了嗎，只是沒常來而亦。 ...

這個代碼應該放到那個文件里面？

志愿者

TaC 發表于 2022-7-27 12:19
靠，為了回復你這個問題，我是登錄又驗證，又是手機邦定。真是暈了，以前不是登錄過了嗎，只是沒常來而亦。 ...

template/default/portal/index.htm
是修改這個么？

志愿者

1314學習網 發表于 2022-7-27 00:42
你發的網站里扒下來的代碼，包含暫停功能

template/default/portal/index.htm
是修改這個么？

無名

志愿者 發表于 2022-7-27 21:59
template/default/portal/index.htm
是修改這個么？

1、如果你想把按鈕放在頁面的左上邊，把代碼添加到 → 后臺/全局/seo設置/其他/其他頭部信息

2、如果想把按鈕放到下邊，把代碼添加到 → 后臺/全局/網站第三方統計代碼

3、也可以把代碼添加到后臺/營運/站點廣告里。

志愿者

TaC 發表于 2022-7-27 23:14
在你所使用的模板目錄template/default/common/footer.html  (這個是官方程序默認的模板文件，底部文件)
...

修改底部文件也可以實現？行我知道了 感謝您的回復！