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';