Files
lume/src/shared/notes/preview/video.tsx
Ren Amamiya 7fb62a6afa WIP
2023-06-26 10:24:12 +07:00

19 lines
414 B
TypeScript

import ReactPlayer from "react-player/es6";
export function VideoPreview({ urls }: { urls: string[] }) {
return (
<div className="relative mt-3 max-w-[420px] flex w-full flex-col gap-2">
{urls.map((url) => (
<ReactPlayer
key={url}
url={url}
width="100%"
className="w-full h-auto border border-zinc-800/50 rounded-lg"
controls={true}
pip={true}
/>
))}
</div>
);
}