feat(mdx/content): add component for embedding YouTube and Bilibili videos

src/components/content/video-embed.tsx

@@ -0,0 +1,27 @@
+interface VideoEmbedProps {
+  platform: "youtube" | "bilibili";
+  id: string;
+}
+
+const platformSrcMap: Record<VideoEmbedProps["platform"], string> = {
+  youtube: "https://www.youtube.com/embed/",
+  bilibili: "https://player.bilibili.com/player.html?bvid=",
+};
+
+export function VideoEmbed({
+  platform,
+  id,
+}: VideoEmbedProps) {
+  const src = platformSrcMap[platform] + id;
+
+  return (
+    <div>
+      <iframe
+        className="aspect-video w-full"
+        src={src}
+        title={`${platform} Video Player`}
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen"
+      />
+    </div>
+  );
+}