ios在页面更改时暂停音频

Question

该问题显示在带有 IOS 8.0.1 的 iPad 上。
在 page1.html 上播放的是无限音频
我想如果我转到另一个页面(例如 page2.html)，声音会停止播放，但它仍然在播放。
我尝试使用 unload、pagehide 和 visibilitychange 事件来阻止它，但我所有的努力都失败了。

编码

<audio id="sound" loop src="audio/baby.mp3"></audio>
<script>        
        var player = document.getElementById("sound");
        window.addEventListener("unload", function () {
            player.pause();
        });
        if ('onpagehide' in window)
            window.addEventListener("pagehide", function () {
            player.pause();
        });    
        if ('onvisibilitychange' in window)
            window.addEventListener("visibilitychange", function () {
            player.pause();
        });
</script>

仅当我重新加载已激活的页面时，声音才会停止。

Answer 1

找出!

可能是 Safari 的 bug:
使用 native 属性“循环”，您无法停止音频。

所以我用我自己的循环函数替换了它，包括页面可见性检查

player.addEventListener("ended", function() {
                    if (windowVisible)
                        player.play();
                });