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

添加音乐

<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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐