1. 程式人生 > >audios 支援ios 自動播放 解決

audios 支援ios 自動播放 解決



官方文件說safari上不支援自動播放。必須觸控一次。因此可以這樣:

$('html').one('touchstart',function(){
audio.play();
}
});

("body").one("touchstart",
audio.play();
});

判斷是safari瀏覽器就使用這個。

觸屏即播,整個html都是播放按鈕,在使用者看來幾乎等於立即播放。
(firsttaped = 0 用來標記第一次觸屏未發生。)

var audio = document.getElementById('pageaudio');
audio.oncanplay = playmusic();

var firsttaped = 0;
function playmusic(){
$('html').on('touchstart',function(){
if(firsttaped == 0){
audio.play();
firsttaped = 1;
}
});
};