我有一个页面，ios手机在qq里面打开页面，音乐自动播放，但是点击暂停时音乐暂停不了（通过点击自定义按钮暂停）

<div class="music">
    <i class="music-icon"></i>
    <audio id="audio" src="bgmusic.mp3" loop="loop" autoplay="autoplay"></audio>
</div>

function MusicPlay(){
    var audio = document.getElementById('audio');
    var ico = $('.music i');
    if(audio.paused){
        audio.play();
        ico.addClass('torotate');
    }else{
        audio.pause();
        ico.removeClass('torotate');
    }
}

$('body').on('click',function(event){
    var playBtn = $('.music i');
    var music = document.getElementById('audio');
    var target = $( event.target );
    if( target.is( playBtn )){
        MusicPlay();
    }else{
        music.play();
        playBtn.addClass('torotate');
    }
});

后来又将click改成touchstart

$(document).on('touchstart', function(event) {
    var playBtn = $('.music i');
    var music = document.getElementById('audio');
    var target = $( event.target );
    if( target.is( playBtn )){
        MusicPlay();
    }else{
        music.play();
        playBtn.addClass('torotate');
    }
});

结果这下没有声音了