个人中心 | 微信开放社区

小程序Component组件中videoContext播放失败？

[图片]每个模块用的是一个Component，相同的代码，如果我把他放在index页面上，videoContext的play事件就能自动调起，需求需要将video放在Component里，videoContext的play事件就不能自动调起播放事件如下 [代码]<[代码][代码]view[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{list}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]video[代码] [代码]id[代码][代码]=[代码][代码]"index{{index}}"[代码] [代码]src[代码][代码]=[代码][代码]"{{item.video_url}}"[代码] [代码]wx:if[代码][代码]=[代码][代码]"{{playIndex==index}}"[代码][代码]></[代码][代码]video[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]id[代码][代码]=[代码][代码]"{{index}}"[代码] [代码]class[代码][代码]=[代码][代码]"cover"[代码] [代码]style[代码][代码]=[代码][代码]"display: {{playIndex==index?'none':'block'}};"[代码] [代码]bindtap[代码][代码]=[代码][代码]"videoPlay"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]class[代码][代码]=[代码][代码]"coverImg"[代码] [代码]src[代码][代码]=[代码][代码]"{{item.poster}}"[代码] [代码]mode[代码][代码]=[代码][代码]"scaleToFill"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]class[代码][代码]=[代码][代码]"playImg"[代码] [代码]src[代码][代码]=[代码][代码]"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1524569209313&di=ed6fbf799d057b1e2b4047276d35fc76&imgtype=0&src=http%3A%2F%2Fpic.orsoon.com%2Fuploads%2Fallimg%2F1601%2F24-1601021621070-L.png"[代码] [代码]mode[代码][代码]=[代码][代码]"scaleToFill"[代码][代码]></[代码][代码]image[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]image[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]/**[代码][代码] [代码][代码]* 组件的初始数据[代码][代码] [代码][代码]*/[代码][代码]data: {[代码][代码] [代码][代码]list: [[代码][代码] [代码][代码]{ isPlaying: [代码][代码]false[代码][代码], type: 1, title: [代码][代码]"历史“"[代码][代码], poster: [代码][代码]'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1525153967&di=3191960263be63b5b5e74d88f3bb5f80&imgtype=jpg&er=1&src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F32afc2a2c9b949a5e936b1a48a6f516744636211.jpg'[代码][代码], video_url: [代码][代码]'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400'[代码] [代码]},[代码][代码] [代码][代码]{ isPlaying: [代码][代码]false[代码][代码], title: [代码][代码]"新疆"[代码][代码], poster: [代码][代码]'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1525153967&di=3191960263be63b5b5e74d88f3bb5f80&imgtype=jpg&er=1&src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F32afc2a2c9b949a5e936b1a48a6f516744636211.jpg'[代码][代码], video_url: [代码][代码]'https://shop-1256250812.cos.ap-beijing.myqcloud.com/upload/media/201909/b344413c-7585-4574-979e-c7e83ab9b401.mp4'[代码] [代码]},[代码][代码] [代码][代码]{ isPlaying: [代码][代码]false[代码][代码], title: [代码][代码]"朝鲜"[代码][代码], poster: [代码][代码]'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1525153967&di=3191960263be63b5b5e74d88f3bb5f80&imgtype=jpg&er=1&src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F32afc2a2c9b949a5e936b1a48a6f516744636211.jpg'[代码][代码], text: [代码][代码]"撒可富杀立刻发水立方索拉卡附近撒联发科吉林省大开发沙龙东方科技奥斯发离开家啊"[代码][代码], video_url: [代码][代码]'http://tbm.alicdn.com/Uob6TqgDJuggjUaP6bv/NNtoO48LH9fensAkefH%40%40sdregop.mp4'[代码] [代码]},[代码][代码] [代码][代码]{ isPlaying: [代码][代码]false[代码][代码], title: [代码][代码]"会议"[代码][代码], poster: [代码][代码]'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1525153967&di=3191960263be63b5b5e74d88f3bb5f80&imgtype=jpg&er=1&src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F32afc2a2c9b949a5e936b1a48a6f516744636211.jpg'[代码][代码], text: [代码][代码]"撒可富杀立刻发水立方索拉卡附近撒联发科吉林省大开发沙龙东方科技奥斯发离开家啊"[代码][代码], video_url: [代码][代码]'http://tbm.alicdn.com/Uob6TqgDJuggjUaP6bv/NNtoO48LH9fensAkefH%40%40sdregop.mp4'[代码] [代码]},[代码][代码] [代码][代码]{ isPlaying: [代码][代码]false[代码][代码], title: [代码][代码]"万里"[代码][代码], poster: [代码][代码]'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1525153967&di=3191960263be63b5b5e74d88f3bb5f80&imgtype=jpg&er=1&src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F32afc2a2c9b949a5e936b1a48a6f516744636211.jpg'[代码][代码], text: [代码][代码]"撒可富杀立刻发水立方索拉卡附近撒联发科吉林省大开发沙龙东方科技奥斯发离开家啊"[代码][代码], video_url: [代码][代码]'http://tbm.alicdn.com/Uob6TqgDJuggjUaP6bv/NNtoO48LH9fensAkefH%40%40sdregop.mp4'[代码] [代码]},[代码][代码] [代码][代码]{ isPlaying: [代码][代码]false[代码][代码], title: [代码][代码]"自治区"[代码][代码], poster: [代码][代码]'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1525153967&di=3191960263be63b5b5e74d88f3bb5f80&imgtype=jpg&er=1&src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F32afc2a2c9b949a5e936b1a48a6f516744636211.jpg'[代码][代码], text: [代码][代码]"撒可富杀立刻发水立方索拉卡附近撒联发科吉林省大开发沙龙东方科技奥斯发离开家啊"[代码][代码], video_url: [代码][代码]'http://tbm.alicdn.com/Uob6TqgDJuggjUaP6bv/NNtoO48LH9fensAkefH%40%40sdregop.mp4'[代码] [代码]},[代码][代码] [代码][代码]][代码] [代码]},[代码] [代码]/**[代码][代码] [代码][代码]* 组件的方法列表[代码][代码] [代码][代码]*/[代码][代码]methods: {[代码][代码] [代码][代码]// 点击cover播放，其它视频结束[代码][代码] [代码][代码]videoPlay: [代码][代码]function[代码] [代码](e) {[代码][代码] [代码][代码]var[代码] [代码]id = e.currentTarget.id[代码][代码] [代码][代码]if[代码] [代码](![代码][代码]this[代码][代码].data.playIndex) { [代码][代码]// 没有播放时播放视频[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]playIndex: id[代码][代码] [代码][代码]})[代码][代码] [代码][代码]console.log([[代码][代码]'index'[代码][代码], id].join([代码][代码]''[代码][代码]))[代码][代码] [代码][代码]var[代码] [代码]videoContext = wx.createVideoContext([[代码][代码]'index'[代码][代码], id].join([代码][代码]''[代码][代码]))[代码][代码] [代码][代码]console.log(videoContext)[代码][代码] [代码][代码]videoContext.play()[代码][代码] [代码][代码]} [代码][代码]else[代码] [代码]{ [代码][代码]// 有播放时先将prev暂停到0s，再播放当前点击的current[代码][代码] [代码][代码]var[代码] [代码]videoContextPrev = wx.createVideoContext([[代码][代码]'index'[代码][代码], [代码][代码]this[代码][代码].data.playIndex].join([代码][代码]''[代码][代码]))[代码][代码] [代码][代码]videoContextPrev.seek(0)[代码][代码] [代码][代码]videoContextPrev.pause()[代码][代码] [代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]playIndex: id[代码][代码] [代码][代码]})[代码][代码] [代码][代码]var[代码] [代码]videoContextCurrent = wx.createVideoContext([[代码][代码]'index'[代码][代码], [代码][代码]this[代码][代码].data.playIndex].join([代码][代码]''[代码][代码]))[代码][代码] [代码][代码]videoContextCurrent.play()[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码] [代码]}[代码]代码片段：https://developers.weixin.qq.com/s/5jOCbXmc7KbP

GitHub账号

选择需要上架的开放服务

案例类型