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

    <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";
            }
        });
相关文章
相关标签/搜索