CatBut — VideosVideoPlayer · PlayPause · Mute · Volume · Progress · Time · Speed · Next · Prev · Fullscreen

VideoPlayer.tsx + tous les contrôles

Player complet — playlist 3 vidéos

VideoPlayer + VideoPlayPause + VideoPrev + VideoNext + VideoMute + VideoVolume + VideoProgressBar + VideoTime + VideoSpeed + VideoFullscreen

0:00 / 0:00

VideoPlayer.tsx

Player minimaliste — contrôles natifs

nativeControls= — utilise les contrôles du navigateur, sans children

VideoPlayer.tsx

AutoPlay + Muted + Loop

autoPlay muted loop — lecture silencieuse en boucle (cas bannière / hero)

Bannière Hero

VideoPlayPause · VideoMute · VideoNext · VideoPrev

Contrôles boutons isolés

Chaque bouton de contrôle affiché dans un player dédié — variants & tailles

VideoPlayPause — variants

VideoPlayPause — tailles

VideoMute — variants

VideoNext / VideoPrev — playlist 3 items

VideoProgressBar.tsx · VideoTime.tsx

Barre de progression & temps

VideoProgressBar (cliquable) + VideoTime — affichage currentTime / duration

0:00 / 0:00

VideoVolume.tsx

Volume slider

VideoVolume — width personnalisable, accentColor suit le thème

width=60

width=100

width=160

width=240

VideoSpeed.tsx

Sélecteur de vitesse

VideoSpeed — liste de vitesses personnalisable, menu déroulant

speeds défaut [0.5, 0.75, 1, 1.25, 1.5, 2]

speeds=[0.25, 0.5, 1, 2, 4]

VideoFullScreen.tsx

Bouton plein écran

VideoFullscreen — bascule requestFullscreen / exitFullscreen, icône Maximize / Minimize

VideoQuality.tsx

Sélecteur de qualité

VideoQuality — s'affiche uniquement quand src est un VideoSource[], retourne null pour une source unique

0:00 / 0:00

Même player — vidéo 2 (single source) : VideoQuality disparaît automatiquement

Navigue vers la vidéo 2 avec le bouton suivant pour voir VideoQuality se masquer.

CatBut · Videos · VideoPlayer · VideoPlayPause · VideoMute · VideoVolume · VideoProgressBar · VideoTime · VideoSpeed · VideoNext · VideoPrev · VideoFullscreen · VideoQuality