init

2026-04-28 09:27:54 +07:00
commit 68d05da584
320 changed files with 26229 additions and 0 deletions
@@ -0,0 +1,41 @@
+import React from "react";
+
+type AspectRatio = "16:9" | "4:3" | "21:9" | "1:1";
+
+interface YouTubeEmbedProps {
+  videoId: string;
+  aspectRatio?: AspectRatio;
+  title?: string;
+  className?: string;
+}
+
+const YouTubeEmbed: React.FC<YouTubeEmbedProps> = ({
+  videoId,
+  aspectRatio = "16:9",
+  title = "YouTube video",
+  className = "",
+}) => {
+  const aspectRatioClass = {
+    "16:9": "aspect-video",
+    "4:3": "aspect-4/3",
+    "21:9": "aspect-21/9",
+    "1:1": "aspect-square",
+  }[aspectRatio];
+
+  return (
+    <div
+      className={`overflow-hidden rounded-lg ${aspectRatioClass} ${className}`}
+    >
+      <iframe
+        src={`https://www.youtube.com/embed/${videoId}`}
+        title={title}
+        frameBorder="0"
+        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+        allowFullScreen
+        className="w-full h-full"
+      ></iframe>
+    </div>
+  );
+};
+
+export default YouTubeEmbed;