Compat

The bridge from version 3, in react-video-kit/compat.

This entry keeps a custom control from version 3 working while you move to the hooks. It goes away in version 5. Read the migration guide.

Hooks

useVideoContext

The v3 context, for moving a custom control over without rewriting it. It renders four times a second, which v4's hooks avoid, so prefer useVideoState and useCommands for new code. This entry goes away in v5.

() => { videoRef: { readonly current: HTMLVideoElement | null; }; wrapperRef: { readonly current: HTMLElement | null; }; src: string; isPlaying: boolean; isMuted: boolean; isFullscreen: boolean; isPip: boolean; isLoading: boolean; isLoaded: boolean; duration: number; currentTime: number; volume: number; remainingTime: number; playbackRate: number; handlePlay: () => undefined; handlePause: () => void; handleMute: () => void; handleUnmute: () => void; handleVolumeChange: (value: number) => void; handlePlaybackRateChange: (value: number) => void; handleSeek: (value: number) => void; handleFullScreen: () => void; handleExitFullScreen: () => void; handlePip: () => void; handleExitPip: () => void; backBy: (seconds: number) => void; forwardBy: (seconds: number) => void; }