From 45f3fbf4cfb3b7d672b89bc8759a45c87cda15b7 Mon Sep 17 00:00:00 2001
From: Darius Cepulis <dcepulis@mux.com>
Date: Thu, 5 Mar 2026 07:29:04 -0600
Subject: [PATCH] fix(site): add missing slot="media" to renderer element in
 HTML code block (#737)

Co-authored-by: claude[bot] <41898282+claude[bot]@users.noreply.github.com>
Co-authored-by: Darius Cepulis <decepulis@users.noreply.github.com>
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
---
 site/src/components/installation/HTMLUsageCodeBlock.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/components/installation/HTMLUsageCodeBlock.tsx b/site/src/components/installation/HTMLUsageCodeBlock.tsx
index 85252d39..633002b9 100644
--- a/site/src/components/installation/HTMLUsageCodeBlock.tsx
+++ b/site/src/components/installation/HTMLUsageCodeBlock.tsx
@@ -51,7 +51,7 @@ function getSkinTag(useCase: UseCase, skin: Skin): string {
 function getRendererElement(renderer: Renderer, url: string): string {
   const tag = getRendererTag(renderer);
   const src = url.trim() || '...';
-  return `<${tag} src="${src}"></${tag}>`;
+  return `<${tag} slot="media" src="${src}"></${tag}>`;
 }
 
 function generateHTMLCode(useCase: UseCase, skin: Skin, renderer: Renderer, url: string): string {