在搬砖过程中发现一个video使用过程中发现个问题,经过一下午测试、检查,终于发发现了问题所在,但难以解释。
具体问题是这样的:在点击播放▶后,若暂停再点暂停⏸,暂停按钮失效,始终无法暂停视频。
由于这里放视频不方便,可以利用视频代码测试下
先给出简化的代码:
wxml:
<video src='https://top1-video-public.cdn.bcebos.com/c507480e692ac060eb7ccfb70e91de29f643f957.mp4'
id="video" bindtap="_click" />
js:
_click:function(e){
this.videoContext = wx.createVideoContext('video' )
this.videoContext.play() // 开始播放当前视频
}
修正js文件后,拼接任意字符串 如aaa等
this.videoContext = wx.createVideoContext('videoaaa' )
则暂停播放按钮可正常使用。
但是参考文档所说参数id为video的id
VideoContext wx.createVideoContext(string id, Object this)
创建 video 上下文 VideoContext 对象。
参数
string id
video 组件的 id
Object this
在自定义组件下,当前组件实例的this,以操作组件内 video 组件
可是在上面案例中,id相同 video视频组件却不能正常使用,而拼接过字符串后却反而正常?
这都被你发现了,了不起