收藏
回答

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

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

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

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

4 个回答

  • 微信技术专员-潇涧
    微信技术专员-潇涧
    03-23

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


    03-23
    赞同
    回复
  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    03-12

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

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

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

    1天前
    赞同
    回复
  • jim 航
    jim 航
    星期六 23:02

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

    星期六 23:02
    赞同
    回复
登录 后发表内容
问题标签