HTML5 аудио работает на рабочем столе и iphone, но не на ipad

Question

Это мой код. Звук работает везде кроме как на ipad. Опробовано с двумя разными устройствами.

var audioplayer = document.createElement('audio');
audioplayer.id = "audioplayer";
var audiosource = document.createElement('source');
audiosource.id = "audiosource";
audiosource.type = "audio/mpeg";
audiosource.src = "";
audioplayer.appendChild(audiosource);
td.appendChild(audioplayer);

var voice_icon = document.createElement('p');
voice_icon.id = "voice_icon_dict";
voice_icon.className = "volumeicon";
voice_icon.innerHTML = "<i class='fa fa-volume-down'></i>";
td.appendChild(voice_icon);

voice_icon.addEventListener("click", function() {
    var myRowIndex2 = $(this).closest('tr').index();
    var word = columns[myRowIndex2-1][0];
    var xhr = new XMLHttpRequest();
    var url = '/polly.php';
    xhr.open('POST', url, true);
    xhr.responseType = 'blob';
    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    xhr.onload = function(oEvent){
        var audioblob = new Blob([xhr.response], {type: 'audio/mpeg'});
        var objectURL = URL.createObjectURL(audioblob);

        //code definitely reaches this part on ipad so that's not an issue
        $('#audiosource').attr('src',objectURL);
        $('#audioplayer').trigger('load');
        $('#audioplayer').trigger('play');
    }
    xhr.send("word="+word);
});

В качестве теста на этой ссылке воспроизводится звуковой сигнал сингла на ipad, так что это не настройка ipad или проблема с громкостью. Есть идеи?