index.wxml 1.1 KB

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