@videojs/html 10.0.0-rc.2 → 10.0.0-rc.3

package/dist/default/internal/skins/minimal-video/template.js

@@ -7,7 +7,6 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 <media-poster class="media-poster">
 <slot name="poster">
 <img alt="" decoding="async" class="media-poster-image">
-</img>
 </slot>
 </media-poster>
 <media-buffering-indicator class="media-buffering-indicator">
@@ -30,13 +29,15 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </div>
 </media-dialog-popup>
 </media-error-dialog>
+<media-title class="media-title">
+</media-title>
 <media-controls>
 <media-controls-backdrop class="video-controls-backdrop">
 </media-controls-backdrop>
 <media-controls-content class="video-controls video-controls-content video-controls-wrap">
 <media-tooltip-group>
 <media-controls-group class="video-controls-start">
-<media-play-button class="media-button media-play-button" id="vjs-q3nMcnUa-0-trigger">
+<media-play-button class="media-button media-play-button" id="vjs-2-jm2KhB-0-trigger">
 <media-icon family="minimal" name="restart" class="media-button-icon media-play-button-restart-icon">
 </media-icon>
 <media-icon family="minimal" name="play" class="media-button-icon media-play-button-play-icon">
@@ -44,13 +45,13 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 <media-icon family="minimal" name="pause" class="media-button-icon media-play-button-pause-icon">
 </media-icon>
 </media-play-button>
-<media-tooltip trigger="vjs-q3nMcnUa-0-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-2-jm2KhB-0-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-mute-button commandfor="vjs-oQzbzmzn-0-popup" class="media-button media-mute-button" id="vjs-q3nMcnUa-0-2-trigger">
+<media-mute-button commandfor="vjs-_CJqkLPg-0-popup" class="media-button media-mute-button" id="vjs-2-jm2KhB-0-2-trigger">
 <media-icon family="minimal" name="volume-off" class="media-button-icon media-mute-button-off-icon">
 </media-icon>
 <media-icon family="minimal" name="volume-low" class="media-button-icon media-mute-button-low-icon">
@@ -58,13 +59,13 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 <media-icon family="minimal" name="volume-high" class="media-button-icon media-mute-button-high-icon">
 </media-icon>
 </media-mute-button>
-<media-tooltip trigger="vjs-q3nMcnUa-0-2-trigger" delay="0" sticky side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-2-jm2KhB-0-2-trigger" delay="0" sticky side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-volume-popover open-on-hover delay="200" close-delay="100" side="right" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-volume-popover" id="vjs-oQzbzmzn-0-popup">
+<media-volume-popover open-on-hover delay="200" close-delay="100" side="right" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-volume-popover" id="vjs-_CJqkLPg-0-popup">
 <media-volume-slider class="media-slider media-volume-slider" thumb-alignment="edge" orientation="horizontal">
 <media-slider-track class="media-slider-track">
 <media-slider-fill class="media-slider-fill">
@@ -89,9 +90,9 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 <template>
 <div class="media-time-slider-chapter">
 <media-slider-track class="media-slider-track media-time-slider-chapter-track">
-<media-slider-buffer class="media-slider-buffer">
+<media-slider-buffer class="media-slider-buffer media-time-slider-chapter-layer">
 </media-slider-buffer>
-<media-slider-fill class="media-slider-fill">
+<media-slider-fill class="media-slider-fill media-time-slider-chapter-layer">
 </media-slider-fill>
 </media-slider-track>
 </div>
@@ -101,8 +102,9 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-slider-thumb>
 <media-slider-preview class="media-slider-preview" overflow="clamp">
 <media-slider-thumbnail class="media-slider-preview-content media-popup-surface media-slider-thumbnail">
+<slot name="thumbnail">
 <img alt="" aria-hidden="true" decoding="async" class="media-slider-thumbnail-image">
-</img>
+</slot>
 <media-icon family="minimal" name="spinner" class="media-slider-thumbnail-spinner-icon">
 </media-icon>
 </media-slider-thumbnail>
@@ -116,29 +118,29 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-time-slider>
 </media-controls-group>
 <media-controls-group class="video-controls-end">
-<media-captions-button class="media-button media-captions-button video-controls-captions-button" id="vjs-q3nMcnUa-0-3-trigger">
+<media-captions-button class="media-button media-captions-button video-controls-captions-button" id="vjs-2-jm2KhB-0-3-trigger">
 <media-icon family="minimal" name="captions-off" class="media-button-icon media-captions-button-off-icon">
 </media-icon>
 <media-icon family="minimal" name="captions-on" class="media-button-icon media-captions-button-on-icon">
 </media-icon>
 </media-captions-button>
-<media-tooltip trigger="vjs-q3nMcnUa-0-3-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-2-jm2KhB-0-3-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<button commandfor="vjs-CcJz5pDC-0-popup" class="media-button media-settings-menu-trigger" id="vjs-q3nMcnUa-0-4-trigger">
-<media-icon family="minimal" name="gear" class="media-button-icon media-settings-menu-trigger-icon">
+<button commandfor="vjs-KAH5OVwj-0-popup" class="media-button media-settings-menu-trigger" id="vjs-2-jm2KhB-0-4-trigger">
+<media-icon family="minimal" name="gear" class="media-button-icon-base media-settings-menu-trigger-icon">
 </media-icon>
 <media-text class="media-settings-menu-trigger-label" token="menu.settings">Settings</media-text>
 </button>
-<media-tooltip trigger="vjs-q3nMcnUa-0-4-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-2-jm2KhB-0-4-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-text token="menu.settings">Settings</media-text>
 </media-tooltip>
-<media-menu side="top" align="center" class="media-popup media-popup-surface media-menu-popup media-menu-resizable-popup" id="vjs-CcJz5pDC-0-popup">
+<media-menu side="top" align="center" class="media-popup media-popup-surface media-menu-popup media-menu-resizable-popup" id="vjs-KAH5OVwj-0-popup">
 <media-menu-content class="media-menu-content">
-<media-menu-item commandfor="vjs-uaE9WgnI-0-content" class="media-menu-trigger-item">
+<media-menu-item commandfor="vjs-I6c5p-Yc-0-content" class="media-menu-trigger-item">
 <media-icon family="minimal" name="switches" class="media-menu-trigger-item-icon">
 </media-icon>
 <media-text token="menu.quality">Quality</media-text>
@@ -149,7 +151,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-icon>
 </span>
 </media-menu-item>
-<media-menu-content class="media-menu-content" id="vjs-uaE9WgnI-0-content">
+<media-menu-content class="media-menu-content" id="vjs-I6c5p-Yc-0-content">
 <media-menu-item class="media-menu-back-item">
 <media-icon family="minimal" name="chevron" class="media-menu-back-chevron">
 </media-icon>
@@ -176,7 +178,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </template>
 </media-quality-radio-group>
 </media-menu-content>
-<media-menu-item commandfor="vjs-TWDyaZVz-0-content" class="media-menu-trigger-item">
+<media-menu-item commandfor="vjs-eQz9_VRM-0-content" class="media-menu-trigger-item">
 <media-icon family="minimal" name="speech" class="media-menu-trigger-item-icon">
 </media-icon>
 <media-text token="menu.audio">Audio</media-text>
@@ -187,7 +189,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-icon>
 </span>
 </media-menu-item>
-<media-menu-content class="media-menu-content" id="vjs-TWDyaZVz-0-content">
+<media-menu-content class="media-menu-content" id="vjs-eQz9_VRM-0-content">
 <media-menu-item class="media-menu-back-item">
 <media-icon family="minimal" name="chevron" class="media-menu-back-chevron">
 </media-icon>
@@ -208,7 +210,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </template>
 </media-audio-track-radio-group>
 </media-menu-content>
-<media-menu-item commandfor="vjs--UyvX1df-0-content" class="media-menu-trigger-item">
+<media-menu-item commandfor="vjs-GeTatn3M-0-content" class="media-menu-trigger-item">
 <media-icon family="minimal" name="speed" class="media-menu-trigger-item-icon">
 </media-icon>
 <media-text token="menu.speed">Speed</media-text>
@@ -219,7 +221,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-icon>
 </span>
 </media-menu-item>
-<media-menu-content class="media-menu-content" id="vjs--UyvX1df-0-content">
+<media-menu-content class="media-menu-content" id="vjs-GeTatn3M-0-content">
 <media-menu-item class="media-menu-back-item">
 <media-icon family="minimal" name="chevron" class="media-menu-back-chevron">
 </media-icon>
@@ -240,7 +242,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </template>
 </media-playback-rate-radio-group>
 </media-menu-content>
-<media-menu-item commandfor="vjs-bjptDrPx-0-content" class="media-menu-trigger-item">
+<media-menu-item commandfor="vjs-RUFDTJPh-0-content" class="media-menu-trigger-item">
 <media-icon family="minimal" name="captions-off" class="media-menu-trigger-item-icon">
 </media-icon>
 <media-text token="menu.captions">Captions</media-text>
@@ -251,7 +253,7 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-icon>
 </span>
 </media-menu-item>
-<media-menu-content class="media-menu-content" id="vjs-bjptDrPx-0-content">
+<media-menu-content class="media-menu-content" id="vjs-RUFDTJPh-0-content">
 <media-menu-item class="media-menu-back-item">
 <media-icon family="minimal" name="chevron" class="media-menu-back-chevron">
 </media-icon>
@@ -275,49 +277,49 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-menu-content>
 </media-menu>
 <media-controls-group class="video-controls-trailing">
-<media-cast-button class="media-button media-cast-button" id="vjs-q3nMcnUa-0-5-trigger">
+<media-cast-button class="media-button media-cast-button" id="vjs-2-jm2KhB-0-5-trigger">
 <media-icon family="minimal" name="cast-enter" class="media-button-icon media-cast-button-enter-icon">
 </media-icon>
 <media-icon family="minimal" name="cast-exit" class="media-button-icon media-cast-button-exit-icon">
 </media-icon>
 </media-cast-button>
-<media-tooltip trigger="vjs-q3nMcnUa-0-5-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-2-jm2KhB-0-5-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-airplay-button class="media-button media-airplay-button" id="vjs-q3nMcnUa-0-6-trigger">
+<media-airplay-button class="media-button media-airplay-button" id="vjs-2-jm2KhB-0-6-trigger">
 <media-icon family="minimal" name="airplay-enter" class="media-button-icon media-airplay-button-enter-icon">
 </media-icon>
 <media-icon family="minimal" name="airplay-exit" class="media-button-icon media-airplay-button-exit-icon">
 </media-icon>
 </media-airplay-button>
-<media-tooltip trigger="vjs-q3nMcnUa-0-6-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-2-jm2KhB-0-6-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-pip-button class="media-button media-pip-button" id="vjs-q3nMcnUa-0-7-trigger">
+<media-pip-button class="media-button media-pip-button" id="vjs-2-jm2KhB-0-7-trigger">
 <media-icon family="minimal" name="pip-enter" class="media-button-icon media-pip-button-enter-icon">
 </media-icon>
 <media-icon family="minimal" name="pip-exit" class="media-button-icon media-pip-button-exit-icon">
 </media-icon>
 </media-pip-button>
-<media-tooltip trigger="vjs-q3nMcnUa-0-7-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-2-jm2KhB-0-7-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
 </media-tooltip-shortcut>
 </media-tooltip>
-<media-fullscreen-button class="media-button media-fullscreen-button" id="vjs-q3nMcnUa-0-8-trigger">
+<media-fullscreen-button class="media-button media-fullscreen-button" id="vjs-2-jm2KhB-0-8-trigger">
 <media-icon family="minimal" name="fullscreen-enter" class="media-button-icon media-fullscreen-button-enter-icon">
 </media-icon>
 <media-icon family="minimal" name="fullscreen-exit" class="media-button-icon media-fullscreen-button-exit-icon">
 </media-icon>
 </media-fullscreen-button>
-<media-tooltip trigger="vjs-q3nMcnUa-0-8-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
+<media-tooltip trigger="vjs-2-jm2KhB-0-8-trigger" side="top" class="media-popup media-popup-safe-area media-popup-transition media-popup-surface media-tooltip">
 <media-tooltip-label>
 </media-tooltip-label>
 <media-tooltip-shortcut class="media-tooltip-shortcut">
@@ -421,5 +423,3 @@ const template = createTemplate(`<media-container class="media-skin media-contai
 </media-container>`);
 //#endregion
 export { template };
-
-//# sourceMappingURL=template.js.map

package/dist/default/internal/skins/properties.css

@@ -0,0 +1,11 @@
+@property --media-slider-fill {
+  syntax: "<percentage>";
+  inherits: true;
+  initial-value: 0%;
+}
+
+@property --media-slider-buffer {
+  syntax: "<percentage>";
+  inherits: true;
+  initial-value: 0%;
+}

package/dist/default/media/background-video/adapter.js

@@ -45,5 +45,3 @@ var BackgroundVideo = class extends MediaAttachMixin(HTMLElementBase) {
 };
 //#endregion
 export { BackgroundVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/background-video/template.js

@@ -30,5 +30,3 @@ function getTemplateHTML(attrs) {
 }
 //#endregion
 export { VideoAttributes, getTemplateHTML };
-
-//# sourceMappingURL=template.js.map

package/dist/default/media/cloudflare-video/adapter.js

@@ -24,5 +24,3 @@ function templateAttrsToEmbedProps(attrs) {
 var CloudflareVideo = class extends MediaAttachMixin(CloudflareCustomMediaElement) {};
 //#endregion
 export { CloudflareVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/dash-video/adapter.js

@@ -5,5 +5,3 @@ import { DashAdapter } from "@videojs/dash-video";
 var DashVideo = class extends MediaAttachMixin(CustomMediaElement("video", DashAdapter)) {};
 //#endregion
 export { DashVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/hls-audio/adapter.js

@@ -5,5 +5,3 @@ import { HlsAudioAdapter } from "@videojs/spf/hls-audio";
 var HlsAudio = class extends MediaAttachMixin(CustomMediaElement("audio", HlsAudioAdapter)) {};
 //#endregion
 export { HlsAudio };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/hls-background-video/adapter.js

@@ -107,5 +107,3 @@ var HlsBackgroundVideo = class extends HlsBackgroundVideoBase {
 };
 //#endregion
 export { HlsBackgroundVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/hls-video/adapter.js

@@ -5,5 +5,3 @@ import { HlsVideoAdapter } from "@videojs/spf/hls-video";
 var HlsVideo = class extends MediaAttachMixin(CustomMediaElement("video", HlsVideoAdapter)) {};
 //#endregion
 export { HlsVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/hlsjs-video/adapter.js

@@ -5,5 +5,3 @@ import { HlsJsAdapter } from "@videojs/hlsjs-video";
 var HlsJsVideo = class extends MediaAttachMixin(CustomMediaElement("video", HlsJsAdapter)) {};
 //#endregion
 export { HlsJsVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/mux-audio/hls-js.js

@@ -7,5 +7,3 @@ const MuxAudioBase = MuxAudioMixin(MediaAttachMixin(CustomMediaElement("audio",
 var MuxAudio = class extends MuxAudioBase {};
 //#endregion
 export { MuxAudio };
-
-//# sourceMappingURL=hls-js.js.map

package/dist/default/media/mux-audio/mixin.js

@@ -25,5 +25,3 @@ function MuxAudioMixin(BaseClass) {
 }
 //#endregion
 export { MuxAudioMixin };
-
-//# sourceMappingURL=mixin.js.map

package/dist/default/media/mux-audio/spf.js

@@ -17,5 +17,3 @@ const MuxAudioBase = MuxAudioMixin(MediaAttachMixin(CustomMediaElement("audio",
 var MuxAudio = class extends MuxAudioBase {};
 //#endregion
 export { MuxAudio };
-
-//# sourceMappingURL=spf.js.map

package/dist/default/media/mux-video/hls-js.js

@@ -7,5 +7,3 @@ const MuxVideoBase = MuxVideoMixin(MediaAttachMixin(CustomMediaElement("video",
 var MuxVideo = class extends MuxVideoBase {};
 //#endregion
 export { MuxVideo };
-
-//# sourceMappingURL=hls-js.js.map

package/dist/default/media/mux-video/mixin.js

@@ -79,5 +79,3 @@ function MuxVideoMixin(BaseClass) {
 }
 //#endregion
 export { MuxVideoMixin };
-
-//# sourceMappingURL=mixin.js.map

package/dist/default/media/mux-video/spf.js

@@ -14,5 +14,3 @@ const MuxVideoBase = MuxVideoMixin(MediaAttachMixin(CustomMediaElement("video",
 var MuxVideo = class extends MuxVideoBase {};
 //#endregion
 export { MuxVideo };
-
-//# sourceMappingURL=spf.js.map

package/dist/default/media/native-hls-video/adapter.js

@@ -5,5 +5,3 @@ import { NativeHlsAdapter } from "@videojs/native-hls-video";
 var NativeHlsVideo = class extends MediaAttachMixin(CustomMediaElement("video", NativeHlsAdapter)) {};
 //#endregion
 export { NativeHlsVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/shaka-video/adapter.js

@@ -5,5 +5,3 @@ import { ShakaAdapter } from "@videojs/shaka-video";
 var ShakaVideo = class extends MediaAttachMixin(CustomMediaElement("video", ShakaAdapter)) {};
 //#endregion
 export { ShakaVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/spotify-audio/adapter.js

@@ -23,5 +23,3 @@ function templateAttrsToEmbedProps(attrs) {
 var SpotifyAudio = class extends MediaAttachMixin(SpotifyCustomMediaElement) {};
 //#endregion
 export { SpotifyAudio };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/tiktok-video/adapter.js

@@ -23,5 +23,3 @@ function templateAttrsToEmbedProps(attrs) {
 var TikTokVideo = class extends MediaAttachMixin(TikTokCustomMediaElement) {};
 //#endregion
 export { TikTokVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/twitch-video/adapter.js

@@ -24,5 +24,3 @@ function templateAttrsToEmbedProps(attrs) {
 var TwitchVideo = class extends MediaAttachMixin(TwitchCustomMediaElement) {};
 //#endregion
 export { TwitchVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/vimeo-video/adapter.js

@@ -24,5 +24,3 @@ function templateAttrsToEmbedProps(attrs) {
 var VimeoVideo = class extends MediaAttachMixin(VimeoCustomMediaElement) {};
 //#endregion
 export { VimeoVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/wistia-video/adapter.js

@@ -8,5 +8,3 @@ import { WistiaAdapter } from "@videojs/wistia-video";
 var WistiaVideo = class extends MediaAttachMixin(WistiaAdapter) {};
 //#endregion
 export { WistiaVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/media/youtube-video/adapter.js

@@ -24,5 +24,3 @@ function templateAttrsToEmbedProps(attrs) {
 var YouTubeVideo = class extends MediaAttachMixin(YouTubeCustomMediaElement) {};
 //#endregion
 export { YouTubeVideo };
-
-//# sourceMappingURL=adapter.js.map

package/dist/default/player/context.js

@@ -13,5 +13,3 @@ const CONTAINER_CONTEXT_KEY = Symbol.for("@videojs/container");
 const containerContext = createContext(CONTAINER_CONTEXT_KEY);
 //#endregion
 export { CONTAINER_CONTEXT_KEY, MEDIA_CONTEXT_KEY, PLAYER_CONTEXT_KEY, containerContext, mediaContext, playerContext };
-
-//# sourceMappingURL=context.js.map

package/dist/default/player/controller.js

@@ -70,5 +70,3 @@ function createPlayerController(context) {
 }
 //#endregion
 export { PlayerController, createPlayerController };
-
-//# sourceMappingURL=controller.js.map

package/dist/default/player/create-player.js

@@ -21,5 +21,3 @@ function createPlayer(config) {
 }
 //#endregion
 export { createPlayer };
-
-//# sourceMappingURL=create-player.js.map

package/dist/default/player/element.js

@@ -186,5 +186,3 @@ function createPlayerElement(options) {
 }
 //#endregion
 export { createPlayerElement };
-
-//# sourceMappingURL=element.js.map

package/dist/default/player/popup-group-context.js

@@ -2,5 +2,3 @@ import { createContext } from "@videojs/element/context";
 const popupGroupContext = createContext(Symbol.for("@videojs/popup-group"));
 //#endregion
 export { popupGroupContext };
-
-//# sourceMappingURL=popup-group-context.js.map

package/dist/default/presets/audio/minimal-skin.js

@@ -17,5 +17,3 @@ var MinimalAudioSkinElement = class extends SkinElement {
 };
 //#endregion
 export { MinimalAudioSkinElement };
-
-//# sourceMappingURL=minimal-skin.js.map

package/dist/default/presets/audio/player.js

@@ -11,5 +11,3 @@ var AudioPlayerElement = class extends PlayerElement {
 };
 //#endregion
 export { AudioPlayerElement, PlayerController };
-
-//# sourceMappingURL=player.js.map

package/dist/default/presets/audio/skin.js

@@ -17,5 +17,3 @@ var AudioSkinElement = class extends SkinElement {
 };
 //#endregion
 export { AudioSkinElement };
-
-//# sourceMappingURL=skin.js.map

package/dist/default/presets/background/player.js

@@ -11,5 +11,3 @@ var BackgroundVideoPlayerElement = class extends PlayerElement {
 };
 //#endregion
 export { BackgroundVideoPlayerElement, PlayerController };
-
-//# sourceMappingURL=player.js.map

package/dist/default/presets/background/skin.js

@@ -1,4 +1,5 @@
 import skin_default from "../../define/background/skin2.js";
+import { SKIN_HELP_TEXT, SKIN_HELP_URL } from "@videojs/core";
 import { ReactiveElement } from "@videojs/element";
 import { ensureGlobalStyle } from "@videojs/utils/dom";
 //#region src/presets/background/skin.ts
@@ -10,6 +11,7 @@ function getTemplateHTML() {
       <slot name="media"></slot>
       <slot></slot>
     </media-container>
+    <a rel="help" href="${SKIN_HELP_URL}" hidden>${SKIN_HELP_TEXT}</a>
   `;
 }
 var BackgroundVideoSkinElement = class BackgroundVideoSkinElement extends ReactiveElement {
@@ -33,5 +35,3 @@ var BackgroundVideoSkinElement = class BackgroundVideoSkinElement extends Reacti
 };
 //#endregion
 export { BackgroundVideoSkinElement };
-
-//# sourceMappingURL=skin.js.map

package/dist/default/presets/live-audio/minimal-skin.js

@@ -17,5 +17,3 @@ var MinimalLiveAudioSkinElement = class extends SkinElement {
 };
 //#endregion
 export { MinimalLiveAudioSkinElement };
-
-//# sourceMappingURL=minimal-skin.js.map

package/dist/default/presets/live-audio/player.js

@@ -11,5 +11,3 @@ var LiveAudioPlayerElement = class extends PlayerElement {
 };
 //#endregion
 export { LiveAudioPlayerElement, PlayerController };
-
-//# sourceMappingURL=player.js.map

package/dist/default/presets/live-audio/skin.js

@@ -17,5 +17,3 @@ var LiveAudioSkinElement = class extends SkinElement {
 };
 //#endregion
 export { LiveAudioSkinElement };
-
-//# sourceMappingURL=skin.js.map

package/dist/default/presets/live-video/minimal-skin.js

@@ -17,5 +17,3 @@ var MinimalLiveVideoSkinElement = class extends SkinElement {
 };
 //#endregion
 export { MinimalLiveVideoSkinElement };
-
-//# sourceMappingURL=minimal-skin.js.map

package/dist/default/presets/live-video/player.js

@@ -11,5 +11,3 @@ var LiveVideoPlayerElement = class extends PlayerElement {
 };
 //#endregion
 export { LiveVideoPlayerElement, PlayerController };
-
-//# sourceMappingURL=player.js.map

package/dist/default/presets/live-video/skin.js

@@ -17,5 +17,3 @@ var LiveVideoSkinElement = class extends SkinElement {
 };
 //#endregion
 export { LiveVideoSkinElement };
-
-//# sourceMappingURL=skin.js.map

package/dist/default/presets/skin.js

@@ -1,10 +1,11 @@
 import global_default from "../define/global.js";
-import shared_default from "../define/shared.js";
+import shadow_default from "../define/shadow.js";
+import { SKIN_HELP_TEXT, SKIN_HELP_URL } from "@videojs/core";
 import { ReactiveElement } from "@videojs/element";
 import { applyShadowStyles, createShadowStyle, ensureGlobalStyle, renderTemplate } from "@videojs/utils/dom";
 //#region src/presets/skin.ts
 const STYLES_ID = "__media-styles";
-const sharedSheet = createShadowStyle(shared_default);
+const shadowSheet = createShadowStyle(shadow_default);
 /**
 * Base element for skin definitions. Attaches a shadow root, clones `static template` into it, and applies shared +
 * per-skin styles via `adoptedStyleSheets` (or `<style>` fallback).
@@ -20,13 +21,21 @@ var SkinElement = class extends ReactiveElement {
 			const ctor = this.constructor;
 			this.attachShadow(ctor.shadowRootOptions);
 			if (ctor.template) renderTemplate(this.shadowRoot, ctor.template);
-			const sheets = [sharedSheet];
+			this.shadowRoot.append(createHelpLink(this.ownerDocument));
+			const sheets = [shadowSheet];
 			if (ctor.styles) sheets.push(ctor.styles);
 			applyShadowStyles(this.shadowRoot, sheets);
 		}
 	}
 };
+/** Every packaged skin links to the page that explains what the player is. See `SKIN_HELP_URL`. */
+function createHelpLink(doc) {
+	const link = doc.createElement("a");
+	link.rel = "help";
+	link.href = SKIN_HELP_URL;
+	link.hidden = true;
+	link.textContent = SKIN_HELP_TEXT;
+	return link;
+}
 //#endregion
 export { SkinElement };
-
-//# sourceMappingURL=skin.js.map

package/dist/default/presets/video/minimal-skin.js

@@ -17,5 +17,3 @@ var MinimalVideoSkinElement = class extends SkinElement {
 };
 //#endregion
 export { MinimalVideoSkinElement };
-
-//# sourceMappingURL=minimal-skin.js.map

package/dist/default/presets/video/player.js

@@ -17,5 +17,3 @@ var VideoPlayerElement = class extends PlayerElement {
 };
 //#endregion
 export { PlayerController, VideoPlayerElement };
-
-//# sourceMappingURL=player.js.map

package/dist/default/presets/video/skin.js

@@ -17,5 +17,3 @@ var VideoSkinElement = class extends SkinElement {
 };
 //#endregion
 export { VideoSkinElement };
-
-//# sourceMappingURL=skin.js.map

package/dist/default/registration/safe-define.js

@@ -14,5 +14,3 @@ function safeDefine(element, tagName = element.tagName) {
 }
 //#endregion
 export { safeDefine };
-
-//# sourceMappingURL=safe-define.js.map

package/dist/default/registration/ui-compounds.js

@@ -121,5 +121,3 @@ function defineSliders() {
 }
 //#endregion
 export { defineControls, defineErrorDialog, defineInputIndicators, defineMenu, defineSliderParts, defineSliders, defineTime, defineTimeSlider, defineTooltip, defineVolumeSlider };
-
-//# sourceMappingURL=ui-compounds.js.map

package/dist/default/store/media-attach-mixin.js

@@ -41,5 +41,3 @@ function createMediaAttachMixin(context) {
 const MediaAttachMixin = createMediaAttachMixin(mediaContext);
 //#endregion
 export { MediaAttachMixin, createMediaAttachMixin };
-
-//# sourceMappingURL=media-attach-mixin.js.map