微信小程序播放视频禁止快进

用的组件是小程序自带的 video标签详细查看官方文档

WXML

<video id="myVideo"  bindtimeupdate="timeUpdate" bindpause="pause" bindwaiting="waiting" binderror="error" src='视频链接地址' initial-time="{{initial_time}}" poster="视频封面图片链接地址" page-gesture controls >
</video>

//获取应用实例
var app = getApp();
const bgMusic = wx.getBackgroundAudioManager()
Page({data: {video_real_time:0, //实时播放进度initial_time:'', //视频跳转进度 秒},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {var that = this//此处写在接口的位置 100从接口处获取that.setData({initial_time:'100' //视频进度})},//监听视频播放进度timeUpdate: function (e) {var aa = 1; // 是否开启可以视频快进 1 禁止开启//跳转到指定播放位置 initial-time 时间为秒let that = this;//播放的总时长var duration = e.detail.duration//实时播放进度 秒数var currentTime = parseInt(e.detail.currentTime)//当前视频进度// console.log("视频播放到第" + currentTime + "秒")//查看正在播放时间，以秒为单位if (that.data.video_real_time==0){var jump_time = parseInt(that.data.initial_time) + parseInt(that.data.video_real_time)}else{var jump_time = parseInt(that.data.video_real_time)}if(aa==1){if (currentTime > jump_time && currentTime - jump_time>3){let videoContext = wx.createVideoContext('myVideo')videoContext.seek(that.data.video_real_time)wx.showToast({title: '未完整看完该视频，不能快进',icon: 'none',duration: 2000,})}} that.setData({video_real_time: currentTime, //实时播放进度})},pause: function (e) {console.log('视频暂停播放')console.log('暂停时播放时间====>' + this.data.video_real_time)},waiting: function (e) {console.log('视频缓冲')console.log(e)},error: function (e) {console.log('视频播放出错时')console.log(e)},
})

微信小程序播放视频禁止快进相关推荐

使用微信小程序播放视频直播
观众端使用live-player进行直播视频的播放,live-player组件从视频云拉流,并用于实时音视频播放.live-player支持两种模式:Live和RTC,前者用于直播播放,后者用于实时音 ...
微信小程序--获取视频链接（Videourl）方法~~~
微信小程序–获取视频连接(videourl)方法~~~ 如何获取音乐MV的URL地址虾米音乐试了很多音乐网站发现"虾米音乐"的MV的URL地址是可以获取的,并且在微信小程序播放 ...
微信小程序——获取视频的URL地址【已解决】
微信小程序--获取视频的URL地址[已解决] 如何获取音乐MV的URL地址虾米音乐试了很多音乐网站发现"虾米音乐"的MV的URL地址是可以获取的,并且在微信小程序播放视频的时候 ...
C# 利用正则表达式获取文本中的https网址并替换新的对应的值,微信小程序播放腾讯视频
后台用KindEditor传了好几个视频地址,需要在微信小程序播放,复文本框写的内容是保存在数据库的一个字段的,就像下面这样,像这小程序播放,需要解析除真正的视频地址,所有需要获取里面的两个视频地址, ...
微信小程序播放bilibili视频
微信小程序播放B站视频前端代码 wxml文件 <view class="body-view" style="text-align: center;"&g ...
腾讯技术分享：微信小程序音视频与WebRTC互通的技术思路和实践
概述本文来自腾讯视频云终端技术总监rexchang(常青)技术分享,内容分别介绍了微信小程序视音视频和WebRTC的技术特征.差异等,并针对两者的技术差异分享和总结了微信小程序视音视频和WebRTC ...
腾讯技术分享：微信小程序音视频技术背后的故事
1.引言微信小程序自2017年1月9日正式对外公布以来,越来越受到关注和重视,小程序上的各种技术体验也越来越丰富.而音视频作为高速移动网络时代下增长最快的应用形式之一,在微信小程序中也当然不能错过. ...
技术分享：微信小程序音视频与WebRTC互通的技术思路和实践
1.概述本文内容分别介绍了微信小程序视音视频和WebRTC的技术特征.差异等,并针对两者的技术差异分享和总结了微信小程序视音视频和WebRTC互通的实现思路以及技术方案.希望能带给你启发. 分别介绍 ...
小程序商业化按下快进键，开发者的春天要来了？
小程序到底是不是一个值得 all in 的风口? 刚刚过去的 2018 年,众多创业团队做出了不同选择,有人在发力,有人在观望,有人则选择逃离,不少开发者抱怨微信太过「克制」,小团队担心难以生存. 不 ...

微信小程序播放视频禁止快进

微信小程序播放视频禁止快进相关推荐

最新文章

热门文章

微信小程序播放视频 禁止快进

微信小程序播放视频 禁止快进相关推荐

最新文章

热门文章

微信小程序播放视频禁止快进

微信小程序播放视频禁止快进相关推荐