码迷,mamicode.com
首页 > 移动开发 > 详细

audio在苹果手机上不能自动播放的问题

时间:2018-03-09 11:12:19      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:pos   ntb   class   images   media   lis   listen   苹果手机   log   

H5中标签audio在手机端不能自动播放 在页面上加上如下代码即可

<audio id="music" autoplay="true" loop="loop" class="audioMusicBtn media-audio" controls="controls" preload src="images/music.mp3"></audio>
function audioAutoPlay(id){
  var audio = document.getElementById(id),
    play = function(){
      audio.play();
      document.removeEventListener("touchstart",play, false);
    };
  audio.play();
  document.addEventListener("WeixinJSBridgeReady", function () {//微信
    play();
  }, false);
  document.addEventListener(‘YixinJSBridgeReady‘, function() {//易信
    play();
  }, false);
  document.addEventListener("touchstart",play, false);
}
audioAutoPlay(‘music‘);

audio在苹果手机上不能自动播放的问题

标签:pos   ntb   class   images   media   lis   listen   苹果手机   log   

原文地址:https://www.cnblogs.com/insignificant-malt/p/8532657.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!