Javascript HTML5音频加载和播放在iPad上不起作用

我已经尝试了我能想到的每一个解决方案，但仍然无法实现。我可以在每个浏览器（包括iPhone）中加载和播放mp3或ogg，但唯一剩下的是iPad，音频无法播放。当我点击歌曲时，它会将代码加载到音频播放器src中，但不会播放歌曲。同样，这适用于所有其他支持HTML5的浏览器，但iPad不播放该文件。如果我将文件路径粘贴到代码中，歌曲会播放，因此我认为这与加载和播放功能有关，但我不知道具体如何

下面是相应的代码。任何帮助都将不胜感激。提前谢谢

HTML

试试这个：

$("#audio-player")[0].addEventListener('canplaythrough', mobileReady, false);

function mobileReady(){

  $("#audio-player")[0].play() 

}

---

您是否尝试过在运行时创建音频标记，然后评估脚本？是的，我没有任何运气。同样，奇怪的是，它在iPhone上的Safari 5的早期移动版本中工作，但在iPad上不工作。直到我将type添加到源标记中，它才在iPhone上工作。这让我相信这是一件非常愚蠢的事情。那么，这个上传的SongsFolder这个文件夹在哪里？这个是weburi还是服务器中的某个文件夹？你解决了这个问题吗？我在iPad上播放mp3音频文件时也遇到问题；而且只在iPad上！在我的例子中，它播放30分钟mp3文件的前几分钟，然后重新启动。

$("#song-title a").click(function() {
  var name = $(this).html(),
      filename = $(this).attr("data-file");
      filename2 = "uploadedsongsfolder" + filename;
      filename3 = "uploadedsongsfolder" + filename + ".mp3";
      filename4 = "uploadedsongsfolder" + filename + ".ogg";
    $('#song-title-display').html($(this).html());
     clickedID=$(this).attr('href');
     $('.tracks').removeClass('selected'); $('#'+clickedID+'_tracks').addClass('selected');

    document.getElementById('source-file1').src =   filename3;
    document.getElementById('source-file2').src =   filename4;
    $("#audio-player")[0].load();
    $("#audio-player")[0].play();
    return false;

$("#audio-player")[0].addEventListener('canplaythrough', mobileReady, false);

function mobileReady(){

  $("#audio-player")[0].play() 

}