video 渲染不正常没有填满page
发布于 6 年前 作者 jie17 19267 次浏览 来自 问答

样式:

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 回复

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

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

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

回到顶部