解决微信video、audio 无法自动播放的问题

 5870

IOS Safari 中,无法自动播放音频、视频文件。所以,移动页面我不建议产品设计自动播放的交互,即便在PC上,新版的chrome自动播放也被禁止了(chrome会根据用户行为来确定是否可触发自动播放)。

即便如此,在制作一些移动页面的时候,应甲方爸爸的强烈要求,也难免会有自动播放这样的交互,不过还好传播的渠道大多是在微信中,所以经过搜索和尝试,确认了一套降级方案来使用:IOS微信浏览器中可以正常的使用自动播放,在Safari中依旧不可以~


以下是代码:

  1. // 方法
  2. function weixinPlay(fn) {    if (!isWeixin()) {
  3.        // 非微信中直接执行,支不支持就交给浏览器本身了
  4.         fn();
  5.     } else {
  6.         if (window.WeixinJSBridge) {
  7.            WeixinJSBridge.invoke("getNetworkType", {}, fn);   // 这句话是在微信中可以自动播放的核心
  8.         } else {
  9.             document.addEventListener("WeixinJSBridgeReady",function () {
  10.                WeixinJSBridge.invoke("getNetworkType", {}, fn);
  11.             });
  12.         }
  13.     }
  14. }
  15. // 调用
  16. weixinPlay(function() {
  17.     document.querySelector('#bgm').play();
  18. })


TAG标签:
本文网址:https://www.zztuku.com/index.php/detail-7656.html
站长图库 - 解决微信video、audio 无法自动播放的问题
申明:如有侵犯,请 联系我们 删除。

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐