From 5f4f1eecc5a74919ab4f115208db99c7f0515f35 Mon Sep 17 00:00:00 2001
From: Andy Burke <andy.burke@mailbox.earth>
Date: Thu, 24 Jul 2025 13:07:41 -0700
Subject: [PATCH] feature: youtube embeds fix: little more padding

---
 public/tabs/talk/talk.css |  1 +
 public/tabs/talk/talk.js  | 16 ++++++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/public/tabs/talk/talk.css b/public/tabs/talk/talk.css
index ec0e0a5..e3b54bc 100644
--- a/public/tabs/talk/talk.css
+++ b/public/tabs/talk/talk.css
@@ -61,6 +61,7 @@
 	left: 0;
 	right: 0;
 	bottom: 5rem;
+	padding: 0.5rem;
 }
 
 #talk #room-chat-entry-container {
diff --git a/public/tabs/talk/talk.js b/public/tabs/talk/talk.js
index 5a34557..bd51bbe 100644
--- a/public/tabs/talk/talk.js
+++ b/public/tabs/talk/talk.js
@@ -7,6 +7,22 @@ const URL_MATCH_HANDLERS = [
 		return;
 	},
 
+	(match) => {
+		const original_url = match[0];
+		const {
+			groups: { video_id },
+		} =
+			/(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)(?<video_id>[^"&?\/\s]{11})/gi.exec(
+				original_url,
+			);
+
+		if (!video_id) {
+			return;
+		}
+
+		return `<iframe width="560" height="315" src="https://www.youtube.com/embed/${video_id}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>`;
+	},
+
 	// url
 	(match) => {
 		// TODO: punycoding if something has unicode?