videoPlay(e){ let videoid = e.currentTarget.dataset.id; if(this.curVideoId !== videoid && this.curVideoContext){ ////关闭上一个播放的视频 this.curVideoContext.stop(); } this.curVideoId = videoid; ////创建控制视频标签的实例对象 this.curVideoContext = wx.createVideoContext(this.curVideoId,this); }, <video loop="loop" controls="controls" autoplay="{{false}}" controlsList="nodownload" webkit-playsinline="true" playsinline="true" src="{{item.videoUrl}}" auto-pause-if-navigate="true" id="{{item.id}}" data-id="{{item.id}}" bindplay="videoPlay" ></video>
多个video在一个页面时,如何一次只能播放一个页面如下: [图片] 相应代码如下: [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"video-view"[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{videoList}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"{{index}}"[代码] [代码]wx:for-item[代码][代码]=[代码][代码]"video"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]video[代码] [代码]style[代码][代码]=[代码][代码]"width:100%"[代码] [代码]id[代码][代码]=[代码][代码]"myVideo{{index}}"[代码] [代码]bindtap[代码][代码]=[代码][代码]"playVideo"[代码] [代码]data-vid[代码][代码]=[代码][代码]"myVideo{{index}}"[代码] [代码]data-id[代码][代码]=[代码][代码]"{{video.id}}"[代码] [代码]poster[代码][代码]=[代码][代码]"{{video.expertLogo}}"[代码] [代码]src[代码][代码]=[代码][代码]"{{video.url}}"[代码] [代码]controls></[代码][代码]video[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"title"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"title-text"[代码][代码]>{{video.title}}</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码] [代码]playVideo: [代码][代码]function[代码] [代码](e) {[代码][代码] [代码][代码]var[代码] [代码]that = [代码][代码]this[代码][代码];[代码][代码] [代码][代码]var[代码] [代码]videoID = e.target.dataset.vid[代码][代码] [代码][代码]var[代码] [代码]videoContextOld[代码][代码] [代码][代码]var[代码] [代码]videoContextNew[代码][代码] [代码][代码]var[代码] [代码]_Url = bathUrl + [代码][代码]"/parentClass/updatePv"[代码][代码];[代码][代码] [代码][代码]console.log([代码][代码]'videoID'[代码][代码], videoID)[代码][代码] [代码][代码]if[代码] [代码](videoID != that.data.oldVideoID) {[代码][代码] [代码][代码]if[代码] [代码](that.data.oldVideoID != [代码][代码]''[代码][代码]) {[代码][代码] [代码][代码]videoContextOld = wx.createVideoContext(that.data.oldVideoID)[代码][代码] [代码][代码]videoContextOld.pause()[代码][代码] [代码][代码]console.log([代码][代码]'videoContextOld'[代码][代码], videoContextOld)[代码][代码] [代码][代码]}[代码][代码] [代码][代码]videoContextNew = wx.createVideoContext(videoID)[代码][代码] [代码][代码]videoContextNew.play()[代码][代码] [代码][代码]videoContextNew.requestFullScreen[代码][代码] [代码][代码]console.log([代码][代码]'videoContextNew'[代码][代码], videoContextNew)[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]oldVideoID: videoID[代码][代码] [代码][代码]})[代码][代码] [代码][代码]wx.request({[代码][代码] [代码][代码]url: _Url,[代码][代码] [代码][代码]method: [代码][代码]'POST'[代码][代码],[代码][代码] [代码][代码]data: { id: e.target.dataset.id },[代码][代码] [代码][代码]header: {[代码][代码] [代码][代码]'content-type'[代码][代码]: [代码][代码]'application/json'[代码][代码] [代码][代码]},[代码][代码] [代码][代码]success: [代码][代码]function[代码] [代码](res) {[代码][代码] [代码][代码]console.log([代码][代码]'更新成功'[代码][代码])[代码][代码] [代码][代码]}[代码][代码] [代码][代码]})[代码][代码] [代码][代码]} [代码][代码]else[代码] [代码]{[代码][代码] [代码][代码]videoContextNew = wx.createVideoContext(that.data.oldVideoID)[代码][代码] [代码][代码]videoContextNew.pause()[代码][代码] [代码][代码]videoContextNew.requestFullScreen[代码][代码] [代码][代码]}[代码][代码] [代码][代码]},[代码]
2022-02-16 videoPlay(e){ let videoid = e.currentTarget.dataset.id; if(this.curVideoId !== videoid && this.curVideoContext){ ////关闭上一个播放的视频 this.curVideoContext.stop(); } this.curVideoId = videoid; ////创建控制视频标签的实例对象 this.curVideoContext = wx.createVideoContext(this.curVideoId,this); }, <video loop="loop" controls="controls" autoplay="{{false}}" controlsList="nodownload" webkit-playsinline="true" playsinline="true" src="{{item.videoUrl}}" auto-pause-if-navigate="true" id="{{item.id}}" data-id="{{item.id}}" bindplay="videoPlay" ></video>
如何同时只能播放一个视频?列表中有多个video(点击时把image替换成video形式实现),怎么样保证同一页面同时只能播放一个视频?求教!
2022-02-15已解决 外层容器不可以设置overflow:auto; 去掉即可
wx.pageScrollTo无效?页面无使用scroll-view ?setTimeout(() => { wx.pageScrollTo({ scrollTop: 1500, duration: 300, success: function(res) { console.log('啊啊啊啊吧') } }) }) }, 14000) 可以打印出来,但是页面没用效果 [图片]
2022-02-15同问
想问下wx.pageScrollTo的锚点怎么用更新了新的开发者工具版本,还是不行 ========================================== 看到小程序更新文档上面提到了2.7.3基础库开始,wx.pageScrollTo支持锚点跳转了。 想问下这个具体如何使用呢? 比如说这么一个结构 [代码]<view>[代码][代码] [代码][代码]...[代码][代码] [代码][代码]<view id=[代码][代码]"bottom"[代码][代码]></view>[代码][代码]</view>[代码] 当我使用下面的方法测试时,发现在开发者工具里并没有提现对应效果 [代码]wx.pageScrollTo({[代码][代码] [代码][代码]duration: 0,[代码][代码] [代码][代码]selector: [代码][代码]'#bottom'[代码][代码]})[代码] 请问这个锚点跳转有什么特殊的使用技巧么?
2022-02-14 setTimeout(() => { wx.pageScrollTo({ selector:'#commentArea', duration: 300, success: function(res) { console.log('啊啊啊啊吧') } }) }, 3000) 为什么我成功了 但是无效
wx.pageScrollTo 现在支持锚点了,为啥我这的不起作用啊?[图片] [图片]
2022-02-14[图片] 配置downloadFile合法域名即可
wx.downloadFile在开发者工具和真机都可以,但是体验版显示下载失败?wx.downloadFile在开发者工具和真机都可以,但是体验版显示下载失败?
2021-09-30参考https://developers.weixin.qq.com/community/develop/doc/000e0652a1824056779b703335b800?_at=1631070451173 仅在在微信内部时候走按钮跳转时候可以跳转其他小程序,但是云函数生成的短链接没有可以传其他小程序的appid等参数,是不可以的 看看一楼截图,明显是两段话,第二段是解释什么叫免鉴权,微信内部打开的才叫免鉴权,非微信渠道依旧需要鉴权,所以答案还是不可以的
云开发静态网站托管的网页只能跳转到托管网页的小程序,还是任意小程序都可以?非个人主体并且已认证的(微信认证)小程序,使用云开发静态网站托管的网页,只能跳转托管的小程序还是可以任意小程序都可以。 只能跳转托管网页的小程序,还是任意小程序都可以。
2021-09-08[图片] [图片] 静态H5页面,我也是微信无法显示按钮 主体类型是企业法人及个体工商户 非微信浏览器已实现跳转,微信无法显示按钮
wx-open-launch-weapp按钮不显示,怎么回事?我试了各种方法,这个按钮就是不显示,请问是怎么回事?还有呢个插槽是怎么用的?我这是用的jq的,其他框架没有用,哪位大神可以帮我解决一下, [图片] [图片] js引入正常
2021-09-07[图片] 静态H5页面,我也是微信无法显示按钮 主体类型是企业法人及个体工商户 [图片] 开发者工具不显示
小程序跳转按钮:<wx-open-launch-weapp>怎么不显示?在使用vue框架页面,按照文档先后配置好了js接口安全域名——1.6.0版本jssdk——配置config opentaglist——使用<script type="text/wxtag-template"></script>包括button,html代码如下 <wx-open-launch-weapp username="gh_ebfb250249c1" @error="launchAppError" @launch="launchAppLaunch" @ready="launchAppReady" > <script type="text/wxtag-template"> <style>.btn { display: flex;align-items: center; }</style> <button class="btn" style="border-radius: 55px;font-size:15px;color:#ffffff;font-weight:700;padding: 0 50px;height:45px;line-height: 45px;background-color: #FF9700;margin: 0 auto;" >立即打开小程序</button> </script> </wx-open-launch-weapp>
2021-09-07设置了lower-threshold="5rpx" 这个值小一点 就没出现重复情况了
scroll-view组件上拉加载时触底会多次触发接口,出现重复数据?scroll-view这种情况有什么解决办法吗
2021-09-06