IOS 10モバイルaudio.play（）はここで、不安定な

Question

を働く私のコードです：Androidのオン

$(document).on('click', 'div.play',function() { 
play = $(this); 
var stop = $('.stop'); 
contentId = play.attr('id'); 
nexttrack = nexttrackPlay(play); 

if(!play.parent().hasClass('stop')) { 
    if(song ==undefined){ 
    initAudio(play); 
    } 
    else 
    { 
    song.src = play.attr('audiourl'); 
    song.load(); 
    } 

    playerInit(play); 
    stop.each(function() { 
    $(this).removeClass('stop'); 
    }); 

    playAudio(); 
} 
else{ 
    if(song.paused){ 
    playAudio(); 
    } 
    else{ 
    stopAudio(); 
    } 
} 


}); 

function initAudio(elem) { 
var url = elem.attr('audiourl'); 
song = document.getElementsByTagName('audio')[0]; 
console.log(song); 
song.src = url; 
song.preload = 'metadata'; 
song.load(); 
    song.addEventListener('play', function() { 
    $('.play-play').addClass('stop'); 
    play.parent().addClass('stop'); 
    play.removeClass('pause'); 
    $('.button-play').addClass('stop'); 
     song.removeEventListener('play',function(){ }); 
},false); 

song.addEventListener('pause', function() { 
    play.addClass('pause'); 
    $('.play-play').removeClass('stop'); 
    $('.button-play').removeClass('stop'); 
    song.removeEventListener('play',function(){ }); 
},false); 


} 
    function playAudio() { 
    song.load(); 
    song.play(); 
    } 
    function stopAudio() { 
    song.pause(); 
    } 

とデスクトップが完璧に動作しますが、IOSに最初のクリックで、再び別の曲をクリックすると、動作しません最初は演奏を開始します。

Answer 1

私は問題と解決策を見つけました） すべてのものがヘッダーにあり、Content-Type：application/octet-streamでヘッダーを送信しました。これはIOSの場合は問題でしたが、オーディオ/ 。