<swiper vertical="{{true}}" current="{{current}}" circular="{{false}}" bindchange="bindchange" easing-function="default"> <block wx:for="{{videoList}}" wx:key="*this" wx:for-index="i"> <swiper-item> <view class="swiper-item"> <video bindtap="clickVideo" object-fit="cover" id="video_{{i}}" show-fullscreen-btn="{{false}}" autoplay="{{i==0 && firstRequest}}" wx:if="{{i>current-2 && current+2>i}}" loop="{{true}}" src="{{item.video_url}}" class="video-dom"> </video> <!-- i>current-2 && current+2>i 这个判断的作用是,加载当前视频和前面一个和后面一个视频资源, 不多加载,做到按需加载,节流--><!-- autoplay="{{i==0 && firstRequest}}" 首次打开的时候,第一个视频自动播放,其它的滑动的时候触发播放 --> </view> </swiper-item> </block> </swiper>
2、js 部分
(完结)
下面是我的小程序实现的效果,可以扫码看看,也可以微信搜索小程序名《最新热门信息汇总》
<
亿软阁微营销
