专业小程序设计开发——助力新电商新零售

电话+V：159999-78052，欢迎咨询微信小程序视频怎么搞出来，[小程序设计与开发]，[小程序投流与推广]，[小程序后台搭建]，[小程序整套源码打包]，[为个体及小微企业助力]，[电商新零售模式]，[小程序运营推广及维护]

一、微信小程序的视频怎么下载微信小程序的视频如何下载

1、首先进入微信小程序，搜索并进入腾讯视频的。

2、播放视频，点击视频，点击右下角小方块的。

3、往上滑，调出控制中心的。

4、点击小圆点、下箭头，录屏开始的。

5、录完重新进入控制中心停止录屏即可。

二、如何下载微信小程序里的视频?

下载微信小程序中的视频，推荐使用IDM下载器。只需将微信的exe程序加入IDM嗅探，即可完成操作。

步骤如下：

1、打开IDM，转至“下载”->“选项”->“添加浏览器”->“查找微信”。

查找方法：

2、在红圈中找出所有微信exe程序，并将其加入IDM嗅探。

3、完成上述步骤后，重启IDM和微信。

演示如下：

微信小程序视频播放器的简易使用

原创2021-03-1021:54·小程序软件开发主要功能控制播放、暂停、设置视频封面图设定初始化播放在第几秒控制视频的播放总长度控制是否显示弹幕功能禁止控制进度的手势禁止视频快进

---

video参数详解<videoposter="{{poster}}"id="myVideo"src="{{src}}"duration="{{duration}}"initial-time="{{initialTime}}"show-play-btn="{{showPlayBtn}}"show-progress="{{showProgress}}"bindtimeupdate="bindtimeupdate"binderror="videoErrorCallback"danmu-list="{{danmuList}}"enable-progress-gesture="{{enableProgressGesture}}"enable-danmu="{{enableDanmu}}"danmu-btn="{{danmuBtn}}"controls="{{controls}}"></video>poster视频封面图idvideo元素的ID值src视频的路径地址duration控制视频播放总长度initial-time视频初始播放时间show-play-btn是否显示视频底部控制栏的播放按钮show-progress是否显示播放进度条bindtimeupdate监听视频播放时的动作binderror视频播放出错时触发danmu-list弹幕列表enable-progress-gesture是否开启控制进度的手势enable-danmu是否展示弹幕danmu-btn是否显示弹幕按钮controls是否显示默认播放控件（播放/暂停按钮、播放进度、时间）

---

控制进度条快进功能详解

小程序官方文档没有提供是否可以控制快进的属性，现在的需求是在观看课程的过程中不允许快进，那么如何实现这个功能呢？

1、取消控制进度的手势，这样在操作屏幕的时候就无法进行快进（但是此时还是可以通过播放进度条来进行快进）

2、设定一个遮罩层，将视频中的播放进度遮住，这样用户就无法进行操作，详见代码参考

wxml

<videoposter="{{poster}}"style="width:100%;"id="myVideo"src="{{src}}"duration="{{duration}}"initial-time="{{initialTime}}"show-play-btn="{{showPlayBtn}}"show-progress="{{showProgress}}"bindtimeupdate="bindtimeupdate"binderror="videoErrorCallback"danmu-list="{{danmuList}}"enable-progress-gesture="{{enableProgressGesture}}"enable-danmu="{{enableDanmu}}"danmu-btn="{{danmuBtn}}"controls="{{controls}}"><cover-viewclass="cover-view"></cover-view></video>wxss

.cover-view{position:absolute;bottom:0%;left:13%;width:72%;height:120rpx;}

---

当播放100秒时，提供使用打卡成功功能详解js

bindtimeupdate:function(e){console.log(e)varthat=this;varnow_time=e.detail.currentTime;//获取当前播放第几秒if(now_time>=100){//如果当前播放时长大于等于100秒，视频暂停同时可以进行自定义操作that.bindPause();that.setData({controls:false})}}，弹幕功能详解

1、发送弹幕

bindSendDanmu:function(){this.videoContext.sendDanmu({text:this.inputValue，color:getRandomColor()})}，

2、弹幕列表

danmuList:[{text:'第1s出现的弹幕'，color:'#ff0000'，time:1}，{text:'第3s出现的弹幕'，color:'#ff00ff'，time:3}，{text:'第10s出现的弹幕'，color:'#ff00ff'，time:10}，{text:'第20s出现的弹幕'，color:'#ff00ff'，time:20}]，

以上就是我在开发当中用到的简易视频播放器，大家有其他的需求可以在评论区留言谈论。

有需要我这套源码的可以私信我。

【WINDRISES MINIPROGRAM PROMOTION】尊享直接对接老板

电话+V： 159999-78052

专注于小程序推广配套流程服务方案。为企业及个人客户提供了高性价比的运营方案，解决小微企业和个体拓展客户的问题