巧妙解决H5 audio自动播放无效问题

1. <audio id="bgmusic" src="http://music.163.com/song/media/outer/url?id=1851244378.mp3" autoplay="autoplay" loop="loop" style="display: block; width: 3%; height:3%;"></audio>
   
2.     <script type="text/javascript">
   
3.   function toggleSound() {
   
4.             var music = document.getElementById("bgmusic");//获取ID
   
5.                 console.log(music);
   
6.                 console.log(music.paused);
   
7.             if (music.paused) { //判读是否播放
   
8.                 music.paused=false;
   
9.                 music.play(); //没有就播放
   
10.             }
    
11. 
    
12.         }
    
13. setInterval("toggleSound()",1);
    
14. </script>

复制代码

这个办法需要用户点击了页面才会自动播放音乐。