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

志愿者 · 發表于 2022-7-26 22:54:08

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

1 貢獻

<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(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;}
.player.close_player{background:url(https://www.cvf.org.cn/cvf/images/player-d.png) 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>

復制代碼

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

1314學習網 · 發表于 2022-7-27 00:42:51

<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(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;}
.player.close_player{background:url(https://www.cvf.org.cn/cvf/images/player-d.png) 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>

復制代碼

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

志愿者 · 發表于 2022-7-27 21:55:21

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

這個代碼放到那里面？

志愿者 · 發表于 2022-7-27 21:55:55

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

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

志愿者 · 發表于 2022-7-27 21:59:36

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

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

志愿者 · 發表于 2022-7-27 21:59:51

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

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

無名 · 發表于 2022-7-27 23:08:52

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

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

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

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

志愿者 · 發表于 2022-7-27 23:24:49

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

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

志愿者 · 發表于 2022-7-27 23:25:13

無名發表于 2022-7-27 23:08
1、如果你想把按鈕放在頁面的左上邊，把代碼添加到 → 后臺/全局/seo設置/其他/其他頭部信息

2、如果想 ...

您這個回答太全面的，感謝您的回復！

志愿者 · 發表于 2022-7-29 23:49:15

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

您好，暫停播放鍵太靠邊了，能不能放在找回密碼的上方？
如果能需要修改那部分？

香蕉成人伊视频在线观看|学生小视频国产区|yy女主播啪啪啪视频|麻豆传播媒体APP大全免费版官网|瑜伽牲交AV|国产欧美日韩在线天堂区|白浆精品国产91