diff --git a/examples/html-demo/src/main.ts b/examples/html-demo/src/main.ts
index 08d4d3f5..72d3d538 100644
--- a/examples/html-demo/src/main.ts
+++ b/examples/html-demo/src/main.ts
@@ -1,5 +1,7 @@
 import { defineVjsPlayer } from '@videojs/html';
 
+import '@videojs/html/skins/default';
+
 defineVjsPlayer();
 
 document.body.innerHTML = /* html */ `
diff --git a/packages/html/src/skins/default/index.ts b/packages/html/src/skins/default/index.ts
index d35ec7a4..dea96aaa 100644
--- a/packages/html/src/skins/default/index.ts
+++ b/packages/html/src/skins/default/index.ts
@@ -1,5 +1,6 @@
 import { MediaSkin } from '@/media/media-skin';
 import '@/media/media-container';
+import '@/media/media-provider';
 import '@/components/media-play-button';
 import '@/components/media-mute-button';
 import '@/components/media-volume-slider';