diff --git a/site/src/components/docs/demos/html-create-player/html/css/BasicUsage.ts b/site/src/components/docs/demos/html-create-player/html/css/BasicUsage.ts
index 1b53677b..c13c95c4 100644
--- a/site/src/components/docs/demos/html-create-player/html/css/BasicUsage.ts
+++ b/site/src/components/docs/demos/html-create-player/html/css/BasicUsage.ts
@@ -4,12 +4,13 @@ import {
   createButton,
   createPlayer,
   MediaElement,
+  PlayerController,
   selectPlayback,
 } from '@videojs/html';
 import { videoFeatures } from '@videojs/html/video';
 import '@videojs/html/media/container';
 
-const { ProviderMixin, PlayerController, context } = createPlayer({
+const { ProviderMixin, context } = createPlayer({
   features: videoFeatures,
 });
 
diff --git a/site/src/components/docs/demos/player-controller/html/css/BasicUsage.ts b/site/src/components/docs/demos/player-controller/html/css/BasicUsage.ts
index cac1810c..8ab28b3b 100644
--- a/site/src/components/docs/demos/player-controller/html/css/BasicUsage.ts
+++ b/site/src/components/docs/demos/player-controller/html/css/BasicUsage.ts
@@ -1,8 +1,8 @@
-import { applyElementProps, createButton, createPlayer, MediaElement } from '@videojs/html';
+import { applyElementProps, createButton, createPlayer, MediaElement, PlayerController } from '@videojs/html';
 import { videoFeatures } from '@videojs/html/video';
 import '@videojs/html/media/container';
 
-const { ProviderMixin, PlayerController, context } = createPlayer({
+const { ProviderMixin, context } = createPlayer({
   features: videoFeatures,
 });