解决ios下的微信打开的页面背景音乐无法自动播放 http://www.w3cmark.com/2016/434.html
|
1 |
<audio id="Jaudio" class="media-audio" src="bg.mp3" autoplay preload loop="loop"></audio > |
如果上面的demo，你的ios微信可以播放，说明你的是大部分正常的手机。如果不能播放，哈哈，你成为了少部分不能正常播放的幸运者。。。
那代码有办法解决这少部分用户呢？如何解决呢？
答案的关键就是微信的WeixinJSBridgeReady事件。这个是微信自带提供的事件，测试发现，上面说的少部分的机子微信只要做微信ready后执行播放，就可以用代码实现自动播放功能了！具体代码请看下面
|
1 2 3 4 5 6 7 8 |
function audioAutoPlay(id){ var audio = document.getElementById(id); audio.play(); document.addEventListener("WeixinJSBridgeReady", function () { audio.play(); }, false); } audioAutoPlay('Jaudio'); |
