audio标签自动播放在安卓播放正常，IOS不能自动播放

Posted 2020-10-18 guan

    <img class="musicPic" src="./music.png" id="musicIcon" />
        <audio style="display: none;" autoplay="autoplay" id="autoplay" controls="controls"loop="loop" preload="auto"
                    src="{{detail.backGroundMusic}}">
              你的浏览器不支持audio标签
        </audio>

解决办法：

 //微信自动播放 
        function audioAutoPlay(){   
                      
            play = function(){  
                musicPlay.play();  
                document.removeEventListener("touchstart",play, false);  
            };   
            document.addEventListener("WeixinJSBridgeReady", function () {  
                play();  
            }, false);  
            document.addEventListener(‘YixinJSBridgeReady‘, function() {  
                play();  
            }, false);
            document.addEventListener("touchstart",play, false);  
        }  
        audioAutoPlay();   
        //点击图片播放暂停
        musicIcon.bind("click",function(){
            console.log(musicPlay)
            if(musicState === "on"){
                musicPlay.pause();
                musicState = "off";
            }else{
                musicPlay.play();
                musicState = "on";
            }
        });