ios加载html5 audio标签时遇到的问题分享

互联网 17-6-29

html5 audio标签在ios 微信浏览器中是无法自动播放的，最近在做一个小的项目遇到这个问题，安卓和pc都是正常的，唯独ios不行，查阅了很多资料，找到了以下方法，也许不是最好用的方法，如果有更方便的方法，尽请留言：

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

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');

以上就是ios加载html5 audio标签时遇到的问题分享的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签： Html5