正文

网站背景音乐隐藏按钮自动播放

献哥
献哥 V管理员 /4.59 K阅读/0评论
0115

现在浏览器都禁止网页自动播放音乐了，需要访客点击才可播放，怎么样才能让网站背景音乐自动播放看下面教程。


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

添加音乐

<audio src="音乐.mp3" rel="external nofollow"  id="aud" autoplay="autoplay" controls="controls" preload="auto"></audio>

隐藏按钮CSS

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>


 您阅读本篇文章共花了： 

除非注明，否则均为献哥项目库原创文章，转载或复制请以超链接形式并注明出处。