@videojs/html 10.1.0 → 10.3.0

package/docs/reference/components/video-skin.md

@@ -2,7 +2,7 @@
 
 The video preset's default skin with the modern, frosted look
 
-The default skin of the video preset: the control layout for on-demand video with the modern, frosted look. [NeutralVideoSkin](./video-neutral-skin.md) is the same preset’s other variant. See [Skins](../../guides/skins.md) for how packaged skins work and [Presets](../../guides/presets.md) for what the video preset ships.
+The default skin of the video preset: the control layout for on-demand video with the modern, frosted look. The preset also provides [NeutralVideoSkin](./video-neutral-skin.md), [CompatVideoSkin](./video-compat-skin.md), and [ScaffoldVideoSkin](./video-scaffold-skin.md). See [Skins](../../guides/skins.md#choose-a-skin) to choose between them and [Presets](../../guides/presets.md) for what the video preset ships.
 
 ## Import
 
@@ -13,7 +13,7 @@ import '@videojs/html/video/skin';
 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:
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.3.0/video.js"></script>
 ```
 
 ## Anatomy

package/docs/reference/components/vimeo-video.md

@@ -17,7 +17,7 @@ import '@videojs/html/media/vimeo-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/vimeo-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.3.0/media/vimeo-video.js"></script>
 ```
 
 ## Load a source
@@ -119,6 +119,7 @@ These attributes configure the embedded media adapter:
 | `muted` | `boolean` | `false` | |
 | `paused` | `boolean` | — | Read-only. |
 | `playbackRate` | `number` | — | |
+| `playbackRateRange` | `{ min: number; max: number }` | — | Read-only. Vimeo plays any rate up to 2, rejects faster ones, and never settles a request slower than the browser allows. |
 | `played` | `{ length: number; start(index: number): number; end(index: number): number }` | — | Read-only. |
 | `playsInline` | `boolean` | `true` | |
 | `poster` | `string` | `''` | |

package/docs/reference/components/volume-slider.md

@@ -52,6 +52,8 @@ Renders with `role="slider"` and an automatic `aria-label` that resolves to “V
 - Home: set volume to 0
 - End: set volume to max
 
+Before each keyboard step, the volume snaps to the nearest multiple of `step`.
+
 Scroll wheel support:
 
 - **Mouse wheel / trackpad scroll**: adjusts volume by `wheelStep` increment (default `5`)
@@ -219,13 +221,13 @@ import '@videojs/html/ui/slider-value';
 
 | Prop | Type | Default | Description |
 | --- | --- | --- | --- |
-| `disabled` | `boolean` | — | Whether the slider is non-interactive. |
+| `disabled` | `boolean` | `false` | Whether the slider is non-interactive. |
 | `label` | `{ key: string; text: string } \| string \| ((state: SliderState) => Text \| string)` | `''` | Custom label for the slider. |
-| `largeStep` (attribute `large-step`) | `number` | — | Large step increment (Page Up/Down keys). |
-| `orientation` | `'horizontal' \| 'vertical'` | — | Axis of slider movement. |
-| `step` | `number` | `DEFAULT_VOLUME_STEP` | Step increment for value changes (arrow keys). |
-| `thumbAlignment` (attribute `thumb-alignment`) | `'center' \| 'edge'` | — | How the thumb aligns at the track edges. `edge` constrains the thumb within track bounds. |
-| `wheelStep` (attribute `wheel-step`) | `number` | `DEFAULT_VOLUME_STEP` | Step increment for wheel scrolling. |
+| `largeStep` (attribute `large-step`) | `number` | `10` | Large step increment (Page Up/Down keys). |
+| `orientation` | `'horizontal' \| 'vertical'` | `'horizontal'` | Axis of slider movement. |
+| `step` | `number` | `5` | Step increment for value changes (arrow keys). |
+| `thumbAlignment` (attribute `thumb-alignment`) | `'center' \| 'edge'` | `'center'` | How the thumb aligns at the track edges. `edge` constrains the thumb within track bounds. |
+| `wheelStep` (attribute `wheel-step`) | `number` | `5` | Step increment for wheel scrolling. |
 
 #### State
 

package/docs/reference/components/wistia-video.md

@@ -21,7 +21,7 @@ import '@videojs/html/media/wistia-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/wistia-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.3.0/media/wistia-video.js"></script>
 ```
 
 ## Load a source

package/docs/reference/components/youtube-video.md

@@ -17,7 +17,7 @@ import '@videojs/html/media/youtube-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/youtube-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.3.0/media/youtube-video.js"></script>
 ```
 
 ## Load a source
@@ -98,6 +98,7 @@ These attributes configure the embedded media adapter:
 | `muted` | `boolean` | `false` | |
 | `paused` | `boolean` | — | Read-only. |
 | `playbackRate` | `number` | — | |
+| `playbackRateRange` | `{ min: number; max: number }` | — | Read-only. YouTube plays any rate from 0.25 to 2, rounded down to a step of 0.05, though `getAvailablePlaybackRates` lists only quarter steps. |
 | `played` | `{ length: number; start(index: number): number; end(index: number): number }` | — | Read-only. |
 | `playsInline` | `boolean` | `true` | |
 | `poster` | `string` | `''` | |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@videojs/html",
-  "version": "10.1.0",
+  "version": "10.3.0",
   "description": "Video.js 10 for HTML, Vue, and Svelte: player custom elements and skins for video and audio",
   "keywords": [
     "audio",
@@ -164,65 +164,82 @@
     "access": "public"
   },
   "dependencies": {
-    "@videojs/core": "10.1.0",
-    "@videojs/element": "10.1.0",
-    "@videojs/media": "10.1.0",
-    "@videojs/native-hls-video": "10.1.0",
-    "@videojs/spf": "10.1.0",
-    "@videojs/store": "10.1.0",
-    "@videojs/utils": "10.1.0"
+    "@videojs/core": "10.3.0",
+    "@videojs/element": "10.3.0",
+    "@videojs/media": "10.3.0",
+    "@videojs/native-hls-video": "10.3.0",
+    "@videojs/spf": "10.3.0",
+    "@videojs/store": "10.3.0",
+    "@videojs/utils": "10.3.0"
   },
   "devDependencies": {
-    "@videojs/cloudflare-video": "10.1.0",
-    "@videojs/dash-video": "10.1.0",
-    "@videojs/google-cast": "10.1.0",
-    "@videojs/hlsjs-video": "10.1.0",
-    "@videojs/icons": "10.1.0",
-    "@videojs/mux-audio": "10.1.0",
-    "@videojs/mux-data": "10.1.0",
-    "@videojs/mux-video": "10.1.0",
-    "@videojs/playerjs-video": "10.1.0",
-    "@videojs/shaka-video": "10.1.0",
-    "@videojs/skins": "10.1.0",
-    "@videojs/spotify-audio": "10.1.0",
-    "@videojs/tiktok-video": "10.1.0",
-    "@videojs/twitch-video": "10.1.0",
-    "@videojs/vimeo-video": "10.1.0",
-    "@videojs/wistia-video": "10.1.0",
-    "@videojs/youtube-video": "10.1.0",
+    "@videojs/cloudflare-video": "10.3.0",
+    "@videojs/dailymotion-video": "10.3.0",
+    "@videojs/dash-video": "10.3.0",
+    "@videojs/google-analytics": "10.3.0",
+    "@videojs/google-cast": "10.3.0",
+    "@videojs/hlsjs-video": "10.3.0",
+    "@videojs/icons": "10.3.0",
+    "@videojs/mixcloud-audio": "10.3.0",
+    "@videojs/mux-audio": "10.3.0",
+    "@videojs/mux-data": "10.3.0",
+    "@videojs/mux-video": "10.3.0",
+    "@videojs/playerjs-video": "10.3.0",
+    "@videojs/shaka-video": "10.3.0",
+    "@videojs/skins": "10.3.0",
+    "@videojs/soundcloud-audio": "10.3.0",
+    "@videojs/spotify-audio": "10.3.0",
+    "@videojs/tiktok-video": "10.3.0",
+    "@videojs/twitch-video": "10.3.0",
+    "@videojs/vimeo-video": "10.3.0",
+    "@videojs/wistia-video": "10.3.0",
+    "@videojs/youtube-video": "10.3.0",
     "happy-dom": "^20.11.1",
-    "vite-plus": "1.0.0"
+    "vite-plus": "1.1.0"
   },
   "peerDependencies": {
-    "@videojs/cloudflare-video": "10.1.0",
-    "@videojs/dash-video": "10.1.0",
-    "@videojs/google-cast": "10.1.0",
-    "@videojs/hlsjs-video": "10.1.0",
-    "@videojs/mux-audio": "10.1.0",
-    "@videojs/mux-data": "10.1.0",
-    "@videojs/mux-video": "10.1.0",
-    "@videojs/playerjs-video": "10.1.0",
-    "@videojs/shaka-video": "10.1.0",
-    "@videojs/spotify-audio": "10.1.0",
-    "@videojs/tiktok-video": "10.1.0",
-    "@videojs/twitch-video": "10.1.0",
-    "@videojs/vimeo-video": "10.1.0",
-    "@videojs/wistia-video": "10.1.0",
-    "@videojs/youtube-video": "10.1.0"
+    "@videojs/cloudflare-video": "10.3.0",
+    "@videojs/dailymotion-video": "10.3.0",
+    "@videojs/dash-video": "10.3.0",
+    "@videojs/google-analytics": "10.3.0",
+    "@videojs/google-cast": "10.3.0",
+    "@videojs/hlsjs-video": "10.3.0",
+    "@videojs/mixcloud-audio": "10.3.0",
+    "@videojs/mux-audio": "10.3.0",
+    "@videojs/mux-data": "10.3.0",
+    "@videojs/mux-video": "10.3.0",
+    "@videojs/playerjs-video": "10.3.0",
+    "@videojs/shaka-video": "10.3.0",
+    "@videojs/soundcloud-audio": "10.3.0",
+    "@videojs/spotify-audio": "10.3.0",
+    "@videojs/tiktok-video": "10.3.0",
+    "@videojs/twitch-video": "10.3.0",
+    "@videojs/vimeo-video": "10.3.0",
+    "@videojs/wistia-video": "10.3.0",
+    "@videojs/youtube-video": "10.3.0"
   },
   "peerDependenciesMeta": {
     "@videojs/cloudflare-video": {
       "optional": true
     },
+    "@videojs/dailymotion-video": {
+      "optional": true
+    },
     "@videojs/dash-video": {
       "optional": true
     },
+    "@videojs/google-analytics": {
+      "optional": true
+    },
     "@videojs/google-cast": {
       "optional": true
     },
     "@videojs/hlsjs-video": {
       "optional": true
     },
+    "@videojs/mixcloud-audio": {
+      "optional": true
+    },
     "@videojs/mux-audio": {
       "optional": true
     },
@@ -238,6 +255,9 @@
     "@videojs/shaka-video": {
       "optional": true
     },
+    "@videojs/soundcloud-audio": {
+      "optional": true
+    },
     "@videojs/spotify-audio": {
       "optional": true
     },
@@ -258,8 +278,7 @@
     }
   },
   "scripts": {
-    "build:watch": "vp pack --watch ./src --no-clean",
-    "dev": "pnpm run build:watch",
+    "dev": "vp pack --watch ./src --no-clean",
     "test": "vp test run",
     "clean": "rimraf --glob dist docs types '*.tsbuildinfo'"
   }