一、問題

     最近做了一個html5的專案，裡面涉及到音樂播放，專案要求音樂進入頁面就自動播放，於是我就想到了html5的audio標籤，將mp3引入進去。

     1.在audio標籤裡引入了autoplay屬性；

       經過測試發現Android上可以自動播放，ios上無法自動播放。

  <audio id="audio" src="1.mp3" autoplay="autoplay"></audio>

     2.在js檔案中執行audio.play();

        經過測試發現Android上可以自動播放，ios上無法自動播放。

　　var audio=document.querySelector("#audio");
　　audio.play();

二、解決辦法

     1.方法一

//使用微信現在提供過的微信js-sdk 在ready中進行播放便可。

//首先引用js ： 
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

//然後寫方法 ： 

function autoPlayAudio1(){
　　wx.config({
// 配置資訊, 即使不正確也能使用 wx.ready
　　　　debug: false,
　　　　appId: ‘‘,
　　　　timestamp: 1,
　　　　nonceStr: ‘‘,
　　　　signature: ‘‘,
　　　　jsApiList: []
　　});
　　wx.ready(function() {
　　　　document.getElementById(‘audio‘).play();
　　});
}

autoPlayAudio1();

　　2、方法二

　　var audio=document.querySelector("#audio");
    document.addEventListener("WeixinJSBridgeReady",function(){
	audio.play();
    },false);