index.tsx

import React from "react";
import { DocsVideoProps } from "./types";
import LocalVideo from "@site/src/components/video-local";
import VideoYouTube from "@site/src/components/video-youtube";
import VideoVimeo from "@site/src/components/video-vimeo";

export default function DocsVideo({ src, title }: DocsVideoProps) {
  const isYouTube = src.includes("youtube");
  const isVimeo = src.includes("vimeo");
  const isLocalVideo = !src.includes("youtube") && !src.includes("vimeo");

  return (
    <>
      {isYouTube && <VideoYouTube src={src} title={title} />}
      {isVimeo && <VideoVimeo src={src} title={title} />}
      {isLocalVideo && <LocalVideo src={src} title={title} />}
    </>
  );
}