Question

我已经通过JS使用播放/暂停按钮在我的网站中实现了html音频。除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>

播放/暂停HTML音频不适用于iOS

0 个答案: