
1默认显示封面;
2一个视频播放的时候,其他视频停止播放,并显示封面。
1通过wx:if判断当前视频是否是播放的状态,如果是就显示视频,如果不是就隐藏视频;
2点击封面的时候,获取到该视频的id,进行判断,如果当前没有视频播放,就把该视频设置为播放的状态;如果当前有视频播放,则停止当前播放的视频,再播放你点击的这个视频。
<view class="video_body">
<view wx:for="{{courseList}}" wx:for-item="course" class='course-pannle-item' wx:for-index="idx" wx:key="index">
<view class='video-item'>
<video class="video" wx:if='{{idx==playIndex}}' id='video{{idx}}' autoplay='{{true}}' show-center-play-btn="{{false}}" src='{{coursevideoUrl}}' controls="true" objectFit="cover"></video>
<image class='video-cover video' wx:if='{{idx!=playIndex}}' mode='widthFix' src='{{coursecoverUrl}}'></image>
<image class='video-play-btn' wx:if='{{idx!=playIndex}}' mode='widthFix' data-index='{{idx}}' bindtap='videoPlay' src='/images/home/btnpng'></image>
<!-- <text wx:if='{{idx!=playIndex}}' class='video-duration fs-28'>
{{courseduration}}
</text> -->
</view>
</view>
</view>
data: {
playIndex: null, //用于记录当前播放的视频的索引值
courseList: [
{
videoUrl: '>
1 不是那个图就需要确定一下是不是没保存,或者步骤不对。首先,登入微信,之后发现,朋友圈,设置封面,更换相册,根据提示步骤来。
1 首先,登入微信,在下面的发现,选择朋友圈;
2 然后就可以看到设置封面的地方了,点击;
3 选择更换相册封面;4 然后就可以选择自己喜欢的了;
5 选择好后,可以大小不是很适合,稍微移动或者缩放一下,然后选取;
6 就可以看到效果了;7 在我-我的相册里也可以修改。
二、微信设置背景的方法:下载最新版本微信,然后进入微信-点击设置-聊天背景-就可以设置所有微信的背景画面。
1、在微信搜索征集,找到fotoo征集一下小程序。2、点击+号,新建一个照片征集、视频征集、文字征集的活动,具体想要征集的内容,可以根据自己的活动确定。3、填写活动名称、活动时间、活动封面,提交即可完成活动创建,活动相关的其他设置信息,可以在后续设置中更改。
fotoo征集一下小程序,可以很方便的解决大家组织活动时征集、在线投票打分评选的问题,同时降低大家的参与门槛,通过支持照片、视频、音频、文稿、素材,多人同时上传投稿等方式,解决大家在日常生活或活动当中的各种收集、征集、评选、打分、投票的需求。
点击红包以微信为例。选择红包的图标进入。点击红包封面选择红包封面的选项。点击添加选择右上角的添加选项。输入序列号确认输入红包序列号点击确定即可。使用红包封面在发红包时选择使用封面即可。
在js里面可以设置
onShareAppMessage: function () {
var that=this
wxshowShareMenu({
withShareTicket: true
})
//来自页面内的按钮的转发
return {
title: thatdatauserInfonickName + '@你邀请您一起来进行好友对战',
imageUrl:'/images/fengmianjpg',
}
小程序开发文档里面都有的
1、打开微信,找到微信小程序,点击打开。
2、点开报名接龙,在接龙小程序中点击我来发起,发布报名活动。
3、接龙管家发布填表问卷时,上方会提醒添加封面,可以选择自己喜欢的封面对发布的接龙进行封面处理。
以上就是关于小程序视频封面,切换播放并显示封面全部的内容,包括:小程序视频封面,切换播放并显示封面、腾讯文档小程序转发时的封面设置、微信小程序接龙自己制作了封面为什么发布出去还是没有等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)