From 21b5dba95536fb61a2b1e1a131e5bdc32601d911 Mon Sep 17 00:00:00 2001
From: Rahim <rahim.alwer@gmail.com>
Date: Thu, 30 Oct 2025 04:59:37 +0000
Subject: [PATCH] docs(site): update element imports

---
 site/src/content/docs/concepts/architecture.mdx               | 3 ---
 site/src/content/docs/how-to/installation.mdx                 | 3 ---
 site/src/examples/html/fullscreen-button/fullscreen-button.js | 2 +-
 site/src/examples/html/mute-button/mute-button.js             | 2 +-
 site/src/examples/html/play-button/play-button.js             | 2 +-
 5 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/site/src/content/docs/concepts/architecture.mdx b/site/src/content/docs/concepts/architecture.mdx
index 10fcb1dc..40360ef1 100644
--- a/site/src/content/docs/concepts/architecture.mdx
+++ b/site/src/content/docs/concepts/architecture.mdx
@@ -116,10 +116,7 @@ function Player() {
   <TabsPanel value="javascript" client:load>
 
 ```ts
-import { defineVjsPlayer } from '@videojs/html';
 import '@videojs/html/skins/frosted';
-
-defineVjsPlayer();
 ```
 
   </TabsPanel>
diff --git a/site/src/content/docs/how-to/installation.mdx b/site/src/content/docs/how-to/installation.mdx
index 52829f92..9838c7d0 100644
--- a/site/src/content/docs/how-to/installation.mdx
+++ b/site/src/content/docs/how-to/installation.mdx
@@ -93,11 +93,8 @@ export default function App() {
 </FrameworkCase>
 <FrameworkCase frameworks={["html"]}>
 ```ts
-import { defineVjsPlayer } from '@videojs/html';
 import '@videojs/html/skins/frosted';
 
-defineVjsPlayer();
-
 document.body.innerHTML = `
   <media-provider>
     <media-skin-frosted>
diff --git a/site/src/examples/html/fullscreen-button/fullscreen-button.js b/site/src/examples/html/fullscreen-button/fullscreen-button.js
index b46b1e27..8c62e210 100644
--- a/site/src/examples/html/fullscreen-button/fullscreen-button.js
+++ b/site/src/examples/html/fullscreen-button/fullscreen-button.js
@@ -1,4 +1,4 @@
-import '@videojs/html';
+import '@videojs/html/define/media-fullscreen-button';
 import '@videojs/html/icons';
 
 // The web components will automatically register themselves
diff --git a/site/src/examples/html/mute-button/mute-button.js b/site/src/examples/html/mute-button/mute-button.js
index b46b1e27..204d3420 100644
--- a/site/src/examples/html/mute-button/mute-button.js
+++ b/site/src/examples/html/mute-button/mute-button.js
@@ -1,4 +1,4 @@
-import '@videojs/html';
+import '@videojs/html/define/media-mute-button';
 import '@videojs/html/icons';
 
 // The web components will automatically register themselves
diff --git a/site/src/examples/html/play-button/play-button.js b/site/src/examples/html/play-button/play-button.js
index b46b1e27..0a988b53 100644
--- a/site/src/examples/html/play-button/play-button.js
+++ b/site/src/examples/html/play-button/play-button.js
@@ -1,4 +1,4 @@
-import '@videojs/html';
+import '@videojs/html/define/media-play-button';
 import '@videojs/html/icons';
 
 // The web components will automatically register themselves