HTMLネイティブ動画プレイヤーの代わりになる、カスタマイズ可能な美しいUIのReactコンポーネント

npx shadcn@latest add https://loomix.harshsingh.me/r/loomix-player.json

npm install loomix

import { LoomixPlayer } from "@/components/ui/loomix-player";

export default function Demo() {
  return (
    <LoomixPlayer
      src="/video.webm"
      youtubeUrl="https://youtu.be/dQw4w9WgXcQ"
      className="aspect-video w-full max-w-4xl"
    />
  );
}