V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
iVeego
V2EX  ›  问与答

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

  •  
  •   iVeego · 2018-02-07 21:45:38 +08:00 · 2492 次点击
    这是一个创建于 2474 天前的主题,其中的信息可能已经有所发展或是发生改变。

    代替好友发帖

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

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

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

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

    感谢各位。

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