前端集合 - 关注前端技术和互联网免费资源

关注前端技术和互联网免费资源

分类儿

页面儿

搜索儿

前端集合 RSS订阅
Home » 前端集合 » 微信中Html5页面自动播放音频视频的最新方法

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

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

在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: 微信, 微信音频播放, 微信视频播放

帅气儿子出生了>>  << 如果解决wdcp后台和wdcp上所有网站都打不开的问题?
Top