收藏
回答

video组件安卓端object-fit: contain的显示效果为fill

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug video 微信安卓客户端 7.0.12 2.10.3

页面view比video视频实际宽度宽,在安卓端播放视频会被拉伸;在苹果端下是正常的效果。object-fit的设置为默认的contain。

最后一次编辑于  2020-03-12
回答关注问题邀请回答
收藏

9 个回答

  • XWeb浏览器开发-潇涧
    XWeb浏览器开发-潇涧
    2020-03-23

    你好,我是小米MIX2手机,用上面的代码片段测试是ok的,进入全屏后退出全屏也正常,你看下是不是代码哪里有问题?


    2020-03-23
    有用
    回复
  • AOYI
    AOYI
    2021-09-24

    有可能是video视频源还没加载完成就播放产生的原因?

    2021-09-24
    有用
    回复
  • 糊糊湖
    糊糊湖
    2020-09-22

    +1,

    2020-09-22
    有用
    回复
  • 2020-06-11

    统一回复下,我的是因为隐藏了video组件设置宽度,后续再显示出来才有问题的。最好是先显示video组件,再进行宽度调整。

    2020-06-11
    有用
    回复
  • 小伟
    小伟
    2020-05-08

    +1,这个问题有人解决了吗?我在坚果pro2s和荣耀6上面都遇到了,object-fit 写死 contain,第一次进去是对的,后面进去视频页,object-fit 就不起作用了,视频都拉伸了





    2020-05-08
    有用
    回复
  • ipeng
    ipeng
    2020-05-06

    +1,楼主这个问题最后怎么解决的?我们也遇到了·这个问题,只有安卓手机会出现这个问题。

    2020-05-06
    有用
    回复
  • waiter
    waiter
    2020-04-06

    +1 ,也出现了 contain 变成类似 fill 的效果,全屏后,再关闭全屏,就正常了

    2020-04-06
    有用
    回复
  • jim 航
    jim 航
    2020-04-04

    我这功能和你的差不多,也出现这种问题(contain会出现拉伸)。我用的是华为v20

    2020-04-04
    有用
    回复
  • 是小白啊
    是小白啊
    2020-03-12

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2020-03-12
    有用
    回复 5
    • 2020-03-20
      机型:小米MIX3(经过测试安卓的都会出现)
      微信版本:7.0.12
      系统版本:10
      代码片段:https://developers.weixin.qq.com/s/wU1tSZmZ7Vfx
      2020-03-20
      回复
    • 2020-03-20
      点击全屏后,再关闭全屏也可以恢复正常。
      2020-03-20
      回复
    • 是小白啊
      是小白啊
      2020-03-21回复
      截图看下呢?这边测试没复现
      2020-03-21
      回复
    • 2020-03-21回复是小白啊
      代码无论是写了object-fit: contain还是不写(contain是默认值),都是这种拉伸的效果
      2020-03-21
      回复
    • 2020-03-21回复是小白啊
      我这边发现个问题,因为业务逻辑,我们是只保留播放图标,让客户去点击播放图标,才显示视频控件的。也就是说在视频控件被隐藏下,画面就会被拉伸。IOS是没问题的,安卓才会。
      2020-03-21
      回复
登录 后发表内容
问题标签