样式:
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稍高的视频空白区,求解决。
请问楼主这个问题有解决方案了吗?
多个机型,IOS,ANDROID都有,应该是普遍性BUG
你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
同样的问题,objectFit 为fill 和cover都是这样,有时可以有时不行,ios所有机型更是80%情况下是不行的!