如何能实现打开网站就可以播放音乐

志愿者

比如这个网站：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  (这个是官方程序默认的模板文件，底部文件)
...

修改底部文件也可以实现？行我知道了 感谢您的回复！