diff --git a/packages/html/src/cdn/media/native-hls-video.ts b/packages/html/src/cdn/media/native-hls-video.ts
new file mode 100644
index 00000000..bd795ac5
--- /dev/null
+++ b/packages/html/src/cdn/media/native-hls-video.ts
@@ -0,0 +1 @@
+import '../../define/media/native-hls-video';
diff --git a/packages/html/tsdown.cdn.config.ts b/packages/html/tsdown.cdn.config.ts
index 085829cf..c820b150 100644
--- a/packages/html/tsdown.cdn.config.ts
+++ b/packages/html/tsdown.cdn.config.ts
@@ -23,7 +23,7 @@ const presets = [
   'audio-minimal-ui',
   'background',
 ];
-const media = ['hls-video', 'mux-video', 'simple-hls-video', 'dash-video'];
+const media = ['hls-video', 'mux-video', 'native-hls-video', 'simple-hls-video', 'dash-video'];
 
 const entries = [
   ...presets.map((name) => ({ src: `src/cdn/${name}.ts`, name })),