微信小程序停止其他视频播放当前视频的实例代码
微信小程序停止其他视频播放当前视频,代码如下所示:
{{item.title}} `
css样式
.content{ border-top:transparent1pxsolid; box-sizing:border-box; /*height:100%;*/ width:100%; padding:020rpx; } .container{ border-top:transparent1pxsolid; /*box-sizing:border-box;*/ /*height:100%;*/ width:100%; } view{ vertical-align:middle; } .item-box{ width:100%; margin-top:40rpx; position:relative; } .video-title-box{ height:70rpx; width:100%; background:rgba(0,0,0,1); opacity:0.2; position:absolute; bottom:10rpx; } .video-title{ text-align:center; font-size:30rpx; line-height:70rpx; font-weight:400; color:rgba(255,255,255,1); } .item-box{ width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; } .item-box.video-image-box{ height:400rpx; width:100%; background-repeat:no-repeat; background-size:100%100%; background-position-x:30rpx; position:relative; } .video-cover-box{ height:100%; width:100%; text-align:center; line-height:0rpx; } .item-box:first-of-type{ margin-top:0rpx; } .item-box.video-image-box.video-cover-box.video-image{ height:100%; width:100%; } .item-box.video{ height:300rpx; width:100%; margin:030rpx00; position:relative; } .item-box.video-image-box.video-image-play{ position:absolute; width:80rpx; height:80rpx; top:calc(50%-40rpx); left:calc(50%-40rpx); z-index:100; }
js 代码
constapp=getApp() Page({ data:{ videoPlay:null, videelsi:[], }, onLoad:function(){ wx.hideShareMenu() this.vidoelist() }, vidoelist(){ app.api.getData(app.data.https+'wechat/farm/index').then(res=>{ console.log(res) this.setData({ videelsi:res.data.list }) }) }, //点击cover播放,其它视频结束 videoPlay:function(e){ var_index=e.currentTarget.dataset.id this.setData({ _index:_index }) //停止正在播放的视频 varvideoContextPrev=wx.createVideoContext(_index+"") videoContextPrev.stop(); setTimeout(function(){ //将点击视频进行播放 varvideoContext=wx.createVideoContext(_index+"") videoContext.play(); },500) } })
总结
以上所述是小编给大家介绍的微信小程序停止其他视频播放当前视频,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。