关于ios中 音频不能自动播放的兼容

安卓机正常 ios不能

<div id="audio_btn" class="rotate">
    <audio loop src="./images/Richard%20Clayderman.mp3" id="media" autoplay="" preload=""></audio>
</div>

<!--图片暂停,音乐暂停-->
<script>
    var x = document.getElementById("media");

    $(function(){
        //调用 <audio> 元素提供的方法 play()
        x.play();
        //判斷 WeixinJSBridge 是否存在
        if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
            x.play();
        } else {
            //監聽客户端抛出事件"WeixinJSBridgeReady"
            if (document.addEventListener) {
                document.addEventListener("WeixinJSBridgeReady", function() {
                    x.play();
                }, false);
            } else if (document.attachEvent) {
                document.attachEvent("WeixinJSBridgeReady", function() {
                    x.play();
                });
                document.attachEvent("onWeixinJSBridgeReady", function() {
                    x.play();
                });
            }
        }
        $("#audio_btn").click(function(){
            $(this).toggleClass("rotate"); //控制音乐图标 自转或暂停
            //控制背景音乐 播放或暂停
            if($(this).hasClass("rotate")){
                x.play();
                $("#audio_btn").css("background-image", "url('./images/music-1.png')")
            }else{
                x.pause();
                $("#audio_btn").css("background-image","url('./images/music-2.png')");
            }
        })
    });
</script>