场景：微信、浏览器、App 普通解决方案：采用audio标签的autoplay属性 现象： 大部分IOS系统和少部分Android微信不支持自动播放 $解决方案：监听WeixinJSBridgeReady事件、DOMContentLoaded事件 微信的JS API ...

<audio style="display:none; height: 0" id="bg-music" preload="auto" src="../static/vid ...

移动端默认是禁止背景音乐自动播放的，很多需求都需要在页面加载完成的情况下同时出现背景音乐。 既然是微信h5，那么wx.config肯定不陌生，废话不多，直接上代码： wx.config配置成功之后执行wx.ready，在ready里让音乐播放就可以达到自动播放的要求，遗憾 ...

音乐的自动播放属性，这里也介绍一下： autoplay 属性规定一旦音频就绪马上开始播放。 如果设置了该属性，音频将自动播放。 但是在实际运用中，经常会遇到不能自动播放的现象，主要是因为有些浏览器或者手机会阻止或不支持autoplay这个属性，在这里我介绍一下我采用的方法 ...

【需求】h5页面添加背景音乐，支持微信、QQ、各种APP。 【实现思路】1、通过audio标签，设置自动播放，是一种方法，但是此方法只适合微信、QQ，并不兼容我司的APP，需要主动触发下播放事件。 　　　　　　2、针对可以自动播放的渠道，通过this.audio.addEventListene ...

　　我想应该有很多人在做H5场景应用、H5微刊、H5微杂志的时候加入背景音乐吧（客户需求），相信很多人一定碰过不能自动播放的时候，即使是相同的iPhone 5s也有不播放的时候，很蛋疼吧！？ 之前我的解决方案： 　　原理就是若遇到禁止自动播放的手机，用户第一次触摸屏幕的时候就执行 ...

我们知道，ios 在safari浏览器中，audio标签不能在没有用户交互的情况下自动播放或有js直接控制播放，这是系统限制的一些原因。 但是背景音乐在微信浏览器可以设置自动播放，config配置一下就ok！ 1.引入Js文件 在需要调用JS接口的页面引入如下JS文件，（支持https ...

最近有这么一个需求，需要在手机加载一个页面的时候，自动播放音乐资源。一般情况下，这个问题也就解决了，但是要保证各种手机上表现一致，那就相当困难了，至少要费点儿周折。 下面有三种常规的方式，可以创建自动播放的audio对象： 第一种 ...