微信中Html5页面自动播放音频视频的最新方法

发布者：前端集合 // 发布时间：2018-06-04 23:17:00 // 分类：前端集合 // 访问: 6,250 次 // 热度:

在Ios 浏览器中，进入页面自动播放音视频是不被允许的，必须要有人为的事件触发才行。

但是在Ios中又有一个例外，就是在QQ和微信中，可以做到加载页面自动播放音视频。

在QQ中

QQ用常规写法即可：

<audio src="xxx" id="audio">;

document.getElementById('audio').load();
document.getElementById('audio').play();

在微信中

前提是引入微信js文件：http://res.wx.qq.com/open/js/jweixin-1.2.0.js

try {
  wx.reday(function(){
     document.getElementById('audio').load();
     document.getElementById('audio').play();
  });
} catche (e) {
  console.log(e);
}

如果上面的方法不生效，还可以这么些：

try {
  wx.reday(function(){
    wx.getNetworkType({
       complete: function (res) {
          document.getElementById('audio').load();
          document.getElementById('audio').play();
       }
     });
  });
} catche (e) {
  console.log(e);
}

Tags: 微信, 微信音频播放, 微信视频播放