首页 > 公众号教程 > 解决微信页面背景音乐无法自动播放的方法汇总

解决微信页面背景音乐无法自动播放的方法汇总

上一篇 下一篇

  最近的懒友开发项目,又发现了一个头疼的问题。部分的iOS微信,打开有自动播放背景音乐的页面没有声音!最头疼的是这个问题出现做同款机子,相同的iOS系统,相同的微信版本!但是就是部分没有音乐的。下面总结下面所有方法:

  1.不支持audio的autoplay,部分的IOS微信(本文提供的解决方案)
  
  2.不支持audio的autoplay,部分的安卓机子的自带浏览器(比如小米,开始模仿safari)和全部的ios safari(这种只能做用户触屏时就触发播放了)
  
  3.支持audio的autoplay,大部分安卓机子的自带浏览器和微信,大部分的IOS微信(无需特殊解决)

<audio src="bg.mp3" id="Jaudio" class="media-audio" autoplay preload loop="loop"></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('Jaudio');  

模板简介:该模板名称为【解决微信页面背景音乐无法自动播放的方法汇总】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【公众号教程】栏目查找您需要的精美模板。

相关搜索
  • 下载密码 lanrenmb
  • 下载次数 103,652次
  • 使用软件
  • 文件格式
  • 文件大小
  • 上传时间 05-02
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
热门推荐 更多 >
微信模板 微信素材 企业网站 自适应 html5 微信公众平台 响应式 微信文章 微信图片 单页式简历模板
您可能会喜欢的其他模板