在 iOS 微信浏览器中自动播放 HTML5 audio(音乐) 的正确方式
大家或多或少都知道 iOS Safari 不允许自动播放 audio, 可能已经被坑过了, 但微信内嵌的浏览器应该是做了一些定制化, 允许自动播放 audio.
测试了以下机型在微信内嵌浏览器中仅需设置 audio autoplay 即可自动播放(audio)音乐, 无需特殊处理.
* iPhone5 iOS 7.0.6 WeChat 6.2
* iPhone5s iOS 8.1.2 WeChat 6.3.7
* iPhone6Plus iOS 8.1.3 WeChat 6.3.7
* MI1S Android 4.1.2 WeChat 6.3.7
但是当手机是 iPhone6s iOS 9.1 WeChat 6.3.7 时, 必须做如下特殊处理才能在微信中自动播放(audio)音乐, 我可以推测是 iOS 9 的兼容性问题么?
其实要解决这个兼容性问题很简单, 也很隐晦, 核心原理就是在微信的 JS-API 中 play 一下 audio 即可达到自动播放的目的(应该是微信自己做了处理).
具体的实现方式请猛击在线demo, 或者扫描下面的二维码, 完整的代码请查看 autoplay-audio-ios.html
参考
--------------
iOS 微信 音频 视频自动播放
另外还可以看一看在 iOS Safari 中假装自动播放 HTML5 audio(音乐) 的正确方式
测试了以下机型在微信内嵌浏览器中仅需设置 audio autoplay 即可自动播放(audio)音乐, 无需特殊处理.
* iPhone5 iOS 7.0.6 WeChat 6.2
* iPhone5s iOS 8.1.2 WeChat 6.3.7
* iPhone6Plus iOS 8.1.3 WeChat 6.3.7
* MI1S Android 4.1.2 WeChat 6.3.7
但是当手机是 iPhone6s iOS 9.1 WeChat 6.3.7 时, 必须做如下特殊处理才能在微信中自动播放(audio)音乐, 我可以推测是 iOS 9 的兼容性问题么?
其实要解决这个兼容性问题很简单, 也很隐晦, 核心原理就是在微信的 JS-API 中 play 一下 audio 即可达到自动播放的目的(应该是微信自己做了处理).
具体的实现方式请猛击在线demo, 或者扫描下面的二维码, 完整的代码请查看 autoplay-audio-ios.html
![]() |
autoplay-audio-ios.html |
参考
--------------
iOS 微信 音频 视频自动播放
另外还可以看一看在 iOS Safari 中假装自动播放 HTML5 audio(音乐) 的正确方式
还没人转发这篇日记