兩種寫法都可以實現(xiàn)：

document.addEventListener("visibilitychange", () => {
if(document.hidden) {
// 頁面被掛起,暫停播放

 }else {
// 頁面呼出
               
 }

});
``

設(shè)置頁面可見與否：

document.addEventListener('visibilitychange', function () {
// 用戶離開了當前頁面
if (document.visibilityState === 'hidden') {
console.log("頁面不可見");
var music = document.getElementById("play");
music.pause();//暫停
}

// 用戶打開或回到頁面
if (document.visibilityState === 'visible') {
console.log("頁面可見");
var music = document.getElementById("play");
music.load();
music.play();//播放
}
});

實測有效，剛開始測試時，ios還是不行，預(yù)測是緩存問題，如果你們在這樣編輯的時候發(fā)現(xiàn)不行的話，可以過一會兒再測試，ios的緩存時間比較長，即使銷毀小程序重新進入也同樣會受到緩存影響。