@videojs/html 10.0.0-rc.5 → 10.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/README.md +0 -2
  2. package/dist/default/version.js +1 -1
  3. package/dist/dev/define/audio/compat-skin2.js.map +1 -1
  4. package/dist/dev/define/audio/skin2.js.map +1 -1
  5. package/dist/dev/define/live-audio/compat-skin2.js.map +1 -1
  6. package/dist/dev/define/live-audio/skin2.js.map +1 -1
  7. package/dist/dev/define/live-video/compat-skin2.js.map +1 -1
  8. package/dist/dev/define/live-video/neutral-skin2.js.map +1 -1
  9. package/dist/dev/define/video/compat-skin2.js.map +1 -1
  10. package/dist/dev/define/video/skin2.js.map +1 -1
  11. package/dist/dev/version.js +1 -1
  12. package/docs/README.md +1 -1
  13. package/docs/guides/cdn.md +9 -9
  14. package/docs/guides/installation-cdn.md +2 -6
  15. package/docs/guides/installation-shadcn.md +1 -5
  16. package/docs/guides/installation-svelte.md +2 -6
  17. package/docs/guides/installation-vue.md +2 -6
  18. package/docs/guides/installation.md +2 -6
  19. package/docs/guides/internationalization.md +5 -5
  20. package/docs/guides/llms.txt +2 -2
  21. package/docs/guides/migrate-from-media-chrome.md +4 -4
  22. package/docs/guides/migrate-from-mux-player.md +6 -6
  23. package/docs/guides/migrate-from-plyr.md +7 -7
  24. package/docs/guides/migrate-from-video-js-8.md +6 -6
  25. package/docs/guides/migrate-from-vidstack.md +2 -2
  26. package/docs/guides/self-hosting.md +5 -5
  27. package/docs/guides/v10-roadmap.md +19 -54
  28. package/docs/llms.txt +2 -2
  29. package/docs/reference/api/llms.txt +1 -1
  30. package/docs/reference/api/preset-audio.md +1 -1
  31. package/docs/reference/api/preset-background.md +1 -1
  32. package/docs/reference/api/preset-live-audio.md +1 -1
  33. package/docs/reference/api/preset-live-video.md +1 -1
  34. package/docs/reference/api/preset-video.md +1 -1
  35. package/docs/reference/components/audio-neutral-skin.md +1 -1
  36. package/docs/reference/components/audio-skin.md +1 -1
  37. package/docs/reference/components/background-video-skin.md +1 -1
  38. package/docs/reference/components/background-video.md +1 -1
  39. package/docs/reference/components/cloudflare-video.md +1 -1
  40. package/docs/reference/components/dash-video.md +1 -1
  41. package/docs/reference/components/google-cast.md +1 -1
  42. package/docs/reference/components/hls-audio.md +1 -1
  43. package/docs/reference/components/hls-background-video.md +1 -1
  44. package/docs/reference/components/hls-video.md +1 -1
  45. package/docs/reference/components/hlsjs-video.md +1 -1
  46. package/docs/reference/components/live-audio-neutral-skin.md +1 -1
  47. package/docs/reference/components/live-audio-skin.md +1 -1
  48. package/docs/reference/components/live-video-neutral-skin.md +1 -1
  49. package/docs/reference/components/live-video-skin.md +1 -1
  50. package/docs/reference/components/llms.txt +1 -1
  51. package/docs/reference/components/mux-audio.md +1 -1
  52. package/docs/reference/components/mux-background-video.md +1 -1
  53. package/docs/reference/components/mux-data.md +1 -1
  54. package/docs/reference/components/mux-video.md +1 -1
  55. package/docs/reference/components/native-hls-video.md +1 -1
  56. package/docs/reference/components/shaka-video.md +1 -1
  57. package/docs/reference/components/spotify-audio.md +1 -1
  58. package/docs/reference/components/tiktok-video.md +1 -1
  59. package/docs/reference/components/twitch-video.md +1 -1
  60. package/docs/reference/components/video-neutral-skin.md +1 -1
  61. package/docs/reference/components/video-skin.md +1 -1
  62. package/docs/reference/components/vimeo-video.md +1 -1
  63. package/docs/reference/components/wistia-video.md +1 -1
  64. package/docs/reference/components/youtube-video.md +1 -1
  65. package/package.json +38 -38
package/docs/guides/installation-cdn.md CHANGED
@@ -4,10 +4,6 @@ Load Video.js from jsDelivr and build an HTML video player without installing Vi
4
4
 
5
5
  Video.js can run directly from browser-ready files on jsDelivr. This HTML-only path does not install Video.js packages: choose a player, load its scripts, and add the generated custom-element markup to your page.
6
6
 
7
- > **Note: Release Candidate**
8
- >
9
- > Video.js v10 is a *release candidate*. We feel the API is stable and ready to build with. With your [feedback](https://github.com/videojs/v10/issues), a few documentation updates, and any final fixes, we look forward to shipping 10.0.0 soon. [Read the Release Candidate blog post](https://videojs.org/blog/videojs-v10-release-candidate).
10
-
11
7
  > **Tip: Coming from another player?**
12
8
  >
13
9
  > Follow the migration guide for [Video.js 8](./migrate-from-video-js-8.md), [Mux Player](./migrate-from-mux-player.md), [Plyr](./migrate-from-plyr.md), [Media Chrome](./migrate-from-media-chrome.md), or [Vidstack](./migrate-from-vidstack.md). Each maps your existing setup onto Video.js v10 instead of starting from scratch.
@@ -93,7 +89,7 @@ Defaulted options: project, preset, skin, source-url, media, extensions, templat
93
89
  ## Reproduce or change these instructions
94
90
 
95
91
  ```sh
96
- npx @videojs/cli@10.0.0-rc.5 agents init --method cdn --framework html --project existing --preset video --skin default --media html5-video --extensions none --source-url https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4 --template none
92
+ npx @videojs/cli@10.0.0 agents init --method cdn --framework html --project existing --preset video --skin default --media html5-video --extensions none --source-url https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4 --template none
97
93
  ```
98
94
 
99
95
  ## Load Video.js
@@ -105,7 +101,7 @@ Add these module scripts to the page head. Module scripts are deferred, so they
105
101
  _Merge this into the page `<head>`._
106
102
 
107
103
  ```html
108
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/video.js"></script>
104
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/video.js"></script>
109
105
  ```
110
106
 
111
107
  ## Add your player
package/docs/guides/installation-shadcn.md CHANGED
@@ -4,10 +4,6 @@ Add editable React or HTML skin source with the Shadcn registry
4
4
 
5
5
  Use Shadcn to add a Video.js skin's components, layout, styles, and interactions as React or HTML custom-element source. The CLI copies the files into your app so you can review and change them like any other source code.
6
6
 
7
- > **Note: Release Candidate**
8
- >
9
- > Video.js v10 is a *release candidate*. We feel the API is stable and ready to build with. With your [feedback](https://github.com/videojs/v10/issues), a few documentation updates, and any final fixes, we look forward to shipping 10.0.0 soon. [Read the Release Candidate blog post](https://videojs.org/blog/videojs-v10-release-candidate).
10
-
11
7
  > **Tip: Coming from another player?**
12
8
  >
13
9
  > Follow the HTML migration guide for [Video.js 8](./migrate-from-video-js-8.md), [Mux Player](./migrate-from-mux-player.md), [Plyr](./migrate-from-plyr.md), [Media Chrome](./migrate-from-media-chrome.md), or [Vidstack](./migrate-from-vidstack.md). Each maps your existing setup onto Video.js v10 instead of starting from scratch.
@@ -98,7 +94,7 @@ Defaulted options: project, preset, skin, source-url, media, extensions, templat
98
94
  ## Reproduce or change these instructions
99
95
 
100
96
  ```sh
101
- npx @videojs/cli@10.0.0-rc.5 agents init --method shadcn --framework html --project existing --preset video --skin default --media html5-video --extensions none --source-url https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4 --package-manager pnpm --template vite --styling css
97
+ npx @videojs/cli@10.0.0 agents init --method shadcn --framework html --project existing --preset video --skin default --media html5-video --extensions none --source-url https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4 --package-manager pnpm --template vite --styling css
102
98
  ```
103
99
 
104
100
  ## Configure app aliases
package/docs/guides/installation-svelte.md CHANGED
@@ -4,10 +4,6 @@ Install Video.js in Svelte or SvelteKit and build a video player with HTML custo
4
4
 
5
5
  Svelte apps built with Vite, Astro, or SvelteKit use Video.js HTML custom elements directly in their markup. These lightweight, framework-free components build accessible, customizable players with small bundles, advanced features, and consistent behavior across browsers.
6
6
 
7
- > **Note: Release Candidate**
8
- >
9
- > Video.js v10 is a *release candidate*. We feel the API is stable and ready to build with. With your [feedback](https://github.com/videojs/v10/issues), a few documentation updates, and any final fixes, we look forward to shipping 10.0.0 soon. [Read the Release Candidate blog post](https://videojs.org/blog/videojs-v10-release-candidate).
10
-
11
7
  > **Tip: Coming from another player?**
12
8
  >
13
9
  > Follow the migration guide for [Video.js 8](./migrate-from-video-js-8.md), [Mux Player](./migrate-from-mux-player.md), [Plyr](./migrate-from-plyr.md), [Media Chrome](./migrate-from-media-chrome.md), or [Vidstack](./migrate-from-vidstack.md). Each maps your existing setup onto Video.js v10 instead of starting from scratch.
@@ -94,13 +90,13 @@ Defaulted options: project, preset, skin, source-url, media, extensions, templat
94
90
  ## Reproduce or change these instructions
95
91
 
96
92
  ```sh
97
- npx @videojs/cli@10.0.0-rc.5 agents init --method packaged --framework svelte --project existing --preset video --skin default --media html5-video --extensions none --source-url https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4 --package-manager pnpm --template vite
93
+ npx @videojs/cli@10.0.0 agents init --method packaged --framework svelte --project existing --preset video --skin default --media html5-video --extensions none --source-url https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4 --package-manager pnpm --template vite
98
94
  ```
99
95
 
100
96
  ## Install the packages
101
97
 
102
98
  ```bash
103
- pnpm add @videojs/html@10.0.0-rc.5
99
+ pnpm add @videojs/html@10.0.0
104
100
  ```
105
101
 
106
102
  ## Add your player
package/docs/guides/installation-vue.md CHANGED
@@ -4,10 +4,6 @@ Install Video.js in Vue or Nuxt and build a video player with HTML custom elemen
4
4
 
5
5
  Vue apps built with Vite, Astro, or Nuxt use Video.js HTML custom elements directly in their templates. These lightweight, framework-free components build accessible, customizable players with small bundles, advanced features, and consistent behavior across browsers.
6
6
 
7
- > **Note: Release Candidate**
8
- >
9
- > Video.js v10 is a *release candidate*. We feel the API is stable and ready to build with. With your [feedback](https://github.com/videojs/v10/issues), a few documentation updates, and any final fixes, we look forward to shipping 10.0.0 soon. [Read the Release Candidate blog post](https://videojs.org/blog/videojs-v10-release-candidate).
10
-
11
7
  > **Tip: Coming from another player?**
12
8
  >
13
9
  > Follow the migration guide for [Video.js 8](./migrate-from-video-js-8.md), [Mux Player](./migrate-from-mux-player.md), [Plyr](./migrate-from-plyr.md), [Media Chrome](./migrate-from-media-chrome.md), or [Vidstack](./migrate-from-vidstack.md). Each maps your existing setup onto Video.js v10 instead of starting from scratch.
@@ -94,13 +90,13 @@ Defaulted options: project, preset, skin, source-url, media, extensions, templat
94
90
  ## Reproduce or change these instructions
95
91
 
96
92
  ```sh
97
- npx @videojs/cli@10.0.0-rc.5 agents init --method packaged --framework vue --project existing --preset video --skin default --media html5-video --extensions none --source-url https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4 --package-manager pnpm --template vite
93
+ npx @videojs/cli@10.0.0 agents init --method packaged --framework vue --project existing --preset video --skin default --media html5-video --extensions none --source-url https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4 --package-manager pnpm --template vite
98
94
  ```
99
95
 
100
96
  ## Install the packages
101
97
 
102
98
  ```bash
103
- pnpm add @videojs/html@10.0.0-rc.5
99
+ pnpm add @videojs/html@10.0.0
104
100
  ```
105
101
 
106
102
  ## Register custom elements
package/docs/guides/installation.md CHANGED
@@ -4,10 +4,6 @@ Install Video.js with HTML custom elements and build an accessible, customizable
4
4
 
5
5
  Video.js is an **HTML video player built on custom elements**: lightweight, framework-free components for building accessible, customizable players with minimal bundle sizes, advanced features, and consistency across browsers.
6
6
 
7
- > **Note: Release Candidate**
8
- >
9
- > Video.js v10 is a *release candidate*. We feel the API is stable and ready to build with. With your [feedback](https://github.com/videojs/v10/issues), a few documentation updates, and any final fixes, we look forward to shipping 10.0.0 soon. [Read the Release Candidate blog post](https://videojs.org/blog/videojs-v10-release-candidate).
10
-
11
7
  > **Tip: Coming from another player?**
12
8
  >
13
9
  > Follow the migration guide for [Video.js 8](./migrate-from-video-js-8.md), [Mux Player](./migrate-from-mux-player.md), [Plyr](./migrate-from-plyr.md), [Media Chrome](./migrate-from-media-chrome.md), or [Vidstack](./migrate-from-vidstack.md). Each maps your existing setup onto Video.js v10 instead of starting from scratch.
@@ -96,13 +92,13 @@ Defaulted options: project, preset, skin, source-url, media, extensions, templat
96
92
  ## Reproduce or change these instructions
97
93
 
98
94
  ```sh
99
- npx @videojs/cli@10.0.0-rc.5 agents init --method packaged --framework html --project existing --preset video --skin default --media html5-video --extensions none --source-url https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4 --package-manager pnpm --template vite
95
+ npx @videojs/cli@10.0.0 agents init --method packaged --framework html --project existing --preset video --skin default --media html5-video --extensions none --source-url https://stream.mux.com/BV3YZtogl89mg9VcNBhhnHm02Y34zI1nlMuMQfAbl3dM/highest.mp4 --package-manager pnpm --template vite
100
96
  ```
101
97
 
102
98
  ## Install the packages
103
99
 
104
100
  ```bash
105
- pnpm add @videojs/html@10.0.0-rc.5
101
+ pnpm add @videojs/html@10.0.0
106
102
  ```
107
103
 
108
104
  ## Add your player
package/docs/guides/internationalization.md CHANGED
@@ -199,8 +199,8 @@ import '@videojs/html/i18n/locales/ja/register';
199
199
  CDN locale modules call `registerI18n` on import. Pin every URL to the same version:
200
200
 
201
201
  ```html
202
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/locales/es.js"></script>
203
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/video.js"></script>
202
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/locales/es.js"></script>
203
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/video.js"></script>
204
204
  ```
205
205
 
206
206
  Use the same pinned version for your locale pack, `i18n.js`, and player script. Copies loaded in the same window share a registry; matching versions keeps their translation keys and APIs compatible. Import the full locale pack before partial overrides, and register before the player loads to translate the first render:
@@ -208,15 +208,15 @@ Use the same pinned version for your locale pack, `i18n.js`, and player script.
208
208
  **my-locale.js**
209
209
 
210
210
  ```js
211
- import 'https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/locales/es.js';
212
- import { registerI18n } from 'https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/i18n.js';
211
+ import 'https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/locales/es.js';
212
+ import { registerI18n } from 'https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/i18n.js';
213
213
 
214
214
  registerI18n('es', { buttons: { play: 'Reproducir', pause: 'Pausa' } });
215
215
  ```
216
216
 
217
217
  ```html
218
218
  <script type="module" src="/my-locale.js"></script>
219
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/video.js"></script>
219
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/video.js"></script>
220
220
  ```
221
221
 
222
222
  ### Switch locale at runtime
package/docs/guides/llms.txt CHANGED
@@ -1,6 +1,6 @@
1
1
  # Video.js v10 — HTML Guides
2
2
 
3
- > Installation, migration, concepts, playback guides, customization, and tooling for Video.js. Bundled with `@videojs/html` v10.0.0-rc.5. Links are relative paths to files in this directory.
3
+ > Installation, migration, concepts, playback guides, customization, and tooling for Video.js. Bundled with `@videojs/html` v10.0.0. Links are relative paths to files in this directory.
4
4
 
5
5
  ## Getting Started
6
6
 
@@ -17,7 +17,7 @@ Install Video.js, customize a skin, understand its main pieces, check browser an
17
17
  - [Why Video.js?](./why-videojs.md): The open-source video player for React and HTML. Lightweight, accessible components built for performance and streaming.
18
18
  - [Browser support](./browser-support.md): Browsers and rendering environments supported by Video.js 10, and how the packaged skins reach them
19
19
  - [Build with AI](./build-with-ai.md): Install the Video.js skill and give AI coding agents version-matched docs for building and migrating players
20
- - [v10 Roadmap](./v10-roadmap.md): Timeline and milestones for Video.js v10 rebuild and the future of v8
20
+ - [v10 Roadmap](./v10-roadmap.md): Where Video.js v10 stands, what comes after 10.0, and the support plan for Video.js 8
21
21
  - [Contribute to Video.js](https://github.com/videojs/v10/blob/main/CONTRIBUTING.md)
22
22
 
23
23
  ## Frameworks
package/docs/guides/migrate-from-media-chrome.md CHANGED
@@ -46,14 +46,14 @@ Before loading Video.js HTML, remove every Media Chrome import and CDN script fr
46
46
  For a page without a bundler, load the CDN video preset. It registers the player, the UI elements and icons used in the controller example below, and the `<media-i18n>` element:
47
47
 
48
48
  ```html
49
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/video.js"></script>
49
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/video.js"></script>
50
50
  ```
51
51
 
52
52
  Some elements in the mapping table below need separate bundles. If you use any of these elements, also load its bundle:
53
53
 
54
- - `media-seek-button`: `https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/ui/seek-button.js`
55
- - `media-playback-rate-button`: `https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/ui/playback-rate-button.js`
56
- - `media-thumbnail`: `https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/ui/thumbnail.js`
54
+ - `media-seek-button`: `https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/ui/seek-button.js`
55
+ - `media-playback-rate-button`: `https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/ui/playback-rate-button.js`
56
+ - `media-thumbnail`: `https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/ui/thumbnail.js`
57
57
 
58
58
  Load each with `<script type="module" src="…"></script>`. See [CDN](./cdn.md) for individual component bundles.
59
59
 
package/docs/guides/migrate-from-mux-player.md CHANGED
@@ -68,9 +68,9 @@ The examples keep a playback ID, analytics metadata, and a poster from two secon
68
68
  From the CDN, load the video [preset](./presets.md), the Mux media, and analytics:
69
69
 
70
70
  ```html
71
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/video.js"></script>
72
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/media/mux-video.js"></script>
73
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/extensions/mux-data.js"></script>
71
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/video.js"></script>
72
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/media/mux-video.js"></script>
73
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/extensions/mux-data.js"></script>
74
74
 
75
75
  <video-player content-title="Test VOD">
76
76
  <video-skin style="aspect-ratio: 16 / 9">
@@ -421,8 +421,8 @@ Mux Player switches to live controls automatically. In Video.js, choose the live
421
421
  Register the live preset and Mux media. From the CDN:
422
422
 
423
423
  ```html
424
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/live-video.js"></script>
425
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/media/mux-video.js"></script>
424
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/live-video.js"></script>
425
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/media/mux-video.js"></script>
426
426
 
427
427
  <live-video-player>
428
428
  <live-video-skin>
@@ -452,7 +452,7 @@ Use [`createPlayer`](../reference/api/html-create-player.md) to build a player e
452
452
  The live skin already includes a live button. If you build your own controls, use that same component and style it to match your app. It keeps track of whether playback is live and returns viewers to the newest available point in the stream.
453
453
 
454
454
  ```html
455
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/ui/live-button.js"></script>
455
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/ui/live-button.js"></script>
456
456
 
457
457
  <media-live-button class="station-live-button">On air</media-live-button>
458
458
  ```
package/docs/guides/migrate-from-plyr.md CHANGED
@@ -72,7 +72,7 @@ The Neutral skin is the closest built-in starting point for this migration.
72
72
  For an HTML page without a bundler, load the CDN preset:
73
73
 
74
74
  ```html
75
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/video-neutral.js"></script>
75
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/video-neutral.js"></script>
76
76
 
77
77
  <video-player poster="/path/to/poster.jpg">
78
78
  <video-neutral-skin style="aspect-ratio: 16 / 9">
@@ -119,7 +119,7 @@ The SPF [HLS video](../reference/components/hls-video.md) component is an altern
119
119
  Replace `<video>` with `<hlsjs-video>`. If you’re using the CDN, add an additional script:
120
120
 
121
121
  ```html
122
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/media/hlsjs-video.js"></script>
122
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/media/hlsjs-video.js"></script>
123
123
  ```
124
124
 
125
125
  For a bundler installation, install the adapter package and add the media import:
@@ -141,7 +141,7 @@ Use the DASH media component for an unprotected DASH source. For DRM-protected D
141
141
  Replace `<video>` with `<dash-video>`. If you’re using the CDN, add an additional script:
142
142
 
143
143
  ```html
144
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/media/dash-video.js"></script>
144
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/media/dash-video.js"></script>
145
145
  ```
146
146
 
147
147
  For a package-manager installation, install the DASH adapter package and add the media import:
@@ -163,7 +163,7 @@ Use the Vimeo media component for your existing Vimeo source.
163
163
  Replace `<video>` with `<vimeo-video>`. For a CDN installation, add the media script:
164
164
 
165
165
  ```html
166
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/media/vimeo-video.js"></script>
166
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/media/vimeo-video.js"></script>
167
167
  ```
168
168
 
169
169
  For a bundler installation, install the adapter package and add the module import:
@@ -185,7 +185,7 @@ Use the YouTube media component for your existing YouTube source.
185
185
  Replace `<video>` with `<youtube-video>`. For a CDN installation, add the media script:
186
186
 
187
187
  ```html
188
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/media/youtube-video.js"></script>
188
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/media/youtube-video.js"></script>
189
189
  ```
190
190
 
191
191
  For a bundler installation, install the adapter package and add the module import:
@@ -216,7 +216,7 @@ To select a locale, wrap the player in `<media-i18n>` and set `lang` to your loc
216
216
 
217
217
  ```html
218
218
  <script type="module">
219
- import { registerI18n } from 'https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/i18n.js';
219
+ import { registerI18n } from 'https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/i18n.js';
220
220
 
221
221
  registerI18n('en', {
222
222
  buttons: {
@@ -229,7 +229,7 @@ To select a locale, wrap the player in `<media-i18n>` and set `lang` to your loc
229
229
  });
230
230
  </script>
231
231
 
232
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/video-neutral.js"></script>
232
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/video-neutral.js"></script>
233
233
 
234
234
  <video-player>
235
235
  <video-neutral-skin>
package/docs/guides/migrate-from-video-js-8.md CHANGED
@@ -65,7 +65,7 @@ Here’s a standard v8 setup: one file, captions, a poster, and the default skin
65
65
  Load the video [preset](./presets.md) from the CDN and put your media inside its skin:
66
66
 
67
67
  ```html
68
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/video.js"></script>
68
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/video.js"></script>
69
69
 
70
70
  <video-player poster="/poster.jpg">
71
71
  <video-skin style="aspect-ratio: 16 / 9">
@@ -230,7 +230,7 @@ SPF and native HLS are included as dependencies of the HTML and React packages.
230
230
  For hls.js video from the CDN:
231
231
 
232
232
  ```html
233
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/media/hlsjs-video.js"></script>
233
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/media/hlsjs-video.js"></script>
234
234
  ```
235
235
 
236
236
  With a package manager, install the adapter and import its HTML registration:
@@ -315,7 +315,7 @@ Move license URLs from v8’s `keySystems` configuration to `source.drm`, keyed
315
315
 
316
316
  The examples configure Widevine. Replace both URL placeholders and add every key system your supported browsers need.
317
317
 
318
- With a bundler, install `@videojs/shaka-video` and import `@videojs/html/media/shaka-video`. From the CDN, load `https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/media/shaka-video.js` in a `<script type="module">` tag. Then replace the media element inside your player’s skin with:
318
+ With a bundler, install `@videojs/shaka-video` and import `@videojs/html/media/shaka-video`. From the CDN, load `https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/media/shaka-video.js` in a `<script type="module">` tag. Then replace the media element inside your player’s skin with:
319
319
 
320
320
  ```html
321
321
  <shaka-video id="protected-media"></shaka-video>
@@ -438,7 +438,7 @@ For a CDN page, register string overrides in a module script:
438
438
 
439
439
  ```html
440
440
  <script type="module">
441
- import { registerI18n } from 'https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/i18n.js';
441
+ import { registerI18n } from 'https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/i18n.js';
442
442
 
443
443
  registerI18n('en', {
444
444
  buttons: { play: 'Start video', pause: 'Pause video' },
@@ -458,8 +458,8 @@ Replace `liveui` or `audioOnlyMode` with the matching live or audio [preset](./p
458
458
  Load the live preset and the hls.js media component:
459
459
 
460
460
  ```html
461
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/live-video.js"></script>
462
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/media/hlsjs-video.js"></script>
461
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/live-video.js"></script>
462
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/media/hlsjs-video.js"></script>
463
463
 
464
464
  <live-video-player>
465
465
  <live-video-skin>
package/docs/guides/migrate-from-vidstack.md CHANGED
@@ -154,7 +154,7 @@ What changed:
154
154
  Load the bundle as a module script. From the CDN, the video preset is one script:
155
155
 
156
156
  ```html
157
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/video.js"></script>
157
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/video.js"></script>
158
158
  ```
159
159
 
160
160
  Pin every Video.js CDN URL on a page to the same version; see [CDN](./cdn.md).
@@ -233,7 +233,7 @@ Vidstack’s `<media-provider>` read `src`, guessed a type from the extension or
233
233
  | Vimeo | [`<vimeo-video>`](../reference/components/vimeo-video.md) | `@videojs/vimeo-video` |
234
234
  | Remotion | No equivalent ([#3053](https://github.com/videojs/v10/issues/3053)) | |
235
235
 
236
- Register each media element with `import '@videojs/html/media/<name>'`, or load `https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/media/<name>.js` from the CDN, where the engine is already bundled.
236
+ Register each media element with `import '@videojs/html/media/<name>'`, or load `https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/media/<name>.js` from the CDN, where the engine is already bundled.
237
237
 
238
238
  ### HLS and DASH
239
239
 
package/docs/guides/self-hosting.md CHANGED
@@ -43,7 +43,7 @@ Bundle a single file when you already build your front end. Download the release
43
43
  Unpack it into whatever your server treats as static files:
44
44
 
45
45
  ```bash
46
- VIDEOJS_VERSION=10.0.0-rc.5
46
+ VIDEOJS_VERSION=10.0.0
47
47
  curl -fLO "https://github.com/videojs/v10/releases/download/@videojs/cdn@${VIDEOJS_VERSION}/videojs-cdn-${VIDEOJS_VERSION}.zip"
48
48
  unzip "videojs-cdn-${VIDEOJS_VERSION}.zip" -d public/
49
49
  ```
@@ -51,7 +51,7 @@ unzip "videojs-cdn-${VIDEOJS_VERSION}.zip" -d public/
51
51
  Then point a script tag at the player you want:
52
52
 
53
53
  ```html
54
- <script type="module" src="/videojs-cdn-10.0.0-rc.5/video.js"></script>
54
+ <script type="module" src="/videojs-cdn-10.0.0/video.js"></script>
55
55
  ```
56
56
 
57
57
  The archive holds the same production bundles the CDN serves, minus sourcemaps and development builds. Every path inside it is relative, so it runs from any origin with no outbound requests. `SHA256SUMS` on the release verifies the download.
@@ -67,17 +67,17 @@ For Composer-based projects such as Drupal, declare the archive as a package:
67
67
  "type": "package",
68
68
  "package": {
69
69
  "name": "videojs/cdn",
70
- "version": "10.0.0-rc.5",
70
+ "version": "10.0.0",
71
71
  "type": "drupal-library",
72
72
  "dist": {
73
73
  "type": "zip",
74
- "url": "https://github.com/videojs/v10/releases/download/@videojs/cdn@10.0.0-rc.5/videojs-cdn-10.0.0-rc.5.zip"
74
+ "url": "https://github.com/videojs/v10/releases/download/@videojs/cdn@10.0.0/videojs-cdn-10.0.0.zip"
75
75
  }
76
76
  }
77
77
  }
78
78
  ],
79
79
  "require": {
80
- "videojs/cdn": "10.0.0-rc.5"
80
+ "videojs/cdn": "10.0.0"
81
81
  }
82
82
  }
83
83
  ```
package/docs/guides/v10-roadmap.md CHANGED
@@ -1,11 +1,18 @@
1
1
  # v10 Roadmap
2
2
 
3
- Timeline and milestones for Video.js v10 rebuild and the future of v8
3
+ Where Video.js v10 stands, what comes after 10.0, and the support plan for Video.js 8
4
4
 
5
5
  Video.js v10 is a complete rebuild from the ground up, designed to be more modular, framework-flexible, and aligned with modern web development practices.
6
6
 
7
7
  ## Current versions
8
8
 
9
+ ### Version 10
10
+
11
+ - Stable and recommended for new projects. Start with the [installation guide](./installation.md)
12
+ - Follows semantic versioning: breaking changes wait for a new major version
13
+ - Covers the fundamentals of Video.js 8
14
+ - Migration guides for [Video.js 8](./migrate-from-video-js-8.md), [Mux Player](./migrate-from-mux-player.md), [Plyr](./migrate-from-plyr.md), [Media Chrome](./migrate-from-media-chrome.md), and [Vidstack](./migrate-from-vidstack.md), each listing its known gaps
15
+
9
16
  ### Version 8
10
17
 
11
18
  - Maintained with bug fixes and critical security patches only
@@ -17,72 +24,30 @@ Video.js v10 is a complete rebuild from the ground up, designed to be more modul
17
24
 
18
25
  - Reserved only for urgent API-breaking changes that cannot be avoided
19
26
 
20
- ## March 2026: v10 Beta Release
21
-
22
- Wider testing release to the community.
23
-
24
- ### Core feature parity target
25
-
26
- - Basic control set (play, pause, seek, volume, fullscreen)
27
- - Adaptive streaming support via existing community engines
28
- - No plugin migrations yet, without plugin author contribution
29
-
30
- ### What to expect
31
-
32
- - Close to stable, but API changes are still possible
33
- - Intended for experimental adoption in real-world projects
34
- - Developers encouraged to follow the [installation guide](./installation.md), try it out, and report issues
35
-
36
- ## September 2026: v10 Release Candidate
37
-
38
- Feature-complete release ahead of GA.
39
-
40
- ### What to expect
41
-
42
- - Close to stable. Remaining API changes are driven by feedback on the release candidate
43
- - Intended for adoption in real-world projects
44
- - Migration guides and reference documentation ready for review
27
+ ## After 10.0
45
28
 
46
- ## Fall 2026: v10 GA Release
29
+ These land in 10.x minor releases as they’re ready.
47
30
 
48
- **Stable release** of Video.js v10
31
+ ### Feature parity with Video.js 8 contrib
49
32
 
50
- ### Feature targets
51
-
52
- - Core feature parity with v8 in terms of fundamentals
53
- - Feature parity with Media Chrome, Vidstack, Plyr, and Mux Player
54
- - Community encouraged to begin full reintegration projects, following the migration guides for [Video.js 8](./migrate-from-video-js-8.md), [Mux Player](./migrate-from-mux-player.md), [Plyr](./migrate-from-plyr.md), [Media Chrome](./migrate-from-media-chrome.md), and [Vidstack](./migrate-from-vidstack.md)
55
- - Plugin ecosystem migration begins in earnest
33
+ - Ads integration
34
+ - Analytics support
35
+ - Plugin ecosystem migration, dependent on community contributions
56
36
 
57
37
  ### Engine development focus
58
38
 
59
39
  - Lightweight adaptive streaming
60
40
  - MoQ (Media over QUIC) support
61
41
 
62
- ## Late-2026: Feature parity with v8 Contrib
63
-
64
- **Extended feature parity** with Video.js “contrib” plugins:
65
-
66
- - Ads integration
67
- - Analytics support
68
- - Further community plugin migration dependent on contributions
69
-
70
- ## End-of-life plan for Video.js v8
71
-
72
- ### Mid-2026
73
-
74
- - v8/v9 moved to “video.js-legacy” repository and package
75
- - Documentation preserved at [legacy.videojs.org](https://legacy.videojs.org)
76
- - Hosted CDN copies will remain available
77
-
78
- ### 2027 and beyond
42
+ ## Support plan for Video.js 8
79
43
 
80
- - Security patches only
81
- - Community contributions de-prioritized
44
+ - Documentation stays at [legacy.videojs.org](https://legacy.videojs.org)
45
+ - Hosted CDN copies remain available
46
+ - From 2027, security patches only, and community contributions are de-prioritized
82
47
 
83
48
  ---
84
49
 
85
- **Want to contribute?** Check out the [v10 repository on GitHub](https://github.com/videojs/v10) to get involved in the rebuild
50
+ **Want to contribute?** Check out the [v10 repository on GitHub](https://github.com/videojs/v10) to get involved.
86
51
 
87
52
  ## Related pages
88
53
 
package/docs/llms.txt CHANGED
@@ -1,6 +1,6 @@
1
1
  # Video.js v10 — HTML Documentation
2
2
 
3
- > Bundled with `@videojs/html` v10.0.0-rc.5. Links are relative paths to files in this directory.
3
+ > Bundled with `@videojs/html` v10.0.0. Links are relative paths to files in this directory.
4
4
 
5
5
  > Install the [Video.js skill](https://github.com/videojs/skills) to help AI coding agents find version-matched pages from this index.
6
6
 
@@ -31,7 +31,7 @@ Install Video.js, customize a skin, understand its main pieces, check browser an
31
31
  - [Why Video.js?](./guides/why-videojs.md): The open-source video player for React and HTML. Lightweight, accessible components built for performance and streaming.
32
32
  - [Browser support](./guides/browser-support.md): Browsers and rendering environments supported by Video.js 10, and how the packaged skins reach them
33
33
  - [Build with AI](./guides/build-with-ai.md): Install the Video.js skill and give AI coding agents version-matched docs for building and migrating players
34
- - [v10 Roadmap](./guides/v10-roadmap.md): Timeline and milestones for Video.js v10 rebuild and the future of v8
34
+ - [v10 Roadmap](./guides/v10-roadmap.md): Where Video.js v10 stands, what comes after 10.0, and the support plan for Video.js 8
35
35
  - [Contribute to Video.js](https://github.com/videojs/v10/blob/main/CONTRIBUTING.md)
36
36
 
37
37
  ### Frameworks
package/docs/reference/api/llms.txt CHANGED
@@ -1,6 +1,6 @@
1
1
  # Video.js v10 — HTML API
2
2
 
3
- > API reference for the player factory, presets, store controllers, features, translation tools, and utilities. Bundled with `@videojs/html` v10.0.0-rc.5. Links are relative paths to files in this directory.
3
+ > API reference for the player factory, presets, store controllers, features, translation tools, and utilities. Bundled with `@videojs/html` v10.0.0. Links are relative paths to files in this directory.
4
4
 
5
5
  ## Player
6
6
 
package/docs/reference/api/preset-audio.md CHANGED
@@ -14,7 +14,7 @@ import '@videojs/html/audio/skin';
14
14
  Import `@videojs/html/audio/neutral-skin` instead for the neutral skin. Or load one [CDN](../../guides/cdn.md) bundle that registers the player and a skin together:
15
15
 
16
16
  ```html
17
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/audio.js"></script>
17
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/audio.js"></script>
18
18
  ```
19
19
 
20
20
  `audio-neutral.js` registers the neutral skin instead, and `audio-player.js` registers `<audio-player>` alone.
package/docs/reference/api/preset-background.md CHANGED
@@ -15,7 +15,7 @@ import '@videojs/html/background/video';
15
15
  Or load the [CDN](../../guides/cdn.md) bundle that registers all three:
16
16
 
17
17
  ```html
18
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/background.js"></script>
18
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/background.js"></script>
19
19
  ```
20
20
 
21
21
  Unlike the other presets, the background preset has one bundle and no player-only bundle.
package/docs/reference/api/preset-live-audio.md CHANGED
@@ -14,7 +14,7 @@ import '@videojs/html/live-audio/skin';
14
14
  Import `@videojs/html/live-audio/neutral-skin` instead for the neutral skin. Or load one [CDN](../../guides/cdn.md) bundle that registers the player and a skin together:
15
15
 
16
16
  ```html
17
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/live-audio.js"></script>
17
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/live-audio.js"></script>
18
18
  ```
19
19
 
20
20
  `live-audio-neutral.js` registers the neutral skin instead, and `live-audio-player.js` registers `<live-audio-player>` alone.
package/docs/reference/api/preset-live-video.md CHANGED
@@ -14,7 +14,7 @@ import '@videojs/html/live-video/skin';
14
14
  Import `@videojs/html/live-video/neutral-skin` instead for the neutral skin. Or load one [CDN](../../guides/cdn.md) bundle that registers the player and a skin together:
15
15
 
16
16
  ```html
17
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/live-video.js"></script>
17
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/live-video.js"></script>
18
18
  ```
19
19
 
20
20
  `live-video-neutral.js` registers the neutral skin instead, and `live-video-player.js` registers `<live-video-player>` alone.
package/docs/reference/api/preset-video.md CHANGED
@@ -14,7 +14,7 @@ import '@videojs/html/video/skin';
14
14
  Import `@videojs/html/video/neutral-skin` instead for the neutral skin. Or load one [CDN](../../guides/cdn.md) bundle that registers the player and a skin together:
15
15
 
16
16
  ```html
17
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/video.js"></script>
17
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/video.js"></script>
18
18
  ```
19
19
 
20
20
  `video-neutral.js` registers the neutral skin instead, and `video-player.js` registers `<video-player>` alone.
package/docs/reference/components/audio-neutral-skin.md CHANGED
@@ -13,7 +13,7 @@ import '@videojs/html/audio/neutral-skin';
13
13
  The import registers the skin and every UI element it composes. The [CDN](../../guides/cdn.md) player bundle registers this skin together with its player:
14
14
 
15
15
  ```html
16
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/audio-neutral.js"></script>
16
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/audio-neutral.js"></script>
17
17
  ```
18
18
 
19
19
  ## Usage
package/docs/reference/components/audio-skin.md CHANGED
@@ -13,7 +13,7 @@ import '@videojs/html/audio/skin';
13
13
  The import registers the skin and every UI element it composes. The [CDN](../../guides/cdn.md) player bundle registers this skin together with its player:
14
14
 
15
15
  ```html
16
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/audio.js"></script>
16
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/audio.js"></script>
17
17
  ```
18
18
 
19
19
  ## Usage
package/docs/reference/components/background-video-skin.md CHANGED
@@ -13,7 +13,7 @@ import '@videojs/html/background/skin';
13
13
  The import registers the skin and every UI element it composes. The [CDN](../../guides/cdn.md) player bundle registers this skin together with its player:
14
14
 
15
15
  ```html
16
- <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0-rc.5/background.js"></script>
16
+ <script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.0.0/background.js"></script>
17
17
  ```
18
18
 
19
19
  ## Usage