micro/packages/web/src/components/file-embed/file-embed-video.tsx

28 lines
583 B
TypeScript

import { GetFileData } from "@ryanke/micro-api";
export const FileEmbedVideo = ({ file }: { file: GetFileData }) => {
return (
<video
controls
loop
playsInline
className="h-full outline-none"
height={file.metadata?.height}
width={file.metadata?.width}
>
<source src={file.paths.direct} type={file.type} />
</video>
);
};
FileEmbedVideo.embeddable = (file: GetFileData) => {
switch (file.type) {
case "video/mp4":
case "video/webm":
case "video/ogg":
return true;
default:
return false;
}
};