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

简介IOSSafari中,无法自动播放音频、视频文件。所以,移动页面我不建议产品设计自动播放的交互,即便在PC上,新版的chrome自动播放也被禁止了(chrome会根据用户行为来确定是否可触发自动播放)。即便如此,在制作一些移动页面的时候,应甲方爸爸的强烈要求,也难免会有自动播放这样的交互,不过还好传播的渠道大多是在微信中,所以经过搜索和尝试,确认了一套降级方案来使用:IOS微信浏览器中可以正常的使

  

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

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

以下是代码:

//方法functionweixinPlay(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();})

下载链接:网站源码/小程序源码/网站模板下载

网站技巧

Linux下使用NTFS文件系统(Linux挂载NTFS数据盘)

2024-9-19 19:44:40

网站技巧

帝国CMS灵动标签调用当天更新的标题文字显示红色其他颜色变成灰色

2024-9-19 19:44:42

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧