From 9e3e494673460d66fbd73085f950b24bf2960aff Mon Sep 17 00:00:00 2001
From: Darius Cepulis <dcepulis@mux.com>
Date: Wed, 25 Feb 2026 16:19:57 -0600
Subject: [PATCH] fix(site): add missing background-video media element import
 (#605)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: Wesley Luyten <me@wesleyluyten.com>
---
 site/src/components/installation/HTMLUsageCodeBlock.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/site/src/components/installation/HTMLUsageCodeBlock.tsx b/site/src/components/installation/HTMLUsageCodeBlock.tsx
index 71e7a0ab..ea265444 100644
--- a/site/src/components/installation/HTMLUsageCodeBlock.tsx
+++ b/site/src/components/installation/HTMLUsageCodeBlock.tsx
@@ -97,7 +97,8 @@ function generateJS(useCase: UseCase, skin: Skin): string {
   if (useCase === 'background-video') {
     return `import '@videojs/html/background/player';
 import '@videojs/html/background/skin';
-import '@videojs/html/background/skin.css';`;
+import '@videojs/html/background/skin.css';
+import '@videojs/html/background/video';`;
   }
   const { group, skinFile } = getSkinImportParts(skin);
   return `import '@videojs/html/${group}/player';