怎么解决小程序中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

经测试，页面效果和腾讯视频一致。

正常video的宽高是固定的，如果要根据视困桥频的横竖来改变，可以后台传值设置宽高，比如：

Page({data:{

video:{src:'视频握毁播放地址',width:'750rpx',height:'500rpx'}

}})

<video src="{{video.src}}" style="width:{{video.width||750}}rpxheight:{{video.height||320}}rpx">段尺备</video>

---