公告列表
公告列表
收藏
回答

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
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
视频安卓播放