当前位置: 首页 > news >正文

uniapp 中video标签视频禁止快,拖拽快进

废话不多说,直接上代码

<video id="myVideo" :src="sectionInfo.type_config.video_url" @timeupdate="bindtimeupdate"></video>
<script>export default {data() {return {historyTime: 0,}},methods:{// 监听播放进度bindtimeupdate(e) {var currentTime = e.detail.currentTime; //当前进度var duration = e.detail.duration; //视频时长//视频播放完成后触发奖励保存接口// let percent = 100;//播放进度百分比,可以改成 80 或者90等其它数字,到达时触发奖励保存let percent = this.sectionInfo.type_config.video_complate_rate;let upper = duration * (percent / 100);if (currentTime >= upper) {if (this.isTo) {this.isTo = false; //isTo 奖励加锁,进入页面只能触发一次console.log('触发奖励请求接口');this.$request(this.$api.Weike.sectionComplete, this.options).then((res) => {});}}// 禁止拖动进度条快进if (currentTime - this.historyTime > 2) {uni.showToast({title: '不能快进哦',icon: 'none',});let videoContext = wx.createVideoContext('myVideo');videoContext.seek(this.historyTime);}this.historyTime=currentTime;},}}
</script>
http://www.lryc.cn/news/340573.html

相关文章:

  • 网页端HTML使用MQTTJs订阅RabbitMQ数据
  • 课题学习(二十一)----姿态更新的四元数算法推导
  • NL2SQL进阶系列(5):论文解读业界前沿方案(DIN-SQL、C3-SQL、DAIL-SQL、SQL-PaLM)、新一代数据集BIRD-SQL解读
  • 双指针运用:删除重复元素、移除元素
  • 什么是三高架构
  • Unity 对APK签名
  • 合成孔径雷达干涉测量InSAR数据处理、地形三维重建、形变信息提取、监测等应用
  • QT进阶------------------QPushButton(快速添加按钮与使用)
  • Vue项目管理器创建项目
  • PHP-extract变量覆盖
  • 研究表明,全球互联网流量竟有一半来自机器人
  • 橡胶衬板的更换与安装
  • Compose 简单组件
  • 第十一届蓝桥杯省赛真题(C/C++大学B组)
  • Qt 实战(2)搭建开发环境 | 2.1、Windows下安装QT
  • 校园通用型发生网络安全事件解决方案
  • 数通HCIE考试分享:考前心态很重要,心情放松好过一次练习
  • GVRP协议与动态、静态vlan
  • shell脚本启动jar包
  • qt 元对象系统及属性系统
  • 2024年MathorCup数学建模A题移动通信网络中PCI规划问题解题文档与程序
  • Learn something about front end——颜色
  • 各大厂都推出鸿蒙APP了,你就一定要学习一下鸿蒙APP测试了!
  • ppt里的音乐哪里来的?
  • 【算法】标签算法及其运作流程
  • 【数据结构】习题之链表的回文结构和相交链表
  • 5个常见的前端手写功能:New、call apply bind、防抖和节流、instanceof、ajax
  • WPF 跨线程-Dispatcher:详解与示例
  • [c++][netcdf]通过c\c++读取字段的scale_factor与add_offset
  • 技术速递|.NET 智能组件简介 – AI 驱动的 UI 控件