久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區

標題: 如何能實現打開網站就可以播放音樂 [打印本頁]

作者: 志愿者    時間: 2022-7-26 22:54
標題: 如何能實現打開網站就可以播放音樂
比如這個網站:https://www.cvf.org.cn/
作者: 1314學習網    時間: 2022-7-27 00:42
  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    時間: 2022-7-27 12:19
靠,為了回復你這個問題,我是登錄又驗證,又是手機邦定。真是暈了,以前不是登錄過了嗎,只是沒常來而亦。網站都停了,是很少時間來了。這幾天把程序安裝在電腦里,感覺了下以前的味道。正好遇到你這個問題,我試了下,把以前建站時保留的一些代碼,換著組合,放到頁面上,還是有效果,因此貼出來給你參考下。好象第一個頁面不響,后臺隨便點擊哪個頁面,音樂響起。
             <!--背景音樂開始-->              <dl>
                 <dt>音樂欣賞</dt>
                  <dd><EMBED audio controls="controls" src=image/茶禪彈奏.mp3  width=150 height=70></audio></EMBED></dd>
                 </dl>
         <!--背景音樂結束-->
備:紅色是音樂文件路徑。
      這個代碼放在底部文件,那些關于我們等內容的導航位置。


作者: 志愿者    時間: 2022-7-27 21:55
1314學習網 發表于 2022-7-27 00:42
你發的網站里扒下來的代碼,包含暫停功能

這個代碼放到那里面?
作者: 志愿者    時間: 2022-7-27 21:55
TaC 發表于 2022-7-27 12:19
靠,為了回復你這個問題,我是登錄又驗證,又是手機邦定。真是暈了,以前不是登錄過了嗎,只是沒常來而亦。 ...

這個代碼應該放到那個文件里面?
作者: 志愿者    時間: 2022-7-27 21:59
TaC 發表于 2022-7-27 12:19
靠,為了回復你這個問題,我是登錄又驗證,又是手機邦定。真是暈了,以前不是登錄過了嗎,只是沒常來而亦。 ...

template/default/portal/index.htm
是修改這個么?
作者: 志愿者    時間: 2022-7-27 21:59
1314學習網 發表于 2022-7-27 00:42
你發的網站里扒下來的代碼,包含暫停功能

template/default/portal/index.htm
是修改這個么?
作者: 無名    時間: 2022-7-27 23:08
志愿者 發表于 2022-7-27 21:59
template/default/portal/index.htm
是修改這個么?

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

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

3、也可以把代碼添加到后臺/營運/站點廣告里。
作者: TaC    時間: 2022-7-27 23:14
志愿者 發表于 2022-7-27 21:59
template/default/portal/index.htm
是修改這個么?

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

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

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

修改底部文件也可以實現?行我知道了 感謝您的回復!
作者: 志愿者    時間: 2022-7-27 23:25
無名 發表于 2022-7-27 23:08
1、如果你想把按鈕放在頁面的左上邊,把代碼添加到 → 后臺/全局/seo設置/其他/其他頭部信息

2、如果想 ...

您這個回答太全面的,感謝您的回復!
作者: 志愿者    時間: 2022-7-29 23:49
1314學習網 發表于 2022-7-27 00:42
你發的網站里扒下來的代碼,包含暫停功能

(, 下載次數: 8)
您好,暫停播放鍵太靠邊了,能不能放在找回密碼的上方?
如果能需要修改那部分?

作者: Dny    時間: 2023-11-5 01:10
<!-- 背景音樂 -->
            <script>
              function hasClass(ele,cls) {
                return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
              }
              function musicPalyer(obj){
                var myAuto =document.getElementById('musicPalyer');
                var playerBtn = document.getElementById('player_btn');
                var boolClass = hasClass(playerBtn,'close_player');
                if(boolClass){
                  myAuto.pause(); //暫停播放
                  playerBtn.className="player";
                }else{
                  myAuto.play();
                  playerBtn.className +=" " + 'close_player';
                }
              }
            </script>
            <style>
              .player{background:url() no-repeat 50% 50%;width: 24px;height: 24px;display: block;float: right;text-indent: -9999px;margin-top:5px;}  
              .player.close_player{background:url() no-repeat 50% 50%;}
            </style>
          <audio autoplay="" id="musicPalyer">
            <source src="https://www.cvf.org.cn/cvf/images/dbs.mp3" type="audio/mpeg">
          </audio>
          <a href="javascript:void(0);" target="_self" id="player_btn" class="player close_player" onclick="musicPalyer(this)"></a>
你發的網站里扒下來的代碼,包含暫停功能
作者: Dny    時間: 2023-11-5 01:11
收藏下。。。




歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/) Powered by Discuz! W1.0