文章摘要:苹果手机IOS的移动端背景音乐audio不能自动播放原因是因为ios的安全机制,把audio的canplay事件禁止了,导致了ios设备上自动播放功能不能简单的实现,需要用户点击一次才能播放。怎么
苹果手机IOS的移动端背景音乐audio不能自动播放原因是因为ios的安全机制,把audio的canplay事件禁止了,导致了ios设备上自动播放功能不能简单的实现,需要用户点击一次才能播放。怎么才能实现打开网站自动播放背景音乐呢?
安卓的自动播放:
- <script type="text/javascript">
- document.getElementById('musicAudio').setAttribute('src', 'your.mp3')
- document.getElementById('musicAudio').play()
- </script>
ios进入页面时候进行自动播放:
1、首先引入微信js
- http://res.wx.qq.com/open/js/jweixin-1.2.0.js
2、添加audio并且用js控制
- <audio id="musicAudio" ></audio>
- <script type="text/javascript">
- wx.config({
- debug: false,
- appId: data.appid,
- timestamp: data.timestamp,
- nonceStr: data.noncestr,
- signature: data.signature,
- jsApiList: []
- })
- wx.ready(function() {
- // 在微信的ready中进行播放 不管成功配置与否 都会执行ready
- document.getElementById('musicAudio').setAttribute('src', 'your.mp3')
- document.getElementById('musicAudio').play()
- })
- </script>

