微信小程序实现视频试看功能
生活随笔
收集整理的這篇文章主要介紹了
微信小程序实现视频试看功能
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
我的思路是 在頁面上那個video元素上面綁定bindtimeupdate? 事件? 然后監控視頻的實時播放進度, 到達一定的播放時間后進行暫停處理, 并把自己實現寫好的<cover-view></cover-view> 放上去,等待用戶拉起微信支付 成功后 在success里面在 把寫好的<cover-view></cover-view>去掉, 繼續播放,
寫的有點籠統? ?附上之前寫的代碼 :
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秒到后 當前視頻暫停, 這里可以更換為你們所需要的業務邏輯,
有不明白的可以在下方進行留言,我看到后及時回復!!
?
?
總結
以上是生活随笔為你收集整理的微信小程序实现视频试看功能的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 安卓app开发!五步搞定Android开
- 下一篇: 2020-07-14