Heim >Web-Frontend >H5-Tutorial >Teilen von Problemen, die beim Laden von HTML5-Audio-Tags durch iOS auftreten
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('audio'); 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('YixinJSBridgeReady', play, false); //touch document.addEventListener("touchstart", play, false); } //调用: audioAutoPlay('audio1');
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!