123456789101112131415161718192021 |
- <view class="container">
- <swiper class="video-swiper" circular="{{circular}}" easing-function="{{easingFunction}}" vertical
- current="{{initIndex}}" duration="{{duration}}" bindanimationfinish="animationfinish"
- bindtransition="onSwiping"
- >
- <!-- curQueue 循环会导致video重新插入,objectFit 不可变更 -->
- <swiper-item wx:for="{{curQueue}}" wx:key="*this">
- <view class="video-swiper-item ">
- <video id="video_{{index}}" class="video_item" loop="{{loop}}" enable-play-gesture="{{false}}"
- autoplay="{{false}}" enable-progress-gesture="{{false}}" show-center-play-btn="{{false}}" controls="{{false}}"
- src="{{item.url}}" data-id="{{item.id}}" object-fit="{{item.objectFit || 'cover'}}" data-index="{{index}}"
- bindplay="onPlay" bindpause="onPause" bindended="onEnded" binderror="onError" bindtimeupdate="onTimeUpdate"
- bindwaiting="onWaiting" bindprogress="onProgress" bindloadedmetadata="onLoadedMetaData">
- </video>
- <view class="video-overlay" data-player-idx="{{index}}" bind:tap="onVideoOverlayTap">
- </view>
- </view>
- </swiper-item>
- </swiper>
- </view>
|