Module VideoGallery

Description

A video carousel component that displays a main video player and a list of video thumbnails. Supports video switching via Swiper and shows a preview thumbnail with a play icon before playback.

Remarks

Integrates ReactPlayer for video playback.
Uses Swiper.js for horizontal thumbnail scrolling.
Displays video durations using a formatted helper.
Automatically updates the active video based on thumbnail selection.

Example

<VideoGallery
  videos={videoList}
  currentIndex={0}
  handleCurrentIndex={(i) => setIndex(i)}
  handleDuration={(d) => setDuration(d)}
/>

Param: props

Video list, active index, and handlers for index and duration.

Returns

A responsive video gallery with thumbnails and an embedded player.

Functions

default

Modules

<internal>