@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
40 lines (39 loc) • 1.26 kB
TypeScript
import { type CSSProperties, type Ref } from 'react';
import { FlexboxProps } from 'react-layout-kit';
import type { VideoProps as VProps } from "../types";
export interface VideoProps extends VProps, Pick<FlexboxProps, 'width' | 'height'> {
autoPlay?: boolean;
classNames?: {
mask?: string;
video?: string;
wrapper?: string;
};
isLoading?: boolean;
loop?: boolean;
maxHeight?: number | string;
maxWidth?: number | string;
minHeight?: number | string;
minWidth?: number | string;
muted?: HTMLVideoElement['muted'];
onEnded?: VProps['onEnded'];
onMouseEnter?: VProps['onMouseEnter'];
onMouseLeave?: VProps['onMouseLeave'];
onPause?: VProps['onPause'];
onPlay?: VProps['onPlay'];
onPlaying?: VProps['onPlaying'];
onProgress?: VProps['onProgress'];
poster?: string;
preload?: HTMLVideoElement['preload'];
preview?: boolean;
ref?: Ref<HTMLDivElement>;
size?: number | string;
src: string;
styles?: {
mask?: CSSProperties;
video?: CSSProperties;
wrapper?: CSSProperties;
};
variant?: 'borderless' | 'filled' | 'outlined';
}
declare const Video: import("react").NamedExoticComponent<VideoProps>;
export default Video;