Partage des problèmes rencontrés lors du chargement des balises audio html5 par iOS

html5 audio Les balises ne peuvent pas être lues automatiquement dans le navigateur iOS WeChat. J'ai récemment rencontré ce problème en travaillant sur un petit projet, c'est normal sur Android et PC, mais pas sur iOS. Sur la base des informations, j'ai trouvé la méthode suivante, qui n'est peut-être pas la méthode la plus utile. S'il existe une méthode plus pratique, veuillez laisser un message :

html部分：
<audio id="audio"><source src="20161012102044_57fd9dfc044cd.mp3"></audio>
<script>
    audio = document.getElementById(&#39;audio&#39;);
    audio.play();
</script>

partie js :

// 函数：    
function audioAutoPlay(id)
{
    var audio = document.getElementById(id);
    var play = function() {
        document.removeEventListener("WeixinJSBridgeReady", play);
        document.removeEventListener("YixinJSBridgeReady", play);
        // document.removeEventListener("touchstart", play, false);
        audio.play();
        audio.pause();
        };
    audio.play();
    audio.pause();
    //weixin  document.addEventListener("WeixinJSBridgeReady", play, false);
    //yixin   document.addEventListener('YixinJSBridgeReady', play, false);
    //touch   document.addEventListener("touchstart", play, false);
}
//调用：
audioAutoPlay('audio1');

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!