uniapp视频试看功能

前端监听视频播放进度,在试看结束后做一些操作

HTML

<video :src="class_info.video_audio_url"id="myVideo":poster="imgurl"       @timeupdate="videoTimeUpdateEvent">
</video>

JavaScript

data() {return {videoContext: {},  // 用于绑定视频标签}
},
created() {// 创建视频实例指向视频控件this.videoContext = uni.createVideoContext('myVideo');
},
videoTimeUpdateEvent(e) { // 播放进度改变// e.detail.currentTime为每次触发时,视频的当前播放时间let currentTime = Number(e.detail.currentTime);console.log('播放进度条改变', currentTime)// 试看结束 this.class_info.freed_time为试看时间if (currentTime >= this.class_info.freed_time) {// 试看结束,在这做一些想做的操作,例如停止视频播放this.videoContext.exitFullScreen();this.videoContext.pause();this.videoContext.seek(0);}
},

uniapp视频试看功能相关推荐

快手小程序开发视频试看功能完美实现，正在纠结的你看过来
快手小程序实现的视频试看功能最近在做快手小程序的研发工作,在一个知识付费的项目中需要开发视频课件试看功能.快手小程序是有很多隐藏bug的要是没有bug的话这个功能很简单就可以实现,然而他是有bug, ...
php实现试看功能,据说是视频试看功能的js代码，共享给大家,POSCMS,CodeIgniter技术文档,PHP开发文档,迅睿CMS框架官方教程...
var watchTime=0; var setT=null; function ckmarqueeadv(){return '{a target="_blank" href=&q ...
微信小程序实现视频试看功能
我的思路是在页面上那个video元素上面绑定bindtimeupdate 事件然后监控视频的实时播放进度, 到达一定的播放时间后进行暂停处理, 并把自己实现写好的<cover-view& ...
JS实现视频试看提示付费功能手机端 H5网页
手机端网页 JS实现视频试看功能,到时间自动停止播放 H5 场景:视频播放对未付费的用户只播放两分钟付费的用户可正常播放思路:监听视频播放时间,到达预定时间的时候, 暂停视频播放, 同时关闭大 ...
uniapp监听视频播放进度,完成视频试看操作
监听视频进度,完成视频试看功能前端监听视频播放进度,在试看结束后做一些操作 html: <!-- poster为视频封面,timeupdate为视频播放进度事件,每250毫秒触发一次(但是不准 ...
五分钟JAVA代码教会你:FFmpeg实现视频试看(Centos7版本)
五分钟JAVA代码教会你:FFmpeg实现视频试看 1. 业务场景 2. 实现思路 3. FFmpeg开源框架介绍 4. Centos7环境实现 4.1 官网下载并上传Linux 4.2 解压安装 4 ...
五分钟JAVA代码教会你:FFmpeg实现视频试看(window版本)
五分钟JAVA代码教会你:FFmpeg实现视频试看 1. 业务场景 2. 实现思路 3.FFmpeg开源框架介绍 4. windows环境实现 4.1 windows安装FFmpeg 4.1.1 下载 ...
html视频试看代码,m3u8地址的预览与试看功能更能吸引用户
通过给m3u8地址加上控制参数可实现预览和试看视频的功能,这样就可以让用户在未注册或未付费状态下只能试看部分内容,引起用户对整个视频内容的兴趣,引导他们进一步注册或付费看完整视频. 示例如下: 视频预 ...
苹果cms,ckplayer视频试看插件,vip会员不限制,游客或普通会员试看
效果图完整版下载.主要是css样式表.其它核心内容.下面都讲到了 https://download.csdn.net/download/viqecel/10287298 功能介绍默认逻辑为:需要积 ...

uniapp视频试看功能

uniapp视频试看功能相关推荐

最新文章

热门文章