一、添加网页背景音乐并隐藏按钮

添加音乐

<audio src="./musics/a.mp3" id="aud" autoplay="autoplay" controls="controls" preload="auto"></audio>

隐藏按钮

audio{
  display: none;
}

二、设置在网页开始加载后点击界面后立即播放音乐

<script type="text/javascript">
  window.onload = function(){
    setInterval("toggleSound()",1);
  }

function toggleSound() {
  var music = document.getElementById("aud"); 
  if (music.paused) { 
    music.paused=false;
    music.play(); 
  }    
}
</script>

参考资料:

网页中添加背景音乐_gu_eu的博客-CSDN博客_网页添加背景音乐

html页面audio的autoplay自动播放音乐失败解决方案_m0_67401606的博客-CSDN博客_audio的autoplay

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐