移動端：視頻、音頻手機端無法自動播放問題解決方案

 

需要調用jweixin-1.0.0.js  下載地址：http://res.wx.qq.com/open/js/jweixin-1.0.0.js

/*微信加載完成自動播放*/
document.addEventListener('WeixinJSBridgeReady', function() {
    var audio = document.getElementById('audio');
 audio.play();
}, false);

 

音樂按鈕控制播放：

var audioPlay = function () {
 var audio = document.getElementById('audio');

 audio.play();
 var on = true;

 if(!audio.paused){
 on=false;
 $(".music-btn").removeClass("on");
 }else{
 on=true;
 $(".music-btn").addClass("on");
 }

 $(".music-btn").click(function () {
 if(on){
 on=false;
 audio.play();
 $(this).removeClass("on");
 }else {
 on=true;
 audio.pause();
 $(this).addClass("on");
 }
 });

}
/*微信加載完成自動播放*/
document.addEventListener('WeixinJSBridgeReady', function() {
 audioPlay();
}, false);