• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > 解决微信video、audio 无法自动播放的问题

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

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了微信video、audio,自动播放等相关知识,希望对您有所帮助

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

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


以下是代码:

// 方法function weixinPlay(fn) {    if (!isWeixin()) {       // 非微信中直接执行,支不支持就交给浏览器本身了        fn();    } else {        if (window.WeixinJSBridge) {           WeixinJSBridge.invoke("getNetworkType", {}, fn);   // 这句话是在微信中可以自动播放的核心        } else {            document.addEventListener("WeixinJSBridgeReady",function () {               WeixinJSBridge.invoke("getNetworkType", {}, fn);            });        }    }}// 调用weixinPlay(function() {    document.querySelector('#bgm').play();})


分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • 2022-04-29使用宝塔 Linux 面板快速迁移网站
  • 2022-04-29详解php中函数的引用传递和返回 (附代码)
  • 2022-04-29JavaScript 对象可以做到的几件事
  • 2022-04-29Uniapp中怎么使用scrpll-view组件实现下拉刷新
  • 2022-04-29浅谈小程序中页面间传值的2种方法
  • 2022-04-29CDR绘制立体图标入门教程
  • 2022-04-29react中less不起作用怎么办
  • 2022-04-29网页CSS字体/网页常用中英文字体(带字体预览)
  • 2022-04-29ThinkPHP框架SQL操作链式写法原理
  • 2022-04-29分享帝国CMS随机会员头像的方法

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • DEDECMS列表页缩略图添加alt信息的方法
    • 聊聊怎么在docker上部署运行workerman
    • 解决mysql报错This function has none of DETERMINISTIC问题
    • 浅谈css3 device-width和width之间的差异
    • PS打造中国风水墨草书毛笔书法字体设计制作教程
    • vue简单实现转盘抽奖
    • VUE项目地址去掉 # 号的方法
    • WordPress国内网速慢加速及防DDOS攻击快速CF切换
    • UEditor新增自定义按钮/UEditor增加自定义插件
    • PS打造缝线文字效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有