微信小程序开发之—

视频列表，每次加载很慢，解决小程序使用video组件，播放视频加载很慢，要等数十秒甚至更久才加载出来

解决每次同一时间只能播放一个视频
js:

wxml片段:

 <view wx:for="{{informList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="videoData"><view class="eachData"><view class="videoTitle">{{item.VideoName}}</view><video id="{{item.VideoId}}" poster='{{item.VideoListImg}}'  bindplay="handleplay" class="videoStyle" src="{{item.VideoFilePath}}"></video><view class="videoBtn"><view class="btn-c"><image class="iconSize" src='../../image/healthVideo/icon_guankan@2x.png'></image><text>{{filter.numFormat(item.PlayNum)}}</text></view><view class="btn-c"><view style="display:flex;align-items: center;" data-id="{{item.VideoId}}" data-idx="{{index}}" bindtap='giveLike'><image wx:if="{{!item.IsSupport}}" class="iconSize" src='../../image/healthVideo/icon_dianzan@2x.png'></image><image wx:else class="iconSize" src='../../image/healthVideo/icon_dianzancopy2@2x.png'></image><text>{{filter.numFormat(item.SupportNum)}}</text></view><button wx:if="{{!patient}}" class="clearBtn receiveStyle"open-type="getPhoneNumber" catchtap="login" data-idx="{{2}}" bindgetphonenumber="ongetPhoneNumberForMobile"></button></view><button class='clearBtn shareBtn' data-name='{{item.VideoName}}' data-id='{{item.VideoId}}' open-type="share"><view class="btn-c"><image class="iconSize" src='../../image/healthVideo/icon_zhuanfa@2x.png'></image><text>{{item.SendNum}}</text></view></button></view></view></view>

微信小程序开发之——Video相关推荐

微信小程序开发video播放问题
问题1:微信小程序开发中,如果请求接口为本地数据,真机测试的时候video无法播放,开发工具可以正常播放解决: 真机测试的时候需要打开控制台vconsel 问题2:video组件的播放按钮显示设置无 ...
微信小程序开发之视频播放器 Video 弹幕弹幕颜色自定义
把录音的模块尝试过之后就想着微信小程序的视频播放会不会更有趣? 果然,微信小程序视频自带弹幕.是不是很爽,跟我一起来看看. 微信小程序开发之录音机音频播放动画 (真机可用) 先上gif: 再上几张 ...
input ios问题小程序_微信小程序开发常见问题汇总
原标题:微信小程序开发常见问题汇总 1.域名必须是https 非https的域名不被微信小程序允许. 2.input组件placeholder字体颜色卸载placeholder-class里面的co ...
微信小程序开发 “婚礼邀请函” 微信小程序入门可看
成品展示: 5个页面我们来讲解哈(上面地图位置随便定的点) 1.首页开发一开始进来显示首页然后默认开始播放背景音乐,这个背景音乐点击右上角图标可以暂停(有动画),然后点击新郎和新娘文字可以调到 ...
【微信小程序宝典】从零开始做微信小程序开发
开发前必读简要基于大量无效开发,无法上线的案例,所以开发前部分知识十分重要:| 链接微信小程序个人注册简单步骤打开mp.weixin.qq.com,点击右上角立即注册,进入小程序注册| 链接微 ...
微信小程序请求头header_微信小程序开发:http请求
在微信小程序进行网络通信,只能和指定的域名进行通信,微信小程序包括四种类型的网络请求. 普通HTTPS请求(wx.request) 上传文件(wx.uploadFile) 下载文件(wx.downlo ...
前后端微信小程序开发
随着移动互联网的迅猛发展,微信小程序已经成为了一种非常流行的开发方式,它不仅可以节约用户空间,提高用户体验,而且开发成本也相对较低.因此,前后端微信小程序开发技术也日渐成熟. 本篇文章将介绍前后端微信 ...
前端—微信小程序开发
随着微信的普及和微小程序的广泛应用,微信小程序开发越来越多受到人们的关注,正在成为新工科和人工智能背景下当代大学生的必备技能. 适应对象该课程适合电子信息类专业学生进行学习. 微信小程序开发课程共六 ...
微信小程序开发页面总结-文档(ing)
公共样式定义 /* 公共样式 */ page{height: 100%;background: #f7f7f7; } view,image,input,text,button,textarea {bo ...

微信小程序开发之——Video

微信小程序开发之——Video相关推荐

最新文章

热门文章