diff --git a/src/files-ui/components/previews/VideoPreview/VideoPreview.tsx b/src/files-ui/components/previews/VideoPreview/VideoPreview.tsx index 63d7dfcdb64f78f828c2085523f041d0244d29ce..3cfe978e3d08e4e6e2a18713fe1a9b1c91b7899e 100644 --- a/src/files-ui/components/previews/VideoPreview/VideoPreview.tsx +++ b/src/files-ui/components/previews/VideoPreview/VideoPreview.tsx @@ -4,7 +4,12 @@ import { VideoPreviewProps } from "./VideoPreviewProps"; const VideoPreview: React.FC<VideoPreviewProps> = ( props: VideoPreviewProps ) => { - const { videoSrc, /* autoPlay, controls, */style, className, ...others } = props; + const { + src: videoSrc, + /* autoPlay, controls, */ style, + className, + ...others + } = props; const videoRef = React.useRef<HTMLVideoElement>(null); diff --git a/src/files-ui/components/previews/VideoPreview/VideoPreviewProps.ts b/src/files-ui/components/previews/VideoPreview/VideoPreviewProps.ts index 5f7ba752ef3007c137744f6307cdfa7a0a91e671..95d7159c5bde3da6d2c1528a1f55f795700e2afb 100644 --- a/src/files-ui/components/previews/VideoPreview/VideoPreviewProps.ts +++ b/src/files-ui/components/previews/VideoPreview/VideoPreviewProps.ts @@ -6,22 +6,20 @@ export interface VideoPreviewPropsMap extends OverridableComponentProps { * video source in string format or File object * FileItemComponent returns this value in onWatch handler */ - videoSrc?: File | string; + src?: File | string; } -type DefVideoProps = React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>; +type DefVideoProps = React.HTMLProps<HTMLVideoElement>; +type VideoPropsOmitVideoPreviewPropsMap = Omit<DefVideoProps, keyof VideoPreviewPropsMap>; -export type VideoPreviewProps = +export type VideoPreviewProps = VideoPropsOmitVideoPreviewPropsMap & { [F in keyof VideoPreviewPropsMap]: VideoPreviewPropsMap[F] } - & - { [K in keyof DefVideoProps]: - DefVideoProps[K] - } +