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

本文主要是介绍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>

这篇关于uniapp 中video标签视频禁止快，拖拽快进的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---