uni-app H5 视频滑动

如果你想在 uni-app 中实现 H5 视频滑动的效果，可以使用 uni-app 自带的 `swiper` 组件。你需要将视频元素放在每个 `swiper-item` 中，然后设置 `swiper` 的属性 `autoplay` 和 `interval` 来实现自动播放和切换时间间隔。

具体步骤如下：

1. 在 `template` 中使用 `swiper` 组件，并设置 `autoplay` 和 `interval` 属性：

<swiper autoplay :interval="3000">
  <swiper-item>
    <video src="your_video_url"></video>
  </swiper-item>
  <swiper-item>
    <video src="your_video_url"></video>
  </swiper-item>
  <swiper-item>
    <video src="your_video_url"></video>
  </swiper-item>
</swiper>

2. 在 `style` 中设置 `video` 元素的样式，使其铺满整个 `swiper-item`：

swiper-item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

3. 在 `script` 中设置 `swiper` 的配置项，比如是否循环播放等等：

export default {
  data() {
    return {
      swiperOptions: {
        loop: true,
        autoplay: true,
        interval: 3000
      }
    }
  }
}

4. 在 `template` 中使用 `swiper` 的配置项：

<swiper :options="swiperOptions">
  <swiper-item>
    <video src="your_video_url"></video>
  </swiper-item>
  <swiper-item>
    <video src="your_video_url"></video>
  </swiper-item>
  <swiper-item>
    <video src="your_video_url"></video>
  </swiper-item>
</swiper>

这样就可以实现 H5 视频的滑动播放效果了。