Maison > interface Web > Tutoriel H5 > Partage des problèmes rencontrés lors du chargement des balises audio html5 par iOS

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

零下一度
Libérer: 2017-06-29 10:12:14
original
2133 Les gens l'ont consulté

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>
Copier après la connexion


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(&#39;YixinJSBridgeReady&#39;, play, false);
    //touch   document.addEventListener("touchstart", play, false);
}
//调用:
audioAutoPlay(&#39;audio1&#39;);
Copier après la connexion


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal