微信小程序实现视频试看功能

我的思路是 在页面上那个video元素上面绑定bindtimeupdate  事件  然后监控视频的实时播放进度, 到达一定的播放时间后进行暂停处理, 并把自己实现写好的 放上去,等待用户拉起微信支付 成功后 在success里面在 把写好的去掉, 继续播放,

写的有点笼统   附上之前写的代码 :

1、现在生命周期函数onReady中 获取到当前video的上下文实例

onReady: function () {

this.videoContext = wx.createVideoContext('myVideo');

},

2.在自己的video实例标签上面绑定bindtimeupdate  事件,  这里我绑定的是time事件 

time(e){

let time = e.detail.currentTime.toFixed(0);

if(time == 30){

this.videoContext.pause();

}

},

 这里我写的是 30秒到后 当前视频暂停, 这里可以更换为你们所需要的业务逻辑,

有不明白的可以在下方进行留言,我看到后及时回复!!

 

 

你可能感兴趣的:(前端开发,没事写着玩)