Use the YouTube embed screen in existing meeting files (#2361)

JFWooten4 · codex · web-flow · commit f9777b73ee61 · 2026-07-13T11:55:25.000-05:00
* Update liquidity-on-stellar-sdex-liquidity-pools.mdx * Convert meeting embeds to shared YouTube component * revert Spanish updates * add #2388 * 🎥 Use YouTube embeds for meeting notes Co-authored-by: Codex <noreply@openai.com> --------- Co-authored-by: Codex <noreply@openai.com>
diff --git a/meeting-notes/2025-05-22.mdx b/meeting-notes/2025-05-22.mdx
@@ -4,11 +4,8 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/UT8XXdcssQ8?si=xqTaXdr7VX9TWrOb"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="UT8XXdcssQ8" />
 
 At this Stellar Developer Meeting we are having a chat with Bram Hoogenkamp from OpenZeppelin about the OpenZeppelin Monitor - providing monitoring and alerting for smart contracts.
diff --git a/meeting-notes/2025-07-10.mdx b/meeting-notes/2025-07-10.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/0syGaIn3ULk?si=0JFUrQiBqQHl59dC"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="0syGaIn3ULk" />
 
 In this call we are getting an update on the exciting Scaffold Stellar project by Fifo from Aha Labs.
 
diff --git a/meeting-notes/2025-07-17.mdx b/meeting-notes/2025-07-17.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/RNtqou5oaeE?si=mqiGrkXw7QabNgS4"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="RNtqou5oaeE" />
 
 In this meeting the Nomyx team will give us an introduction to their advanced smart contract architecture (an implementation of the Diamond Pattern) and the Nomyx Diamond proxy viewer interface, that facilitates inspection of deployed diamonds and makes them a bit easier to work with.
 
diff --git a/meeting-notes/2025-07-24.mdx b/meeting-notes/2025-07-24.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/mSABuOLuZs8?si=FLbBbKJzXP8uo_U6"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="mSABuOLuZs8" />
 
 In this meeting we are talking to Esteban and Francisco from PaltaLabs. Stellar Hacks is currently running a hackathon in collaboration with PaltaLabs, where the goal is to build using their projects Soroswap and DeFindex.
 
diff --git a/meeting-notes/2025-08-07.mdx b/meeting-notes/2025-08-07.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/EuAUCfAWg-4?si=qnw6St8rMuWi0ON0"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="EuAUCfAWg-4" />
 
 In this meeting we talk to Flashback founder Brieuc Berruet, who participated in the DraperU x Stellar incubator program last year, to get an update on his project (spoiler alert - it's live!).
 
diff --git a/meeting-notes/2025-09-25.mdx b/meeting-notes/2025-09-25.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/bTiFz8VHQyQ?si=vyKk8df223kTpFKD"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="bTiFz8VHQyQ" />
 
 In this week’s Stellar Developer Meeting we discuss new Core Advancement Proposals.
 
diff --git a/meeting-notes/2025-10-02.mdx b/meeting-notes/2025-10-02.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/8UmxYfDkWLg?si=Q6Q6jXD7KDlNaHvg"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="8UmxYfDkWLg" />
 
 In this meeting we will discuss CAP-74, BN254 and Poseidon hash functions.
 
diff --git a/meeting-notes/2025-10-09.mdx b/meeting-notes/2025-10-09.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/-uTKQIQpwAU?si=DTtCDBLTqhmeAu_W"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="-uTKQIQpwAU" />
 
 ## OpenZeppelin UI Builder demo
 
@@ -19,12 +16,7 @@ This time Steve will demo UI Builder, an easy way to spin up a front-end for any
 
 [OpenZeppelin UI Builder](https://builder.openzeppelin.com)
 
-<iframe
-  src="https://www.youtube.com/embed/rWWB7-8A-g8?si=k0uAjapexNwHyAJV"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+<YouTube ID="rWWB7-8A-g8" />
 
 ## Protocol Discussion
 
diff --git a/meeting-notes/2025-10-16.mdx b/meeting-notes/2025-10-16.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/cafR1uVsPFM?si=b-zLh8FWAu5cFUs_"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="cafR1uVsPFM" />
 
 ## Protocol Discussion
 
diff --git a/meeting-notes/2025-10-23.mdx b/meeting-notes/2025-10-23.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/-nY8U8nNmas?si=Sr9czITnAYgDaSAI"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="-nY8U8nNmas" />
 
 In this meeting we are talking to Dobprotocol to learn more about how they use Stellar to build a unique platform, turning machines into investable assets.
 
diff --git a/meeting-notes/2025-10-30.mdx b/meeting-notes/2025-10-30.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/nxU16dOjN3M?si=c6fSyGCPUceFiBxY"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="nxU16dOjN3M" />
 
 In this meeting we are continuing our mini series about the Stellar-based open source tooling OpenZeppelin is developing. In the last session we talked briefly about Relayer and this time we are diving deeper into this tool, and OpenZeppelin Managed Service.
 
diff --git a/meeting-notes/2025-11-06.mdx b/meeting-notes/2025-11-06.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/-T3Ia32nnP0?si=k1msvUWzT5v1L3Ws"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="-T3Ia32nnP0" />
 
 In this meeting we do a walkthrough of OpenZeppelin’s Q3 library releases for Smart Account, Vault and RWA.
 
diff --git a/meeting-notes/2026-01-22.mdx b/meeting-notes/2026-01-22.mdx
@@ -4,23 +4,15 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/pq4xrdRzfIs?si=Fc6w1HIuXsIRsOxl"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="pq4xrdRzfIs" />
 
 ## OpenZeppelin Q4 Releases
 
 In this year’s first Stellar Developer Meeting, on Thursday, January 22nd at 8am PT on Twitch, we will catch up with Ozgun and Boyan from the OpenZeppelin team and take a look at the libraries released in Q4 last year.
 
-<iframe
-  src="https://www.youtube.com/embed/CetcWbsdRdE?si=ruiAmtb3CXOCGWjj"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+<YouTube ID="CetcWbsdRdE" />
 
 ## Protocol Discussion
 
diff --git a/meeting-notes/2026-01-29.mdx b/meeting-notes/2026-01-29.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/TXuKiEEwEsU?si=nC9H4L3ik7TYNWXF"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="TXuKiEEwEsU" />
 
 ## Protocol Discussion
 
diff --git a/meeting-notes/2026-02-26.mdx b/meeting-notes/2026-02-26.mdx
@@ -4,12 +4,9 @@ authors: carstenjacobsen
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/nLxODJal-xQ?si=S__qPuFGYbg-MRit"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="nLxODJal-xQ" />
 
 ## Protocol Discussion
 
diff --git a/meeting-notes/2026-04-16.mdx b/meeting-notes/2026-04-16.mdx
@@ -4,12 +4,9 @@ authors: kaankacar
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/u3zmNZXHYHw"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="u3zmNZXHYHw" />
 
 ## Protocol 26 "Yardstick" Hits Testnet
 
diff --git a/meeting-notes/2026-04-23.mdx b/meeting-notes/2026-04-23.mdx
@@ -4,12 +4,9 @@ authors: kaankacar
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/E6asxPAA3wU"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="E6asxPAA3wU" />
 
 ## Messari State of Stellar Q1 2026
 
diff --git a/meeting-notes/2026-05-07.mdx b/meeting-notes/2026-05-07.mdx
@@ -4,13 +4,9 @@ authors: kaankacar
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/WHYHzDF8KJ8"
-  title="Stellar Developer Meeting 2026-05-07 recording"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="WHYHzDF8KJ8" />
 
 ## Machine Payments Protocol: A Deep Dive
 
diff --git a/meeting-notes/2026-05-14.mdx b/meeting-notes/2026-05-14.mdx
@@ -4,13 +4,9 @@ authors: kaankacar
 tags: [developer]
 ---
 
-<iframe
-  src="https://www.youtube.com/embed/pZMpqTGGA_Y"
-  title="Stellar Developer Meeting 2026-05-14 recording"
-  width="640"
-  height="480"
-  allow="autoplay"
-></iframe>
+import YouTube from "@site/src/components/YouTube";
+
+<YouTube ID="pZMpqTGGA_Y" />
 
 ## A Packed Two-Part Meeting
 
diff --git a/src/components/YouTube/index.tsx b/src/components/YouTube/index.tsx
@@ -2,15 +2,18 @@ import React, { type ReactNode } from 'react';
 
 export function YouTube({ ID }: { ID: string; }): ReactNode {
   return (
-    <div style={{
+    <div
+      className="youtubeEmbed"
+      style={{
       position: "relative",
       width: "100%",
       paddingBottom: "56.25%", // Make 16 x 9
       height: 0,
       marginBottom: "23px"
-    }}>
+      }}
+    >
       <iframe
-        src={`https://www.youtube-nocookie.com/embed/${ID}?controls=0&rel=0&modestbranding=1`}
+        src={`https://www.youtube-nocookie.com/embed/${ID}?rel=0&modestbranding=1`}
         title="Informational explainer"
         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" // tilt screen
         allowFullScreen
