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

你好。

关于微信小程序把video固定在页面顶端的问题，解决方案如下：

1video fixed布局会造成：视频移动，黑色底留下

2flex布局，video固定高度，自适应部分用scroll-view, 代码如下：

…

grid-box{

width: 100%;

height: 100%;

display: flex;

flex-direction: column;

}

grid-const{width: 750rpx;height: 422rpx;}

grid-var{flex: 1;}

content{height: 100%;}

以上代码可以满足需求，但是下拉页面，video还是会跟着移动

3最终解决方案，禁止页面Page滚动：

在json配置文件中添加：“disableScroll”:true

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

video标签。

如果小程序给的外部链接后缀是mp4格式的，用video标签可以直接播放，如果视频是直接传到搜狐或者腾讯，本意小程序也跳搜狐或者腾讯，但是小程序审核之后在手机上就会显示域名没有配置。

1在跳转到H5上面 autoplay 无效。

2网上搜索过各种方法，目前各大厂也需要用户点击方可播放，但是如果加上muted=true 静音播放，在跳转过来变可以自动播放了。

但是需要手动来开启声音。还是不推荐使用，通常处于用户体验，节省流量来考虑的话，一进来还是手动点击才人性化。最好尽量引导手动点击。

3参考>

百度知道

微信小程序多个视频组件同时播放

青柠姑娘17

TA获得超过3005个赞

关注

成为第581位粉丝

首先说一下我的应用场景, 在小程序中会有多个页面存在视频组件的情况, 为了防止视频播放时多个视频组件同时播放的情况,现记录一下方案:

一 可以在需要视频播放的地方弄一个视频播放的按钮, 当视频播放的时候再初始化视频组件, 保证整个应用内只有一个视频组件(视频组件的位置需要计算), 整个方法只是理论下的情况;

二 在appjs中 设置两个对象, currentVideoId(播放视频组件的id)和videoContext(当前播放视频的对象, 通过wxcreateVideoContext方法获得), 在页面的js中控制, 保证video组件绑定play方法:

<video src="url" bindplay="play"></video>

在play方法中实现即可:

var id = ecurrentTargetid;

if (id != null) {

if (appcurrentVideoId != id) {

if (appvideoContext != null) {

appvideoContextstop();

consolewarn("暂停");

}

appcurrentVideoId = id;

appvideoContext = wxcreateVideoContext(id);

}

}

因为currentVideoId 和videoContext是唯一的对象, 方法中播放监听事件会暂停之前的播放, 然后再赋值, 等下次video播放监听进来的时候, 会进行判断

三 包含富文本组件的视频组件同时播放的情况

依据上面的例子, 当自定义富文本组件中包含多个video组件时也用上面的方法会产生错误, 虽然log会显示将执行视频暂停或者停止播放, 但是没有效果, 查看 视频api , 提示

根据api显示, id为video组件的id, 还有一个"Object this", 但是依据上面的api使用, 直接用id确实可以获取video对象, 但是api解释中提示, "在自定义组件下，当前组件实例的this，以 *** 作组件内 video组件", 在自定义组件中, 要加this, 所以总结: 在上面api使用中, 如果video在pages页面中, wxcreateVideoContext参数只写id没有问题, 但是当video在自定义组件中, 要必须加this, 才能正确返回VideoContext对象;

有时会用微信小程序看视频，并且想把上面的视频给下载到手机上，下面就来分享下小程序视频下载方法。

1、首先在苹果8，在ios122中打开微信，点击发现，进入小程序。

2、然后在小程序页面中，搜索视频，进入腾讯视频。

3、接着在打开的页面中，点击播放视频。

4、点击视频的任意位置，然后点击右下角小方块。

5、手指在屏幕上往上滑，调出控制中心。

6、在控制中心点击小圆点，然后点击下箭头，3秒后开始录屏。

7、录屏完成后再次往上滑，调出控制中心。点击小圆点停止录屏就可以了，这样就能把视频录屏下载到手机相册了。

以上就是关于怎么解决小程序中video随手势移动问题全部的内容，包括:怎么解决小程序中video随手势移动问题、微信小程序播放链接视频，该用什么标签。、uniapp微信小程序跳转H5后video自动播放等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！