android短视频列表自动播放,小程序实现多视频连续播放

类似于微博视频播放的功能，简单写了一个小demo，测试可以正常执行。功能是当点击一个视频播放完成后，自动加载下一个视频，当所有视频全部加载完成后，视频播放停止。

wxml：

JS：

const app = getApp()

var that

var getData = require('../../../utils/util.js')

Page({

data: {

teachingVideoList: [],//视频集合

index: 1,//下标

src: 'https://cos.ap-beijing.myqcloud.com/teachingVideo/enterElook.mp4' //默认加载的第一个视频

onLoad: function () {

that = this

wx.request({

url: app.data.serverUrl + 'upload_queryTeachingVideo.action',

success: function (res) {

that.setData({

teachingVideoList: res.data.teachingVideoList,

})

}

})

android短视频列表自动播放,小程序实现多视频连续播放相关推荐

php小程序上传视频到七牛,小程序上传视频到七牛云的实践
❝ 好久没有更新推文了,这段时间也是在做一个小项目,一开始想的是人脸识别并上传视频到七牛云的,但是后来想想好像不用这个功能,但是我实现后才知道.所以就写一下上传的功能吧. ❞ 前言大家都知道七牛云就 ...
php小程序上传视频到七牛,小程序上传视频到七牛云
下载完之后引入到小程序里面: const qiniuUploader = require("../../utils/qiniuUploader"); 上传到七牛云需要七牛云的tok ...
视频教程-微信小程序快速入门视频课程-微信开发
微信小程序快速入门视频课程北京八维研修学院技术工程师,5年大型项目实战开发经验,3年授课经验. 孟宪杰 ¥168.00 立即订阅扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 AP ...
12_微信小程序之微信视频号滚动自动播放视频效果实现
12_微信小程序之微信视频号滚动自动播放视频效果实现一.获取视频的分辨率.时长.缩略图微信小程序提供了三种方式可以获取视频的分辨率.时长: wx.getVideoInfo(Object) :只能用 ...
uniapp 判断页面是否是横竖屏,解决微信小程序video组件全屏播放视频遮盖自定义播放控件问题
如果res.deviceOrientation 等于landscape 的话是竖屏,portrait则是横屏.因为用户每旋转一次屏幕就会触发里面的onShow钩子,因此在页面显示或横竖屏变化都会触发这 ...
强大的装逼,表白,炫富,恶搞短视频制作神器微信小程序源码支持多种流量主
大家好给大家带来一款强大的微信小程序源码该源码是属于制作短视频类型的支持一键制作成各种短视频,比如装逼,表白,炫富,恶搞-..等等里面拥有各种各样的模板,和抖音一键制作视频一个道理另外里面小编 ...
微信小程序：强大多流量主自带接口短视频去水印工具箱微信小程序
这是一款强大的去水印组合的微信小程序源码内已被小编支持多种热门流量主如:激励视频,插屏,视频广告等等激励视频解锁下载无水印小视频,图集等另外功能也是特别的强大,如下: 短视频去水印(几十家平台 ...
小程序源码：强大多流量主自带接口短视频去水印工具箱微信小程序
这是一款强大的去水印组合的微信小程序源码内已被小编支持多种热门流量主如:激励视频,插屏,视频广告等等激励视频解锁下载无水印小视频,图集等另外功能也是特别的强大,如下: 短视频去水印(几十家平台 ...
自媒体中短视频流量主广告小程序开发
自媒体中短视频流量主广告小程序开发上线用户观看视频,自动通知视频作者[包括用户昵称.电话.地址] 上线新后台界面上线视频砍价上线视频库,海量视频资源随便采.上线视频专辑采集,优质大V视频批量导入 ...

android短视频列表自动播放,小程序实现多视频连续播放

android短视频列表自动播放,小程序实现多视频连续播放相关推荐

最新文章

热门文章