站长资讯网
最全最丰富的资讯网站

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

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

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号