Page({data:{
video:{src:'视频播放地址',width:'750rpx',height:'500rpx'}
}})
<video src="{{video.src}}" style="width:{{video.width||750}}rpxheight:{{video.height||320}}rpx"></video>
你好。关于微信小程序把video固定在页面顶端的问题,解决方案如下:
1.video fixed布局会造成:视频移动,黑色底留下
2.flex布局,video固定高度,自适应部分用scroll-view, 代码如下:
…
.grid-box{
width: 100%
height: 100%
display: flex
flex-direction: column
}
.grid-const{width: 750rpxheight: 422rpx}
.grid-var{flex: 1}
.content{height: 100%}
以上代码可以满足需求,但是下拉页面,video还是会跟着移动
3.最终解决方案,禁止页面Page滚动:
在json配置文件中添加:“disableScroll”:true
经测试,页面效果和腾讯视频一致。
您好,微信小程序横屏不能全屏极倔方法如下:1、首先打开微信,很多人由于打开了方向锁定,使得微信的界面是这种情况。2、我们可以点开控制中心,即界面上的小圆圈,,点击控制中心。3、点击锁一样的小图标,即关闭方向锁定,然后让手机竖直放置,使所有屏幕竖直转动。4、竖直放置后,原来的微信界面就会变成全屏模式。5、如果想一直是全屏模式,则仍然需要打开控制中心。6、点开控制中心,再点击小锁一样的图标,打开方向锁定。这样,微信就锁定为全屏模式了。欢迎分享,转载请注明来源:内存溢出
评论列表(0条)