苹果微信会拦截视频音频的自动播放,导致play()事件不生效,移动网页开发者可能会遇到或没发现到这问题,网页时不时需要自动播放背景音乐,应使用如下代码解决

  1. var myaudio=document.getElementById("myaudio");  
  2. myaudio.volume=1;  
  3. myaudio.play();  
  4. audioPlay(myaudio)  
  5. //移动端自动播放音频  
  6. function audioPlay(ele){  
  7.     if(window.WeixinJSBridge){  
  8.         WeixinJSBridge.invoke('getNetworkType', {}, function(e) {  
  9.             ele.play();  
  10.         }, false);  
  11.     }else{  
  12.         document.addEventListener("WeixinJSBridgeReady", function() {  
  13.             WeixinJSBridge.invoke('getNetworkType', {}, function(e) {  
  14.                 ele.play();  
  15.             });  
  16.         }, false);  
  17.     }  
  18. }  

欢迎留言