From 6e1d9a0309c10318451f057e00075bdce8418a17 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 21 Sep 2023 21:47:21 +0100
Subject: [PATCH] fix(talks): Vimeo video embed

---
 src/components/VimeoVideo.astro | 14 ++++++++++++++
 src/components/talk/Video.astro | 12 ++++++++++++
 2 files changed, 26 insertions(+)
 create mode 100644 src/components/VimeoVideo.astro

diff --git a/src/components/VimeoVideo.astro b/src/components/VimeoVideo.astro
new file mode 100644
index 000000000..181c982c8
--- /dev/null
+++ b/src/components/VimeoVideo.astro
@@ -0,0 +1,14 @@
+---
+interface Props {
+  id: string;
+}
+
+const videoId = Astro.props.id;
+---
+
+<iframe
+  allowfullscreen
+  class="w-full border border-gray-500 aspect-[16/9]"
+  frameborder="0"
+  src={`https://player.vimeo.com/video/${videoId}`}
+/>
diff --git a/src/components/talk/Video.astro b/src/components/talk/Video.astro
index b370ebf0f..fb00154fd 100644
--- a/src/components/talk/Video.astro
+++ b/src/components/talk/Video.astro
@@ -1,5 +1,6 @@
 ---
 import Markdown from '../Markdown.astro';
+import VimeoVideo from '../VimeoVideo.astro';
 import YouTubeVideo from '../YouTubeVideo.astro';
 
 interface Props {
@@ -21,3 +22,14 @@ const { id, type }: Props = Astro.props;
     </Markdown>
   )
 }
+{
+  type == "vimeo" && (
+    <Markdown>
+      <h2 class="mb-2">Video</h2>
+
+      <div>
+        <VimeoVideo id={id} />
+      </div>
+    </Markdown>
+  )
+}