微信小程序-video禁止拖动进度条

小程序项目中涉及到视频功能，需求就是禁止拖动进度条。但是小程序video并没有提供一个属性用来禁止进度条拖动

以上是从微信官方论坛中找到的答案，就是说如果想实现禁止拖动进度条，要么就是隐藏掉，要么就是自己自定义一个进度条。如果用show-progress=‘{{false}}’，这个属性隐藏掉了进度条，那video原本自带的底部控制栏中（播放/暂停 ，进度时间，进度条，总时长，全屏/退出全屏），这些按钮中，就只剩下全屏/退出全屏了。

开始，我决定自定义进度条，但是我发现video里嵌套的组件，虽说官网给出的是可以使用view，但是只有界面效果，却触发不了view对应的方法，也就是说，我用slider组件自定义了一个进度条，并且禁用，然而不管用。

于是乎，几经波折，来回调试，最终还是决定用video自带的控制栏，通过在进度条位置，设置一个遮罩层，再设置一下透明度，这样，光标点不到进度条，就拖动不了了。当然，这个遮罩层也是要用<cover-view>

在设置遮罩层时，还遇到了问题，就是position: relativeopacity:0无效！！！

改成这样：：position: absoluteopacity:0模拟器，安卓手机上都没问题，iOS真机上无效！！！

但是我发现，将透明度改大一点，大于0，iOS上就可以了。

所以，我用

wx.getSystemInfo,来判断设备，如果是iOS，那就设置透明度为0.1，如果是安卓，就为0.

其实到这里，问题基本解决了，但是还有一点点瑕疵，就是因为保留了本身的控制栏，那全屏/退出全屏的按钮功能要保留，所以遮罩层不能罩到要用的按钮，不然就都点击不了，所以在使用的按钮上我用view，设置了一个跟遮罩层一样颜色一样透明度的还补全，这样从视觉效果上才算是过关。

微信小程序怎么实现视频切换亲亲，您好！1、在手机上打开微信，找到小程序选项，并点击进入。2、在打开的小程序界面中，点击一个小程序进入。3、在小程序的界面中，点击右上角的退出选项。4、之后返回到小程序界面，选择一个需要切换的小程序，并点击进入。5、之后即可完成小程序的切换。希望可以帮到您哦!如果我的解答对您有所帮助，还请给个赞(在左下角进行评价哦)，期待您的赞，您的举手之劳对我很重要,您的支持也是我进步的动力。最后再次祝您身体健康,心情愉快!

2020年3月3日，阿拉丁发布《2020年2月小程序互联网发展研究报告》，报告显示，小程序日活跃用户数量已破4.5亿，而小程序数量达39万，在过去的1月、2月新增了60万个。作为对比，过去的11年里，苹果应用商城积累的APP数量才是260万。可见小程序的势头正猛。

在日常生活中，笔者也需要用到小程序，比如乘车码、粤省事、萌芽习惯等。相信很多人也和笔者一样会在衣食住行方面用到小程序。小程序中还能实现语音通话、视频通话，给众人带来了便利。不过，在日常使用中，有多少人知道小程序是如何快速实现视频通话功能的？下面以zego即构科技的小程序视频通话功能为例，给大家详解一番其中的实现过程。

集成

1准备环境

在开始集成ZEGO Express SDK 前，请确保开发环境满足以下要求：

l安装微信开发者工具。

l使用微信小程序基础库1.7.0 或以上版本，否则不支持音视频播放、录制组件。

l通过微信小程序实时音视频播放相关类目审核，开通live-player、live-pusher 组件权限。

2 集成 SDK

从官网下载SDK，手动集成

l请参考下载SDK包，下载最新版本的 SDK。

l解压SDK压缩包，将“ZegoExpressWebRTC-x.x.x.js”文件拷贝到项目中。

l在使用到插件的js文件的最前面导入SDK。

---