From 853585b2d0867aba2ce594b3ec1b28a0165ceea6 Mon Sep 17 00:00:00 2001
From: Darius Cepulis <dcepulis@mux.com>
Date: Wed, 4 Mar 2026 15:01:01 -0600
Subject: [PATCH] docs: add type module to cdn imports

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 site/src/components/installation/HTMLCdnCodeBlock.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/src/components/installation/HTMLCdnCodeBlock.tsx b/site/src/components/installation/HTMLCdnCodeBlock.tsx
index da2461da..dac2e745 100644
--- a/site/src/components/installation/HTMLCdnCodeBlock.tsx
+++ b/site/src/components/installation/HTMLCdnCodeBlock.tsx
@@ -14,7 +14,7 @@ const CDN_BASE = 'https://cdn.jsdelivr.net/npm/@videojs/html@next/dist/default/d
 
 function generateCdnCode(useCase: UseCase, skin: Skin): string {
   if (useCase === 'background-video') {
-    return `<script>
+    return `<script type="module">
   import '${CDN_BASE}/background/player.js';
   import '${CDN_BASE}/background/skin.js';
 </script>
@@ -23,7 +23,7 @@ function generateCdnCode(useCase: UseCase, skin: Skin): string {
 
   const { group, skinFile } = getSkinImportParts(skin);
 
-  return `<script>
+  return `<script type="module">
   import '${CDN_BASE}/${group}/player.js';
   import '${CDN_BASE}/${group}/${skinFile}.js';
 </script>