Html 在ipad中启用自动播放

我正在做一个html5的项目。我正在ipad上测试它。我有一个背景音频，当页面加载时播放。我制作了所有的代码来播放它，但是当它加载页面时，它不会播放。如果我点击播放按钮，它就会播放得很好

现在我想要的是自动播放音频（自动播放）。下面是我的代码

$(document).ready(function() {
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'S6.mp3');
audioElement.controls = true;
audioElement.load();
audioElement.play();



audioElement.play();
$('.play').live('click',function() {
    //alert('play');                     // alert('asdsad');
    audioElement.play();
    $("#play").removeClass("play").addClass("pause");

});
$('.pause').live('click',function() {
//  alert('pause');                    // alert('4545');
    audioElement.pause();
    //$("#play").html('<a href="#" title="Play" class="play" id="play">');

    $("#play").removeClass("pause").addClass("play");


});

$('.soundhover').live('click',function() {
    audioElement.volume=0;
    $("#off").removeClass("soundhover").addClass("soundoff");
});

    $('.soundoff').live('click',function() {
    audioElement.volume=1;
    $("#off").removeClass("soundoff").addClass("soundhover");
});

$（文档）.ready（函数（）{
var audioElement=document.createElement（'audio'）；
audioElement.setAttribute（'src'，'S6.mp3'）；
audioElement.controls=true；
audioElement.load（）；
audioElement.play（）；
audioElement.play（）；
$（'.play'）.live（'click'，function（））{
//警报（'play'）；//警报（'asdsad'）；
audioElement.play（）；
$（“#播放”）.removeClass（“播放”）.addClass（“暂停”）；
});
$（'.pause'）.live（'click'，function（））{
//警报（'pause'）；//警报（'4545'）；
audioElement.pause（）；
//$（“#播放”）.html（“”）；
$（“#播放”）.removeClass（“暂停”）.addClass（“播放”）；
});
$（'.soundhover'）.live（'click'，function（）{
audioElement.音量=0；
$（“#off”）.removeClass（“soundhover”）.addClass（“soundoff”）；
});
$（'.soundoff'）.live（'click'，function（）{
音频元素。音量=1；
$（“#off”）.removeClass（“soundoff”）.addClass（“soundhover”）；
});

---

}))

自动播放在iOS上不起作用：

---

请检查此URL，我希望您能在此处获得答案，可能是重复的