我有一個頁面，ios手機(jī)在qq里面打開頁面，音樂自動播放，但是點(diǎn)擊暫停時音樂暫停不了（通過點(diǎn)擊自定義按鈕暫停）

<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');
    }
});

結(jié)果這下沒有聲音了