问题说明:
云点播短视频播放器插件利用API VideoContext.playbackRate(number rate)设置倍数播放无效。
相同处理逻辑,小程序组件<video />没有该问题。
插件版本:
"plugins": {
"myPlugin": {
"version": "0.1.2",
"provider": "wx116d0dd5e6a39ac7"
}
}
代码逻辑如下:
在onReady里创建 video 上下文
onReady() {
// 创建 video 上下文 VideoContext 对象。
// video组件id 为 video
this.videoContext = wx.createVideoContext('video')
// 设置倍数
this.changeRate()
},
// 切换视频播放倍数
changeRate(e) {
const rates = this.data.rates
const index = e ? parseInt(e.currentTarget.id) : this.data.currentRate
this.setData({
currentRate: index,
showRates: false
}, () => {
const rate = rates[index]
this.videoContext.playbackRate(rate)
})
}
WXML调用,my-player为引入云点播短视频播放器插件的组件名。
<my-player appid="{{appId}}" fileid="{{fileId}}" playerid="video" width="100%" height="450rpx"></my-player>
微信开发者工具里渲染的dom结构
相似问题