html5中的audio標簽針對IOS系統的兼容處理

最近在寫一個移動端項目,在Android設備是播放音樂沒有問題,但是在蘋果設備上音樂無法播放,查閱資料才知道safari默認在沒有用戶交互的情況下是不允許自動播放音樂的.

所以想到了用touchstart事件進行交互

代碼

(function(){
        var audio = document.querySelector('#audio');
        function PlayAudio() {
               audio.load(); // iOS 9  需要load一下, 否則直接play無效
               audio.play(); // iOS 7/8 需要play一下
         }
    audio.addEventListener('play', function() {
        // 當 audio 能夠播放后, 移除這個事件
        window.removeEventListener('touchstart', PlayAudio, false);
      }, false);
    window.addEventListener('touchstart', PlayAudio, false);
})();