Воспроизведение / пауза HTML-аудио не работает на iOS

Question

Я добавил html-аудио на свой веб-сайт с помощью кнопки воспроизведения / паузы через JS. Прекрасно работает на всех настольных и мобильных устройствах, кроме iOS.

Это не автозапуск, поэтому я не думаю, что это нарушает какие-либо политики iOS?

Это код, который я использую.

P.S: попытался выполнить поиск по stackoverflow, но не нашел ничего, что работает.

<style>
 #demo {
    width: 60px;
    height: 60px;
    outline: none;
       }
</style>

<button onclick="Play()" id="demo"></button>

<audio id="player" preload="auto">
 <source src="https://s3.eu-central-1.amazonaws.com/radmitry/Yoshio_Chino-We_Pray_For_Japan.mp3">
</audio>

<script>
    var audio = document.getElementById("player");
    audio.volume = 0.5;
    var butn = document.getElementById("demo");
    butn.style.background = "url(https://uploads-ssl.webflow.com/5acdf398c6f3e7252e9a31b9/5ad9f901d9a651ff58dad03b_play.svg) no-repeat";

    function Play() {
       if(audio.paused) {
               audio.play();
               butn.style.background = "url(https://uploads-ssl.webflow.com/5acdf398c6f3e7252e9a31b9/5ad9f8b88fb8e56097aa04ca_pause.svg) no-repeat";
    }

    else {
              audio.pause();
               butn.style.background = "url(https://uploads-ssl.webflow.com/5acdf398c6f3e7252e9a31b9/5ad9f901d9a651ff58dad03b_play.svg) no-repeat";
              }
      }

</script>