Heim  >  Artikel  >  Web-Frontend  >  Teilen von Problemen, die beim Laden von HTML5-Audio-Tags durch iOS auftreten

Teilen von Problemen, die beim Laden von HTML5-Audio-Tags durch iOS auftreten

零下一度
零下一度Original
2017-06-29 10:12:142099Durchsuche

html5 audio Tags können im iOS-WeChat-Browser nicht automatisch abgespielt werden. Bei der Arbeit an einem kleinen Projekt ist es normal, aber auf iOS habe ich nicht viel gelesen Aufgrund der Informationen habe ich die folgende Methode gefunden, die möglicherweise nicht die nützlichste Methode ist. Wenn es eine bequemere Methode gibt, hinterlassen Sie bitte eine Nachricht:

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


js-Teil:

// 函数:    
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;);


Das obige ist der detaillierte Inhalt vonTeilen von Problemen, die beim Laden von HTML5-Audio-Tags durch iOS auftreten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn