iVeego
V2EX  ›  问与答

[急求技术解决方案] 求 H5 技术大牛解决 BUG,有偿,费用可以详谈。

  •  
  •   iVeego · Feb 7, 2018 · 3508 views
    This topic created in 3197 days ago, the information mentioned may be changed or developed.

    代替好友发帖

    具体背景情况如下:H5 中间嵌套了一个视频,增加了几个交互按钮,每一次交互其实是视频的暂停重新播放。

    遇到的问题:安卓手机(主要是华为和三星)在微信中播放 H5 里的视频,会自动跳到自带的视频播放器,交互键(按钮)会消失,无法实现暂停与重新播放。

    预期实现的效果:需要不调用自带的视频播放器,留住交互按钮。

    联系方式:WX 号码:amVzc2llODg2 ( base64 )费用和技术细节 WX 详谈。

    感谢各位。

    Supplement 1  ·  Feb 8, 2018
    解决方案:给 video 设置两个属性 x5-video-player-type="h5" 和 x5-video-player-fullscreen="true"
    @faustina2018
    24 replies  •  2018-02-08 16:13:40 +08:00
    learnshare
    learnshare
    Feb 7, 2018❤️1
    1
    可以尝试一下不使用视频,或者不使用微信
    FaustinaD
    FaustinaD
    Feb 7, 2018❤️1
    2
    顶顶顶,其实是我在求助,微信也是我的号码,急求大神来解决!!!
    vincentxu
    vincentxu
    Feb 7, 2018 via iPhone❤️2
    3
    安卓机上面视频会把它上面的元素全部盖住的,你这个没法做,只能把按钮放视频外,或者你试试 https://x5.tencent.com/tbs/guide/video.html 这里面的
    FaustinaD
    FaustinaD
    Feb 7, 2018 via iPhone❤️1
    4
    @vincentxu 这个方法试过了,不好使ಥ_ಥ
    cnwtex
    cnwtex
    Feb 7, 2018❤️1
    5
    微信里面和 QQ 浏览器会接管视频播放, 所以答案是,别想了。这条经验是免费送的。
    FaustinaD
    FaustinaD
    Feb 7, 2018 via iPhone❤️1
    6
    @cnwtex 是说没办法解决吗……( ・᷄ὢ・᷅ )
    vincentxu
    vincentxu
    Feb 7, 2018 via iPhone❤️1
    7
    @faustina2018 那这个是没办法了,系统层面的东西浏览器是没办法了,或者说用 canvas 画,但是实现又是非常麻烦,画质还差
    cnwtex
    cnwtex
    Feb 7, 2018❤️1
    8
    @faustina2018 功能上可以做取舍, 或者引导用户跳出腾讯浏览器
    vincentxu
    vincentxu
    Feb 7, 2018 via iPhone❤️1
    9
    @cnwtex 安卓的浏览器都不行的吧
    qiayue
    qiayue
    Feb 7, 2018❤️1
    10
    可以试试使用 jsmpeg 来播放视频
    他是把视频用 canvas 画出来的,所以你怎么加按钮都可以
    TimRChen
    TimRChen
    Feb 7, 2018 via Android❤️1
    11
    微信中的播放器使用的是 QQ 浏览器 x5 内核的播放器,应该是可以选择不开启的,建议详细阅读下 x5 内核播放器的文档
    FaustinaD
    FaustinaD
    Feb 7, 2018 via iPhone❤️1
    12
    已有人给到一个解决方案,正在调试,感谢感谢!
    sunjourney
    sunjourney
    Feb 7, 2018❤️1
    13
    用 canvas 播视频不可以嘛
    ZddPub
    ZddPub
    Feb 8, 2018 via iPhone❤️1
    14
    @faustina2018 解决了来社区分享一下方案
    hahamy
    hahamy
    Feb 8, 2018❤️1
    15
    这问题好久前就解决了啊,微信 x5 加了人类似 ios playinline 属性,专门针对安卓的
    hahamy
    hahamy
    Feb 8, 2018❤️1
    16
    人类似 -〉类似
    以前还没这属性的时候,我们的解决方法是把视频画到 canvas 里播放
    ihuguowei
    ihuguowei
    Feb 8, 2018 via Android❤️1
    17
    Canvas
    ihuguowei
    ihuguowei
    Feb 8, 2018 via Android❤️1
    18
    另外也有 html 属性
    FaustinaD
    FaustinaD
    Feb 8, 2018 via iPhone❤️2
    19
    @algery 给 video 设置两个属性 x5-video-player-type="h5" 和 x5-video-player-fullscreen="true"
    lj3lj3
    lj3lj3
    Feb 8, 2018❤️1
    20
    @faustina2018 正解
    hualongbei
    hualongbei
    Feb 8, 2018 via Android❤️1
    21
    想使用标准的播放器,可以挂在 QQ 域名下,或者腾讯视频解决方案
    ZddPub
    ZddPub
    Feb 8, 2018❤️1
    22
    @faustina2018 #19 依稀记得好像是只能 ios 可以吧。
    FaustinaD
    FaustinaD
    Feb 8, 2018 via iPhone❤️1
    23
    @algery 安卓亦可,view-source:https://m.midea.cn/act/2018/betterme
    kamal
    kamal
    Feb 8, 2018❤️1
    24
    我们最近采坑,总结了一篇文章,https://zhuanlan.zhihu.com/p/33693226
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1973 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 51ms · UTC 15:25 · PVG 23:25 · LAX 07:25 · JFK 10:25
    ♥ Do have faith in what you're doing.