解决html5在苹果ios系统下无法自动播放声音的问题

为什么html5代码在苹果ios系统下无法自动播放声音呢？

挺多人都不知道吧，IOS下的safari是无法自动播放音乐的。

直接微信火起来后，不少人发现，微信里的却是可以自动播放的。于是乎，各种探索开始了

先看下平时使用audio标签插入背景音乐的代码：

<audio id="Jaudio" class="media-audio" src="bg.mp3" autoplay preload loop="loop"></audio >

正常来说，上面的写法在安卓和大部分IOS机子的微信是可以播放的（safari这里就忽略讨论），可以扫一扫demo测试下你的手机

贴上解决方案代码吧：

<audio id="Jaudio" class="media-audio" src="bg.mp3" preload loop="loop"></audio >

<script>

                        function audioAutoPlay(id){
                    
                            var audio = document.getElementById(id),
                    
                                play = function(){
                    
                                audio.play();
                    
                                document.removeEventListener("touchstart",play, false);
                    
                            };
                    
                            audio.play();
                    
                            document.addEventListener("WeixinJSBridgeReady", function () {
                    
                                play();
                    
                            }, false);
                    
                            document.addEventListener("touchstart",play, false);
                    
                        }
                    
                        audioAutoPlay('Jaudio');