微信小程序实现视频试看功能
我的思路是 在頁面上那個video元素上面綁定bindtimeupdate? 事件? 然后監(jiān)控視頻的實(shí)時播放進(jìn)度, 到達(dá)一定的播放時間后進(jìn)行暫停處理, 并把自己實(shí)現(xiàn)寫好的<cover-view></cover-view> 放上去,等待用戶拉起微信支付 成功后 在success里面在 把寫好的<cover-view></cover-view>去掉, 繼續(xù)播放,
寫的有點(diǎn)籠統(tǒng)? ?附上之前寫的代碼 :
1、現(xiàn)在生命周期函數(shù)onReady中 獲取到當(dāng)前video的上下文實(shí)例
onReady: function () {
this.videoContext = wx.createVideoContext('myVideo');
},
2.在自己的video實(shí)例標(biāo)簽上面綁定bindtimeupdate? 事件,? 這里我綁定的是time事件?
time(e){
let time = e.detail.currentTime.toFixed(0);
if(time == 30){
this.videoContext.pause();
}
},
?這里我寫的是 30秒到后 當(dāng)前視頻暫停, 這里可以更換為你們所需要的業(yè)務(wù)邏輯,
有不明白的可以在下方進(jìn)行留言,我看到后及時回復(fù)!!
?
?
總結(jié)
以上是生活随笔為你收集整理的微信小程序实现视频试看功能的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 安卓app开发!五步搞定Android开
- 下一篇: 2020-07-14