收藏
回答

video 渲染不正常没有填满page

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug video 客户端 6.6.7 2.2.1

样式:

page { overflow:hidden; width: 100%; height:100%; position: relative; padding-top:0rpx; }

.auto-video { position:absolute; bottom:0; top:0; width: 100%; height:100%;}


脚本:

/**

* 生命周期函数--监听页面显示

*/

onShow: function () {

wx.hideTabBar();

},


/**

* 生命周期函数--监听页面隐藏

*/

onHide: function () {

    console.log("onhide");

wx.showTabBar();

},


wxml视图:

<video autoplay="true" class="auto-video" objectFit="cover" controls="{{false}}" enableProgressGesture="{{false}}" id="video" loop="true" src="{{urls[active]}}"></video>


问题描述:

页面加载时通过 onShow 事件隐藏tabBar,在真机运行会有一定概率(25%)出现视频没有填充整个页面,而是在页脚留下一块比tabBar稍高的视频空白区,求解决。

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

3 个回答

  • 孰庸 
    孰庸 
    2018-08-27

    请问楼主这个问题有解决方案了吗?

    2018-08-27
    有用
    回复
  • 坚果 jeango
    坚果 jeango
    2018-07-31

    多个机型,IOS,ANDROID都有,应该是普遍性BUG

    2018-07-31
    有用
    回复
  • 是小白啊
    是小白啊
    2018-07-31

    你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-07-31
    有用
    回复 1
    • 孰庸 
      孰庸 
      2018-08-18

      同样的问题,objectFit 为fill 和cover都是这样,有时可以有时不行,ios所有机型更是80%情况下是不行的!

      2018-08-18
      回复
登录 后发表内容