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
createVideoContext第二个参数传入this,把组件实例传进去
createVideoContext这个可以传参数this,那这些方法怎么办我看了一下在conpoent组件里面是没有执行的
传了this也没执行,你可以试试我回复1楼的片段代码
我用的是taro 传了this也没用呀
this!!!! 文档里没说吧!玩死了
遇到同样的问题,真机可以播放,开发者工具还是不行
谢谢大佬
在自定义组件里面点击视频播放bindplay()也不执行
你好,video组件没有限制说不能够使用id,建议提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
这是我的代码片段 wechatide://minicode/uoLmqomO7VoS
你好,传了this后,在真机上预览是否可行
好的,在真机上可以的,模拟上不行
你好,问题已确认,我们近期就会修复
我也碰到了这个问题,传第二个参数把this,传进去就好了