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

志愿者

比如這個網站：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>

復制代碼

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

TaC

靠，為了回復你這個問題，我是登錄又驗證，又是手機邦定。真是暈了，以前不是登錄過了嗎，只是沒常來而亦。網站都停了，是很少時間來了。這幾天把程序安裝在電腦里，感覺了下以前的味道。正好遇到你這個問題，我試了下，把以前建站時保留的一些代碼，換著組合，放到頁面上，還是有效果，因此貼出來給你參考下。好象第一個頁面不響，后臺隨便點擊哪個頁面，音樂響起。
             <!--背景音樂開始-->              <dl>
                 <dt>音樂欣賞</dt>
                  <dd><EMBED audio controls="controls" src=image/茶禪彈奏.mp3  width=150 height=70></audio></EMBED></dd>
                 </dl>
         <!--背景音樂結束-->
備：紅色是音樂文件路徑。
      這個代碼放在底部文件，那些關于我們等內容的導航位置。

志愿者

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 21:59
template/default/portal/index.htm
是修改這個么？

在你所使用的模板目錄template/default/common/footer.html  (這個是官方程序默認的模板文件，底部文件)
我安裝了其它模板，目錄同樣是template/其它模板/common/footer.php (我是在這里修改測試的)

一般底部文件是：footer.html  或 footer.php。如果是官方的，文件里全是代碼，我也分不清。如果是新裝的模板，一般有中文，類似于有一些關于我們，網站站務類的內容導航，根據情況把音樂代碼安放到可以的地方。
慢慢試就好

志愿者

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

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