·您当前的位置:主页 > 技术教程 > Html5技术 >

解决微信不能自动播放HTML5网页audio问题

时间:2018-11-20 14:09csdn.net
解决微信不能自动播放HTML5网页audio问题,解决微信不能自动播放HTML5网页audio问题

解决微信不能自动播放HTML5网页audio问题

  1. <audio src="{$uploadpath}{$FileUpload}" autoplay loop id="audiojs"></audio> 
  2.   
  3. <script type="text/javascript"> 
  4.   document.addEventListener('DOMContentLoaded', function () { 
  5.       function audioAutoPlay() { 
  6.           var audio = document.getElementById('audiojs'); 
  7.               audio.play(); 
  8.           document.addEventListener("WeixinJSBridgeReady", function () { 
  9.               audio.play(); 
  10.           }, false); 
  11.       } 
  12.       audioAutoPlay(); 
  13.   }); 
  14.   
  15.     if (/i(Phone|P(o|a)d)/.test(navigator.userAgent)) { 
  16.       $(document).one('touchstart', 
  17.         function(e) { 
  18.             $('#audiojs').get(0).touchstart = true
  19.             $('#audiojs').get(0).play(); 
  20.             return false; 
  21.         }); 
  22.     } 
  23. </script> 

 

热门文章推荐

请稍候...