react + swiper实现视频上下滑动

要实现视频上下滑动，可以使用以下步骤：

1. 安装 `react-id-swiper` 包，这是一个基于 Swiper.js 的 React 轮播组件。

2. 导入 Swiper 样式文件和 React 轮播组件：

   import 'swiper/css/swiper.css';
   import { Swiper, SwiperSlide } from 'swiper/react';

3. 在组件中渲染 Swiper 组件，并添加 `direction="vertical"` 属性来实现垂直滑动：

   <Swiper direction="vertical">
     <SwiperSlide>
       <video src="video1.mp4" />
     </SwiperSlide>
     <SwiperSlide>
       <video src="video2.mp4" />
     </SwiperSlide>
     <SwiperSlide>
       <video src="video3.mp4" />
     </SwiperSlide>
   </Swiper>

这里使用 `SwiperSlide` 包裹每个视频。

4. 根据需要自定义 Swiper 样式，比如设置视频高度和宽度：

   .swiper-slide video {
     width: 100%;
     height: 100%;
   }

这样就可以实现视频上下滑动了。