怎么解决小程序中video随手势移动问题

怎么解决小程序中video随手势移动问题,第1张

你好。

关于微信亮厅小程序把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

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

运行条件

HBuilder X 2.2.2

安装后,从插件市场导搜备入,即可真机运行

vue

项目地址

github

uniapp插件市场

说明

插件分纳扒别用swiper实现(多端兼容)和css3动画实现(暂时只支持app),可自行切换。

插件在uni-app编译模式下编写(已切换)。

默认为weex编译模式,在 manifest.json 的源码视图里配置是切换模式, manifest.json ->app-plus ->nvueCompiler 切换编译模式。

swiper在非App端内嵌video性能比较洞漏昌差,不建议导入过多视频。

项目效果

h5在线地址

亲亲您好,很高兴为您解答。如何下载微信小程序里的视频:1、打开微信,点击【发现】,进入【小程序局拆】。2、搜索【视频】,进入【腾讯视频】。3、点击播放视频。4、点击视频的任意位置,然后点击右下角【小方块】。5、手指在屏幕上往上滑,调出控制中心。6、在控制中心点击【小圆点】,然后点击【下箭头】,3秒后开始录渗桥屏。如果没有小圆点需要进行设置。7、录屏完成后再次往上滑,调出控制中心。8、点击【小圆点】停止录屏就可以了,这样就能丛腊猛把视频录屏下载到手机相册了。以上是我的全部回复,希望可以帮到您。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12458584.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存