自定义组件中使用视频组件控制createVideoContext无效
page页面
wxml: <view class='container'> <xdvideo></xdvideo> </view> <video id='v' bindtap='pauses' src="https://ypktmbzh.droibaascdn.com/droi/ypktmbzhiZH_jzNsRNkLHqjZCMNYRI4dlQAcl7EC/999224954912247808/1f5e666d79deb1dfa16eb8a18b81.mp4" controls="{{false}}"></video> <button bindtap='play'>播放</button > js: play() {
var videoContext = wx.createVideoContext('v')
videoContext.play()
},
pauses(e) {
var videoContext = wx.createVideoContext(e.target.id)
videoContext.pause()
} page页视频可正常播放暂停 xdvideo组件
wxml: <view class="xdvideo" > <video id="vvv" bindtap='pause' class="video" src='{{src}}' controls="{{false}}" objectFit="fill"></video> </view> <button bindtap='play'>play</button> js: Component({
properties: {
src: {
type: String,
value: 'https://ypktmbzh.droibaascdn.com/droi/ypktmbzhiZH_jzNsRNkLHqjZCMNYRI4dlQAcl7EC/999224954912247808/1f5e666d79deb1dfa16eb8a18b81.mp4'
},
thumbUrl: {
type: String,
value: 'https://ypktmbzh.droibaascdn.com/droi/ypktmbzhiZH_jzNsRNkLHqjZCMNYRI4dlQAcl7EC/998528282842386432/d1105c59996258cfd5d59784afda.png'
}
},
data: {
played: false
},
methods: {
play(e) {
this.setData({
played: true
});
var videoContext = wx.createVideoContext('vvv');
videoContext.play();
},
pause(e) {
var videoContext = wx.createVideoContext(e.target.id);
videoContext.pause();
}
}
}) xdvideo组件页无法控制播放暂停,有人说是因为组件中不能使用id,想确认下原因,现在需求必须在组件中使用createVideoContext,而该控件只能绑定id