跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 微信 H5 页面在安卓环境下 video 无法自动播放视频,该如何解决?
未分類
15 4 月 2020

微信 H5 页面在安卓环境下 video 无法自动播放视频,该如何解决?

微信 H5 页面在安卓环境下 video 无法自动播放视频,该如何解决?

資深大佬 : cl903254852 82

需求:做个类似抖音 h5 页面,哪怕第一个视频需要手动播放都行,后面的视频能自动播放。

IOS 没有问题,可以自动播放,安卓不行。

在网上查了资料,没有解决办法。

黑魔法也行。

大佬有話說 (26)

  • 資深大佬 : f056917

    哈哈哈这个我遇到过,用定时器解决

  • 資深大佬 : f056917

    不对,看错了。。。。。我当时做的是直播,你这个是视频列表

  • 資深大佬 : f056917

    什么格式的视频? flv 的话用 bilibili 的 flv.js 试试

  • 資深大佬 : ccfoucs

    非 wifi 环境下浏览器是禁止自动播放的,省流量

  • 資深大佬 : redbuck

    与 wifi 无关.

    高版本浏览器禁止视频,音频自动播放.只能由用户行为触发.甚至,如果是在用户行为的回调中,你加个延时都是无效的.

    如果是在微信中,那可以使用’WeixinJSBridgeReady’事件,微信浏览器做了特殊处理,在这个回调里拿到 videoContext,手动调用 play 可以开始播放.

    除此之外,你可以监听 touchstart 事件,至少在用户接触屏幕之后可以开始播放

  • 資深大佬 : KuroNekoFan

    youtube 的方法是 mute 播放,然后加个提示让用户交互来启用声音

  • 資深大佬 : redbuck

    查了下, 设置 muted 视频可以静音自动播放
    [MDN 文档]( https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video)

  • 資深大佬 : efaun

    自动播放视频就是毒瘤,我遇到一个关一个

  • 資深大佬 : slowhand

    忘了自己当年微信打开视频遇到的是什么奇葩问题了。
    试试这几个设置:
    // for wechat browser
    video.setAttribute(‘webkit-playsinline’, ‘webkit-playsinline’);
    video.setAttribute(‘x-webkit-airplay’, ‘true’);
    video.setAttribute(‘playsinline’, ‘true’);
    video.setAttribute(‘x5-video-player-type’, ‘h5’);
    video.setAttribute(‘x5-video-player-fullscreen’, ‘false’);
    video.preload = ‘auto’;

  • 資深大佬 : KuroNekoFan

    不要尝试其它 workaround 了,用得了一时,用不了升级系统

  • 主 資深大佬 : cl903254852

    @f056917 mp4 格式

  • 主 資深大佬 : cl903254852

    @slowhand 这些加过了,跟自动播放没有关系,IOS 可以自动播放安卓不行

  • 主 資深大佬 : cl903254852

    @redbuck 对,我监听了 WeixinJSBridgeReady 事件,然后在回调里用 video.play() 方法,IOS 可以 安卓不行

  • 資深大佬 : chaselen

    去年研究过一样的问题,无解

  • 資深大佬 : f056917

    安卓版微信内置 X5 浏览器,播放的时候自动全屏的问题你解决了?

  • 資深大佬 : learnshare

    浏览器的安全策略,禁止自动播放,只有手动同步触发才行

  • 資深大佬 : xiangyuecn

    黑魔法?帧动画要不要,检测到不能自动播放时播放图片帧序列来模拟视频,反正流量不要钱

  • 資深大佬 : zisiluojin

    试试调用 wxsdk,在 sdk 初始化时候播放

  • 資深大佬 : qiayue

    用微信 jssdk,在初始化后播放

  • 資深大佬 : justin2018

    https://github.com/qiaozi-tech/WXInlinePlayer 这个应该符合主需求~

  • 資深大佬 : ajaxfunction

    哈哈,微信里最好解决,反而浏览器不行。
    因为微信有 JSSDK,自动播放音频视频都很简单

  • 資深大佬 : cw2k13as

    @xiangyuecn 你可真是个小机灵鬼,鬼才

  • 資深大佬 : redbuck

    @cl903254852 我的安卓可以啊.你是不是加了 setTimeout,video.play 只能在用户行为回调里同步执行,异步不行.

  • 資深大佬 : reus

    我先骂一句傻逼自动播放。

  • 資深大佬 : constantine008

    遇到过,反正我最后得出的结论是解决不了。。很多说可以的都是在浏览器里可以,而不是在微信里的浏览器可以,不知道其它大神怎么做到的

  • 資深大佬 : constantine008

    说可以的,好歹随便给个可以自动播放的网址开开眼

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具