收藏
回答

微信小程序 video组件怎么自适应高度啊

默认高度225px,虽然可以通过css自定义高度,但又一些视频他的高度是比如,300,,400,500


我要的效果是宽度100% 然后高度自适应怎么解决?就是说我根据视频的高度来定义高度。但我找半天没知道获取视频高度的方法啊


回答关注问题邀请回答
收藏

4 个回答

  • timeless
    timeless
    2021-11-24

    bindloadedmetadata

    2021-11-24
    有用 1
    回复
  • 筱茜、
    筱茜、
    2022-05-28

    通过设置object-fit的值为contain(包含)即可,无需做任何的样式调整或者其他操作:

    <video 
          src="" 
          object-fit="contain" 
        ></video>
    

    详情请查看video组件文档:https://developers.weixin.qq.com/miniprogram/dev/component/video.html#%E5%B1%9E%E6%80%A7%E8%AF%B4%E6%98%8E

    2022-05-28
    有用
    回复 1
  • 养乐多
    养乐多
    2021-03-23

    兄弟这个问题你解决了吗


    2021-03-23
    有用
    回复
  • 诗酒趁年华
    诗酒趁年华
    2018-06-21

    通过后台的的程序获得视频的分辨率,之后进行按算可以得到高度是多少rpx,之后用css定义即可

    2018-06-21
    有用
    回复 4
    • Fly
      Fly
      2018-06-21

      兄弟,微信内置的API没有能跟JS一样直接获取到高度的功能吗?

      2018-06-21
      回复
    • 诗酒趁年华
      诗酒趁年华
      2018-06-21

      暂时没发现,这种功能,在API接口返回数据的时候,要求返回视频的分辨率即可,比如640*480,这样小程序就可以通过JS计算出高度了

      2018-06-21
      回复
    • Fly
      Fly
      2018-06-21

      兄弟,谢谢了啊!

      2018-06-21
      回复
    • Zihuatanejo
      Zihuatanejo
      2019-12-02
      通过style设置高度不生效是为什么
      2019-12-02
      回复
登录 后发表内容