@videojs/html 10.3.0 → 10.4.0

package/dist/dev/index.d.ts

@@ -82,6 +82,7 @@ import { TimeSeparatorElement } from "./ui/time/separator.js";
 import { TimeSliderChapterTitleElement } from "./ui/time-slider/chapter-title.js";
 import { TimeSliderChaptersElement } from "./ui/time-slider/chapters.js";
 import { TimeSliderElement } from "./ui/time-slider/element.js";
+import { TimeSliderMarkersElement } from "./ui/time-slider/markers.js";
 import { TitleElement } from "./ui/title/element.js";
 import { tooltipGroupContext } from "./ui/tooltip/context.js";
 import { TooltipElement } from "./ui/tooltip/element.js";
@@ -95,9 +96,9 @@ import { VolumePopoverElement } from "./ui/volume-popover/element.js";
 import { VolumeSliderElement } from "./ui/volume-slider/element.js";
 import { VERSION } from "./version.js";
 import { DialogBackdropElement } from "./ui/dialog/backdrop.js";
-import { AirPlayButtonProps, AirPlayButtonState, AlertDialogProps, AudioTrackRadioGroupOption, AudioTrackRadioGroupProps, AudioTrackRadioGroupState, BufferingIndicatorProps, BufferingIndicatorState, BuiltInIndicatorStatus, ButtonState, CaptionsButtonProps, CaptionsButtonState, CaptionsRadioGroupOption, CaptionsRadioGroupProps, CaptionsRadioGroupState, CastButtonProps, CastButtonState, ControlsProps, ControlsState, ControlsVisibility, DeriveCustomStatus, DialogProps, DialogScope, DialogState, FullscreenButtonProps, FullscreenButtonState, GestureProps, HotkeyProps, IndicatorCoreProps, IndicatorDirection, IndicatorLifecycleState, IndicatorStatus, IndicatorVolumeLevel, InputAction, InputActionEvent, InputActionSource, InputIndicatorLabels, LiveButtonProps, LiveButtonState, MediaButtonComponent, MediaSnapshot, MediaUIComponent, MenuInput, MenuOptionState, MenuProps, MenuState, MuteButtonProps, MuteButtonState, PiPButtonProps, PiPButtonState, PlayButtonProps, PlayButtonState, PlaybackRateButtonProps, PlaybackRateButtonState, PlaybackRateRadioGroupOption, PlaybackRateRadioGroupProps, PlaybackRateRadioGroupState, PopoverAlign, PopoverBoundary, PopoverProps, PopoverSide, PopoverState, PosterState, QualityRadioGroupOption, QualityRadioGroupProps, QualityRadioGroupState, RadioOption, RadioOptionsState, SeekButtonDirection, SeekButtonProps, SeekButtonState, SeekIndicatorProps, SeekIndicatorState, SliderPreviewProps, SliderProps, SliderSegmentGeometry, SliderSegmentRange, SliderSegmentState, SliderState, StatusAnnouncerLabels, StatusAnnouncerProps, StatusAnnouncerState, StatusDetails, StatusIndicatorProps, StatusIndicatorState, ThumbnailCoords, ThumbnailCrossOrigin, ThumbnailFetchPriority, ThumbnailImage, ThumbnailImageProps, ThumbnailLoading, ThumbnailProps, ThumbnailState, TimeProps, TimeSliderChapterRange, TimeSliderProps, TimeSliderState, TimeState, TimeType, TitleState, TooltipGroupProps, TooltipProps, TooltipState, TransitionFlags, TransitionState, TransitionStatus, UIComponent, VolumeIndicatorProps, VolumeIndicatorState, VolumeLevel, VolumePopoverState, VolumeSliderProps, VolumeSliderState } from "@videojs/core";
+import { AddTextTrack, AirPlayButtonProps, AirPlayButtonState, AlertDialogProps, AudioTrackRadioGroupOption, AudioTrackRadioGroupProps, AudioTrackRadioGroupState, BufferingIndicatorProps, BufferingIndicatorState, BuiltInIndicatorStatus, ButtonState, CaptionsButtonProps, CaptionsButtonState, CaptionsRadioGroupOption, CaptionsRadioGroupProps, CaptionsRadioGroupState, CastButtonProps, CastButtonState, ChapterCueValue, ChapterImage, ControlsProps, ControlsState, ControlsVisibility, DeriveCustomStatus, DialogProps, DialogScope, DialogState, FullscreenButtonProps, FullscreenButtonState, GestureProps, HlsDateRangeAttribute, HlsMetadataCue, HotkeyProps, Id3Frame, IndicatorCoreProps, IndicatorDirection, IndicatorLifecycleState, IndicatorStatus, IndicatorVolumeLevel, InferCueValue, InferSchemaOutput, InferTextTrackCue, InputAction, InputActionEvent, InputActionSource, InputIndicatorLabels, LiveButtonProps, LiveButtonState, MediaButtonComponent, MediaSnapshot, MediaUIComponent, MenuInput, MenuOptionState, MenuProps, MenuState, MuteButtonProps, MuteButtonState, PiPButtonProps, PiPButtonState, PlayButtonProps, PlayButtonState, PlaybackRateButtonProps, PlaybackRateButtonState, PlaybackRateRadioGroupOption, PlaybackRateRadioGroupProps, PlaybackRateRadioGroupState, PopoverAlign, PopoverBoundary, PopoverProps, PopoverSide, PopoverState, PosterState, QualityRadioGroupOption, QualityRadioGroupProps, QualityRadioGroupState, RadioOption, RadioOptionsState, SeekButtonDirection, SeekButtonProps, SeekButtonState, SeekIndicatorProps, SeekIndicatorState, SliderPreviewProps, SliderProps, SliderSegmentGeometry, SliderSegmentRange, SliderSegmentState, SliderState, StandardSchemaV1, StandardSchemaV1Props, StandardSchemaV1Result, StatusAnnouncerLabels, StatusAnnouncerProps, StatusAnnouncerState, StatusDetails, StatusIndicatorProps, StatusIndicatorState, TextCueFormat, TextCueFormatResult, TextCueInit, TextCuesSource, TextTrackContent, TextTrackDefinition, TextTrackHandle, TextTrackIdentity, TextTrackInit, TextTracksSource, ThumbnailCoords, ThumbnailCrossOrigin, ThumbnailFetchPriority, ThumbnailImage, ThumbnailImageProps, ThumbnailLoading, ThumbnailProps, ThumbnailState, TimeProps, TimeSliderChapterRange, TimeSliderMarkerRange, TimeSliderProps, TimeSliderState, TimeState, TimeType, TitleState, TooltipGroupProps, TooltipProps, TooltipState, TransitionFlags, TransitionState, TransitionStatus, UIComponent, VolumeIndicatorProps, VolumeIndicatorState, VolumeLevel, VolumePopoverState, VolumeSliderProps, VolumeSliderState, appleHlsChapters, chaptersTrack, defineTextTrack, getActiveTextCues, getTextCues, getTextTracks, hlsMetadataTrack, jsonLdChapters, podcastChapters } from "@videojs/core";
 import { DestroyMixin, Destroyable, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, ReactiveController, ReactiveControllerHost, ReactiveElement } from "@videojs/element";
-import { AdapterType, AudioRenditionLike, AudioRenditionListLike, AudioTrackLike, AudioTrackListLike, CanPlayTypeResult, CommonMedia, CommonMediaEvents, EngineAdapter, ErrorLike, EventLike, EventTargetLike, MediaAudioRenditionCapability, MediaAudioTrack, MediaAudioTrackCapability, MediaAudioTrackState, MediaAutoplayCapability, MediaBufferCapability, MediaBufferEvents, MediaBufferState, MediaContentData, MediaContentDataCapability, MediaContentDataEvents, MediaContentValue, MediaControlsCapability, MediaControlsState, MediaCrossOriginType, MediaError, MediaErrorCapability, MediaErrorEvents, MediaErrorState, MediaEvents, MediaFullscreenCapability, MediaFullscreenState, MediaLiveCapability, MediaLiveEvents, MediaLiveState, MediaMetadataState, MediaPauseCapability, MediaPauseEvents, MediaPictureInPictureCapability, MediaPictureInPictureEvents, MediaPictureInPictureState, MediaPlaybackCapability, MediaPlaybackEvents, MediaPlaybackRateCapability, MediaPlaybackRateEvents, MediaPlaybackRateState, MediaPlaybackState, MediaPlayedCapability, MediaPlaysInlineCapability, MediaPosterCapability, MediaPreloadType, MediaQualityState, MediaReadyStateValue, MediaRemotePlaybackCapability, MediaRemotePlaybackState, MediaResolution, MediaSeekCapability, MediaSeekEvents, MediaSourceCapability, MediaSourceEvents, MediaSourceState, MediaStreamType, MediaStreamTypeCapability, MediaStreamTypeEvents, MediaStreamTypeState, MediaTargetLike, MediaTextCue, MediaTextTrack, MediaTextTrackCapability, MediaTextTrackState, MediaThumbnailsTrack, MediaTimeState, MediaVideoDimensionsCapability, MediaVideoDimensionsEvents, MediaVideoRendition, MediaVideoRenditionCapability, MediaVideoTrackCapability, MediaVolumeCapability, MediaVolumeEvents, MediaVolumeState, NodeListLike, RemotePlaybackConnectionState, RemotePlaybackEvents, RemotePlaybackLike, TextCueLike, TextCueListLike, TextTrackKind, TextTrackLike, TextTrackListEvents, TextTrackListLike, TextTrackMode, TimeRangeLike, Video, VideoEvents, VideoRenditionLike, VideoRenditionListLike, VideoTargetLike, VideoTrackLike, VideoTrackListLike, hasMetadata, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, resolveAdapterType, resolveMimeType } from "@videojs/media";
+import { AdapterType, AudioRenditionLike, AudioRenditionListLike, AudioTrackLike, AudioTrackListLike, CanPlayTypeResult, CommonMedia, CommonMediaEvents, DataCueLike, EngineAdapter, ErrorLike, EventLike, EventTargetLike, MediaAudioRenditionCapability, MediaAudioTrack, MediaAudioTrackCapability, MediaAudioTrackState, MediaAutoplayCapability, MediaBufferCapability, MediaBufferEvents, MediaBufferState, MediaContentData, MediaContentDataCapability, MediaContentDataEvents, MediaContentValue, MediaControlsCapability, MediaControlsState, MediaCrossOriginType, MediaError, MediaErrorCapability, MediaErrorEvents, MediaErrorState, MediaEvents, MediaFullscreenCapability, MediaFullscreenState, MediaLiveCapability, MediaLiveEvents, MediaLiveState, MediaMetadataState, MediaPauseCapability, MediaPauseEvents, MediaPictureInPictureCapability, MediaPictureInPictureEvents, MediaPictureInPictureState, MediaPlaybackCapability, MediaPlaybackEvents, MediaPlaybackRateCapability, MediaPlaybackRateEvents, MediaPlaybackRateState, MediaPlaybackState, MediaPlayedCapability, MediaPlaysInlineCapability, MediaPosterCapability, MediaPreloadType, MediaQualityState, MediaReadyStateValue, MediaRemotePlaybackCapability, MediaRemotePlaybackState, MediaResolution, MediaSeekCapability, MediaSeekEvents, MediaSourceCapability, MediaSourceEvents, MediaSourceState, MediaStreamType, MediaStreamTypeCapability, MediaStreamTypeEvents, MediaStreamTypeState, MediaTargetLike, MediaTextCue, MediaTextCuesState, MediaTextTrack, MediaTextTrackCapability, MediaTextTrackState, MediaThumbnailsTrack, MediaTimeState, MediaTrackCues, MediaVideoDimensionsCapability, MediaVideoDimensionsEvents, MediaVideoRendition, MediaVideoRenditionCapability, MediaVideoTrackCapability, MediaVolumeCapability, MediaVolumeEvents, MediaVolumeState, NodeListLike, RemotePlaybackConnectionState, RemotePlaybackEvents, RemotePlaybackLike, TextCueLike, TextCueListLike, TextTrackCueLike, TextTrackFilter, TextTrackKind, TextTrackLike, TextTrackListEvents, TextTrackListLike, TextTrackMode, TextTrackSource, TimeRangeLike, VTTCueLike, Video, VideoEvents, VideoRenditionLike, VideoRenditionListLike, VideoTargetLike, VideoTrackLike, VideoTrackListLike, hasMetadata, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, resolveAdapterType, resolveMimeType } from "@videojs/media";
 import { CustomMediaConstructor } from "@videojs/media/dom";
 import { Comparator, Selector, createSelector, shallowEqual } from "@videojs/store";
 import { Text, TextParams, TranslationKey, TranslationOptions } from "@videojs/core/i18n";
@@ -105,10 +106,10 @@ import { WithMediaTracks } from "@videojs/media/media-tracks";
 export * from "@videojs/core/dom";
 export * from "@videojs/media/dom";
 declare namespace index_d_exports {
-  export { AdapterType, AirPlayButtonElement, AirPlayButtonProps, AirPlayButtonState, AlertDialogElement, AlertDialogProps, AriaKeyShortcutsController, AudioRenditionLike, AudioRenditionListLike, AudioTrackLike, AudioTrackListLike, AudioTrackRadioGroupElement, AudioTrackRadioGroupOption, AudioTrackRadioGroupProps, AudioTrackRadioGroupState, BufferingIndicatorElement, BufferingIndicatorProps, BufferingIndicatorState, BuiltInIndicatorStatus, ButtonState, CONTAINER_CONTEXT_KEY, CanPlayTypeResult, CaptionsButtonElement, CaptionsButtonProps, CaptionsButtonState, CaptionsRadioGroupElement, CaptionsRadioGroupOption, CaptionsRadioGroupProps, CaptionsRadioGroupState, CastButtonElement, CastButtonProps, CastButtonState, CommonMedia, CommonMediaEvents, Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, ControlsProps, ControlsState, ControlsVisibility, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, CustomMediaConstructor, DEFAULT_SEEK_STEP, DeriveCustomStatus, DestroyMixin, Destroyable, DialogBackdropElement, DialogCloseElement, DialogContextValue, DialogDescriptionElement, DialogElement, DialogPopupElement, DialogProps, DialogScope, DialogState, DialogTitleElement, EXTENSION_CONTEXT_KEY, EngineAdapter, ErrorDialogElement, ErrorLike, EventLike, EventTargetLike, ExtensionContext, ExtensionContextValue, FlatTranslations, FullscreenButtonElement, FullscreenButtonProps, FullscreenButtonState, GestureElement, GestureProps, HotkeyElement, HotkeyProps, I18nContextValue, I18nController, I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, IndicatorCoreProps, IndicatorDirection, IndicatorLifecycleState, IndicatorStatus, IndicatorVolumeLevel, InputAction, InputActionEvent, InputActionSource, InputIndicatorLabels, LiveButtonElement, LiveButtonProps, LiveButtonState, Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaAudioRenditionCapability, MediaAudioTrack, MediaAudioTrackCapability, MediaAudioTrackState, MediaAutoplayCapability, MediaBufferCapability, MediaBufferEvents, MediaBufferState, MediaButtonComponent, MediaButtonElement, MediaContentData, MediaContentDataCapability, MediaContentDataEvents, MediaContentValue, MediaContext, MediaContextValue, MediaControlsCapability, MediaControlsState, MediaCrossOriginType, MediaError, MediaErrorCapability, MediaErrorEvents, MediaErrorState, MediaEvents, MediaFullscreenCapability, MediaFullscreenState, I18nProviderElement as MediaI18nProviderElement, MediaLiveCapability, MediaLiveEvents, MediaLiveState, MediaMetadataState, MediaPauseCapability, MediaPauseEvents, MediaPictureInPictureCapability, MediaPictureInPictureEvents, MediaPictureInPictureState, MediaPlaybackCapability, MediaPlaybackEvents, MediaPlaybackRateCapability, MediaPlaybackRateEvents, MediaPlaybackRateState, MediaPlaybackState, MediaPlayedCapability, MediaPlaysInlineCapability, MediaPosterCapability, MediaPreloadType, MediaQualityState, MediaReadyStateValue, MediaRemotePlaybackCapability, MediaRemotePlaybackState, MediaResolution, MediaSeekCapability, MediaSeekEvents, MediaSnapshot, MediaSourceCapability, MediaSourceEvents, MediaSourceState, MediaStreamType, MediaStreamTypeCapability, MediaStreamTypeEvents, MediaStreamTypeState, MediaTargetLike, MediaTextCue, TextElement as MediaTextElement, MediaTextTrack, MediaTextTrackCapability, MediaTextTrackState, MediaThumbnailsTrack, MediaTimeState, MediaUIComponent, MediaUIElement, MediaVideoDimensionsCapability, MediaVideoDimensionsEvents, MediaVideoRendition, MediaVideoRenditionCapability, MediaVideoTrackCapability, MediaVolumeCapability, MediaVolumeEvents, MediaVolumeState, MenuCheckboxItemElement, MenuContentElement, MenuContextValue, MenuElement, MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, MenuInput, MenuItemElement, MenuItemIndicatorElement, MenuOptionState, MenuProps, RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MenuState, MuteButtonElement, MuteButtonProps, MuteButtonState, NodeListLike, PLAYER_CONTEXT_KEY, PartContextValue, PiPButtonElement, PiPButtonProps, PiPButtonState, PlayButtonElement, PlayButtonProps, PlayButtonState, PlaybackRateButtonElement, PlaybackRateButtonProps, PlaybackRateButtonState, PlaybackRateRadioGroupElement, PlaybackRateRadioGroupOption, PlaybackRateRadioGroupProps, PlaybackRateRadioGroupState, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerElement, PlayerElementConstructor, PopoverAlign, PopoverBoundary, PopoverElement, PopoverProps, PopoverSide, PopoverState, PosterElement, PosterState, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, QualityRadioGroupElement, QualityRadioGroupOption, QualityRadioGroupProps, QualityRadioGroupState, RadioOption, RadioOptionsState, ReactiveController, ReactiveControllerHost, ReactiveElement, RemotePlaybackConnectionState, RemotePlaybackEvents, RemotePlaybackLike, SeekButtonDirection, SeekButtonElement, SeekButtonProps, SeekButtonState, SeekIndicatorElement, SeekIndicatorProps, SeekIndicatorState, SeekIndicatorValueElement, Selector, SliderBufferElement, SliderContextValue, SliderElement, SliderEventMap, SliderFillElement, SliderPreviewElement, SliderPreviewProps, SliderProps, SliderSegmentGeometry, SliderSegmentRange, SliderSegmentState, SliderState, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, SliderValueEventDetail, StatusAnnouncerElement, StatusAnnouncerLabels, StatusAnnouncerProps, StatusAnnouncerState, StatusDetails, StatusIndicatorElement, StatusIndicatorProps, StatusIndicatorState, StatusIndicatorValueElement, Text, TextCueLike, TextCueListLike, TextParams, TextTrackKind, TextTrackLike, TextTrackListEvents, TextTrackListLike, TextTrackMode, ThumbnailCoords, ThumbnailCrossOrigin, ThumbnailElement, ThumbnailFetchPriority, ThumbnailImage, ThumbnailImageProps, ThumbnailLoading, ThumbnailProps, ThumbnailState, TimeElement, TimeGroupElement, TimeProps, TimeRangeLike, TimeSeparatorElement, TimeSliderChapterRange, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TimeSliderProps, TimeSliderState, TimeState, TimeType, TitleElement, TitleState, TooltipElement, TooltipGroupElement, TooltipGroupProps, TooltipLabelElement, TooltipProps, TooltipShortcutElement, TooltipState, TransitionFlags, TransitionState, TransitionStatus, TranslationKey, TranslationOptions, TranslationParams, Translations, Translator, UIComponent, UIElement, UIElementConstructor, VERSION, Video, VideoEvents, VideoRenditionLike, VideoRenditionListLike, VideoTargetLike, VideoTrackLike, VideoTrackListLike, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorProps, VolumeIndicatorState, VolumeIndicatorValueElement, VolumeLevel, VolumePopoverElement, VolumePopoverState, VolumeSliderElement, VolumeSliderProps, VolumeSliderState, WithMediaTracks, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, dialogContext, extensionContext, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
+  export { AdapterType, AddTextTrack, AirPlayButtonElement, AirPlayButtonProps, AirPlayButtonState, AlertDialogElement, AlertDialogProps, AriaKeyShortcutsController, AudioRenditionLike, AudioRenditionListLike, AudioTrackLike, AudioTrackListLike, AudioTrackRadioGroupElement, AudioTrackRadioGroupOption, AudioTrackRadioGroupProps, AudioTrackRadioGroupState, BufferingIndicatorElement, BufferingIndicatorProps, BufferingIndicatorState, BuiltInIndicatorStatus, ButtonState, CONTAINER_CONTEXT_KEY, CanPlayTypeResult, CaptionsButtonElement, CaptionsButtonProps, CaptionsButtonState, CaptionsRadioGroupElement, CaptionsRadioGroupOption, CaptionsRadioGroupProps, CaptionsRadioGroupState, CastButtonElement, CastButtonProps, CastButtonState, ChapterCueValue, ChapterImage, CommonMedia, CommonMediaEvents, Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, ControlsProps, ControlsState, ControlsVisibility, CreateI18nOptions, CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, CustomMediaConstructor, DEFAULT_SEEK_STEP, DataCueLike, DeriveCustomStatus, DestroyMixin, Destroyable, DialogBackdropElement, DialogCloseElement, DialogContextValue, DialogDescriptionElement, DialogElement, DialogPopupElement, DialogProps, DialogScope, DialogState, DialogTitleElement, EXTENSION_CONTEXT_KEY, EngineAdapter, ErrorDialogElement, ErrorLike, EventLike, EventTargetLike, ExtensionContext, ExtensionContextValue, FlatTranslations, FullscreenButtonElement, FullscreenButtonProps, FullscreenButtonState, GestureElement, GestureProps, HlsDateRangeAttribute, HlsMetadataCue, HotkeyElement, HotkeyProps, I18nContextValue, I18nController, I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, Id3Frame, IndicatorCoreProps, IndicatorDirection, IndicatorLifecycleState, IndicatorStatus, IndicatorVolumeLevel, InferCueValue, InferSchemaOutput, InferTextTrackCue, InputAction, InputActionEvent, InputActionSource, InputIndicatorLabels, LiveButtonElement, LiveButtonProps, LiveButtonState, Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaAudioRenditionCapability, MediaAudioTrack, MediaAudioTrackCapability, MediaAudioTrackState, MediaAutoplayCapability, MediaBufferCapability, MediaBufferEvents, MediaBufferState, MediaButtonComponent, MediaButtonElement, MediaContentData, MediaContentDataCapability, MediaContentDataEvents, MediaContentValue, MediaContext, MediaContextValue, MediaControlsCapability, MediaControlsState, MediaCrossOriginType, MediaError, MediaErrorCapability, MediaErrorEvents, MediaErrorState, MediaEvents, MediaFullscreenCapability, MediaFullscreenState, I18nProviderElement as MediaI18nProviderElement, MediaLiveCapability, MediaLiveEvents, MediaLiveState, MediaMetadataState, MediaPauseCapability, MediaPauseEvents, MediaPictureInPictureCapability, MediaPictureInPictureEvents, MediaPictureInPictureState, MediaPlaybackCapability, MediaPlaybackEvents, MediaPlaybackRateCapability, MediaPlaybackRateEvents, MediaPlaybackRateState, MediaPlaybackState, MediaPlayedCapability, MediaPlaysInlineCapability, MediaPosterCapability, MediaPreloadType, MediaQualityState, MediaReadyStateValue, MediaRemotePlaybackCapability, MediaRemotePlaybackState, MediaResolution, MediaSeekCapability, MediaSeekEvents, MediaSnapshot, MediaSourceCapability, MediaSourceEvents, MediaSourceState, MediaStreamType, MediaStreamTypeCapability, MediaStreamTypeEvents, MediaStreamTypeState, MediaTargetLike, MediaTextCue, MediaTextCuesState, TextElement as MediaTextElement, MediaTextTrack, MediaTextTrackCapability, MediaTextTrackState, MediaThumbnailsTrack, MediaTimeState, MediaTrackCues, MediaUIComponent, MediaUIElement, MediaVideoDimensionsCapability, MediaVideoDimensionsEvents, MediaVideoRendition, MediaVideoRenditionCapability, MediaVideoTrackCapability, MediaVolumeCapability, MediaVolumeEvents, MediaVolumeState, MenuCheckboxItemElement, MenuContentElement, MenuContextValue, MenuElement, MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, MenuInput, MenuItemElement, MenuItemIndicatorElement, MenuOptionState, MenuProps, RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MenuState, MuteButtonElement, MuteButtonProps, MuteButtonState, NodeListLike, PLAYER_CONTEXT_KEY, PartContextValue, PiPButtonElement, PiPButtonProps, PiPButtonState, PlayButtonElement, PlayButtonProps, PlayButtonState, PlaybackRateButtonElement, PlaybackRateButtonProps, PlaybackRateButtonState, PlaybackRateRadioGroupElement, PlaybackRateRadioGroupOption, PlaybackRateRadioGroupProps, PlaybackRateRadioGroupState, PlayerContext, PlayerContextValue, PlayerController, PlayerControllerHost, PlayerElement, PlayerElementConstructor, PopoverAlign, PopoverBoundary, PopoverElement, PopoverProps, PopoverSide, PopoverState, PosterElement, PosterState, PropertyDeclaration, PropertyDeclarationMap, PropertyValues, QualityRadioGroupElement, QualityRadioGroupOption, QualityRadioGroupProps, QualityRadioGroupState, RadioOption, RadioOptionsState, ReactiveController, ReactiveControllerHost, ReactiveElement, RemotePlaybackConnectionState, RemotePlaybackEvents, RemotePlaybackLike, SeekButtonDirection, SeekButtonElement, SeekButtonProps, SeekButtonState, SeekIndicatorElement, SeekIndicatorProps, SeekIndicatorState, SeekIndicatorValueElement, Selector, SliderBufferElement, SliderContextValue, SliderElement, SliderEventMap, SliderFillElement, SliderPreviewElement, SliderPreviewProps, SliderProps, SliderSegmentGeometry, SliderSegmentRange, SliderSegmentState, SliderState, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, SliderValueEventDetail, StandardSchemaV1, StandardSchemaV1Props, StandardSchemaV1Result, StatusAnnouncerElement, StatusAnnouncerLabels, StatusAnnouncerProps, StatusAnnouncerState, StatusDetails, StatusIndicatorElement, StatusIndicatorProps, StatusIndicatorState, StatusIndicatorValueElement, Text, TextCueFormat, TextCueFormatResult, TextCueInit, TextCueLike, TextCueListLike, TextCuesSource, TextParams, TextTrackContent, TextTrackCueLike, TextTrackDefinition, TextTrackFilter, TextTrackHandle, TextTrackIdentity, TextTrackInit, TextTrackKind, TextTrackLike, TextTrackListEvents, TextTrackListLike, TextTrackMode, TextTrackSource, TextTracksSource, ThumbnailCoords, ThumbnailCrossOrigin, ThumbnailElement, ThumbnailFetchPriority, ThumbnailImage, ThumbnailImageProps, ThumbnailLoading, ThumbnailProps, ThumbnailState, TimeElement, TimeGroupElement, TimeProps, TimeRangeLike, TimeSeparatorElement, TimeSliderChapterRange, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TimeSliderMarkerRange, TimeSliderMarkersElement, TimeSliderProps, TimeSliderState, TimeState, TimeType, TitleElement, TitleState, TooltipElement, TooltipGroupElement, TooltipGroupProps, TooltipLabelElement, TooltipProps, TooltipShortcutElement, TooltipState, TransitionFlags, TransitionState, TransitionStatus, TranslationKey, TranslationOptions, TranslationParams, Translations, Translator, UIComponent, UIElement, UIElementConstructor, VERSION, VTTCueLike, Video, VideoEvents, VideoRenditionLike, VideoRenditionListLike, VideoTargetLike, VideoTrackLike, VideoTrackListLike, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorProps, VolumeIndicatorState, VolumeIndicatorValueElement, VolumeLevel, VolumePopoverElement, VolumePopoverState, VolumeSliderElement, VolumeSliderProps, VolumeSliderState, WithMediaTracks, appleHlsChapters, chaptersTrack, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, defineTextTrack, dialogContext, extensionContext, findLocaleKeys, getActiveTextCues, getI18nTranslations, getTextCues, getTextTracks, hasMetadata, hasRegisteredLocale, hlsMetadataTrack, i18nContext, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, jsonLdChapters, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, podcastChapters, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
 }
 import * as import__videojs_core_dom from "@videojs/core/dom";
 import * as import__videojs_media_dom from "@videojs/media/dom";
 //#endregion
-export { type AdapterType, AirPlayButtonElement, type AirPlayButtonProps, type AirPlayButtonState, AlertDialogElement, type AlertDialogProps, AriaKeyShortcutsController, type AudioRenditionLike, type AudioRenditionListLike, type AudioTrackLike, type AudioTrackListLike, AudioTrackRadioGroupElement, type AudioTrackRadioGroupOption, type AudioTrackRadioGroupProps, type AudioTrackRadioGroupState, BufferingIndicatorElement, type BufferingIndicatorProps, type BufferingIndicatorState, type BuiltInIndicatorStatus, type ButtonState, CONTAINER_CONTEXT_KEY, type CanPlayTypeResult, CaptionsButtonElement, type CaptionsButtonProps, type CaptionsButtonState, CaptionsRadioGroupElement, type CaptionsRadioGroupOption, type CaptionsRadioGroupProps, type CaptionsRadioGroupState, CastButtonElement, type CastButtonProps, type CastButtonState, type CommonMedia, type CommonMediaEvents, type Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, type ControlsProps, type ControlsState, type ControlsVisibility, type CreateI18nOptions, type CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, type CustomMediaConstructor, DEFAULT_SEEK_STEP, type DeriveCustomStatus, DestroyMixin, type Destroyable, DialogBackdropElement, DialogCloseElement, type DialogContextValue, DialogDescriptionElement, DialogElement, DialogPopupElement, type DialogProps, type DialogScope, type DialogState, DialogTitleElement, EXTENSION_CONTEXT_KEY, type EngineAdapter, ErrorDialogElement, type ErrorLike, type EventLike, type EventTargetLike, ExtensionContext, ExtensionContextValue, type FlatTranslations, FullscreenButtonElement, type FullscreenButtonProps, type FullscreenButtonState, GestureElement, type GestureProps, HotkeyElement, type HotkeyProps, type I18nContextValue, I18nController, type I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, type IndicatorCoreProps, type IndicatorDirection, type IndicatorLifecycleState, type IndicatorStatus, type IndicatorVolumeLevel, type InputAction, type InputActionEvent, type InputActionSource, type InputIndicatorLabels, LiveButtonElement, type LiveButtonProps, type LiveButtonState, type Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, type MediaAudioRenditionCapability, type MediaAudioTrack, type MediaAudioTrackCapability, type MediaAudioTrackState, type MediaAutoplayCapability, type MediaBufferCapability, type MediaBufferEvents, type MediaBufferState, type MediaButtonComponent, MediaButtonElement, type MediaContentData, type MediaContentDataCapability, type MediaContentDataEvents, type MediaContentValue, MediaContext, MediaContextValue, type MediaControlsCapability, type MediaControlsState, type MediaCrossOriginType, MediaError, type MediaErrorCapability, type MediaErrorEvents, type MediaErrorState, type MediaEvents, type MediaFullscreenCapability, type MediaFullscreenState, I18nProviderElement as MediaI18nProviderElement, type MediaLiveCapability, type MediaLiveEvents, type MediaLiveState, type MediaMetadataState, type MediaPauseCapability, type MediaPauseEvents, type MediaPictureInPictureCapability, type MediaPictureInPictureEvents, type MediaPictureInPictureState, type MediaPlaybackCapability, type MediaPlaybackEvents, type MediaPlaybackRateCapability, type MediaPlaybackRateEvents, type MediaPlaybackRateState, type MediaPlaybackState, type MediaPlayedCapability, type MediaPlaysInlineCapability, type MediaPosterCapability, type MediaPreloadType, type MediaQualityState, type MediaReadyStateValue, type MediaRemotePlaybackCapability, type MediaRemotePlaybackState, type MediaResolution, type MediaSeekCapability, type MediaSeekEvents, type MediaSnapshot, type MediaSourceCapability, type MediaSourceEvents, type MediaSourceState, type MediaStreamType, type MediaStreamTypeCapability, type MediaStreamTypeEvents, type MediaStreamTypeState, type MediaTargetLike, type MediaTextCue, TextElement as MediaTextElement, type MediaTextTrack, type MediaTextTrackCapability, type MediaTextTrackState, type MediaThumbnailsTrack, type MediaTimeState, type MediaUIComponent, MediaUIElement, type MediaVideoDimensionsCapability, type MediaVideoDimensionsEvents, type MediaVideoRendition, type MediaVideoRenditionCapability, type MediaVideoTrackCapability, type MediaVolumeCapability, type MediaVolumeEvents, type MediaVolumeState, MenuCheckboxItemElement, MenuContentElement, type MenuContextValue, MenuElement, type MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, type MenuInput, MenuItemElement, MenuItemIndicatorElement, type MenuOptionState, type MenuProps, type RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, type MenuState, MuteButtonElement, type MuteButtonProps, type MuteButtonState, type NodeListLike, PLAYER_CONTEXT_KEY, type PartContextValue, PiPButtonElement, type PiPButtonProps, type PiPButtonState, PlayButtonElement, type PlayButtonProps, type PlayButtonState, PlaybackRateButtonElement, type PlaybackRateButtonProps, type PlaybackRateButtonState, PlaybackRateRadioGroupElement, type PlaybackRateRadioGroupOption, type PlaybackRateRadioGroupProps, type PlaybackRateRadioGroupState, PlayerContext, PlayerContextValue, PlayerController, type PlayerControllerHost, PlayerElement, PlayerElementConstructor, type PopoverAlign, type PopoverBoundary, PopoverElement, type PopoverProps, type PopoverSide, type PopoverState, PosterElement, type PosterState, type PropertyDeclaration, type PropertyDeclarationMap, type PropertyValues, QualityRadioGroupElement, type QualityRadioGroupOption, type QualityRadioGroupProps, type QualityRadioGroupState, type RadioOption, type RadioOptionsState, type ReactiveController, type ReactiveControllerHost, ReactiveElement, type RemotePlaybackConnectionState, type RemotePlaybackEvents, type RemotePlaybackLike, type SeekButtonDirection, SeekButtonElement, type SeekButtonProps, type SeekButtonState, SeekIndicatorElement, type SeekIndicatorProps, type SeekIndicatorState, SeekIndicatorValueElement, type Selector, SliderBufferElement, type SliderContextValue, SliderElement, type SliderEventMap, SliderFillElement, SliderPreviewElement, type SliderPreviewProps, type SliderProps, type SliderSegmentGeometry, type SliderSegmentRange, type SliderSegmentState, type SliderState, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, type SliderValueEventDetail, StatusAnnouncerElement, type StatusAnnouncerLabels, type StatusAnnouncerProps, type StatusAnnouncerState, type StatusDetails, StatusIndicatorElement, type StatusIndicatorProps, type StatusIndicatorState, StatusIndicatorValueElement, type Text, type TextCueLike, type TextCueListLike, type TextParams, type TextTrackKind, type TextTrackLike, type TextTrackListEvents, type TextTrackListLike, type TextTrackMode, type ThumbnailCoords, type ThumbnailCrossOrigin, ThumbnailElement, type ThumbnailFetchPriority, type ThumbnailImage, type ThumbnailImageProps, type ThumbnailLoading, type ThumbnailProps, type ThumbnailState, TimeElement, TimeGroupElement, type TimeProps, type TimeRangeLike, TimeSeparatorElement, type TimeSliderChapterRange, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, type TimeSliderProps, type TimeSliderState, type TimeState, type TimeType, TitleElement, type TitleState, TooltipElement, TooltipGroupElement, type TooltipGroupProps, TooltipLabelElement, type TooltipProps, TooltipShortcutElement, type TooltipState, type TransitionFlags, type TransitionState, type TransitionStatus, type TranslationKey, type TranslationOptions, type TranslationParams, type Translations, type Translator, type UIComponent, UIElement, UIElementConstructor, VERSION, type Video, type VideoEvents, type VideoRenditionLike, type VideoRenditionListLike, type VideoTargetLike, type VideoTrackLike, type VideoTrackListLike, VolumeIndicatorElement, VolumeIndicatorFillElement, type VolumeIndicatorProps, type VolumeIndicatorState, VolumeIndicatorValueElement, type VolumeLevel, VolumePopoverElement, type VolumePopoverState, VolumeSliderElement, type VolumeSliderProps, type VolumeSliderState, type WithMediaTracks, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, dialogContext, extensionContext, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, index_d_exports, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
+export { type AdapterType, type AddTextTrack, AirPlayButtonElement, type AirPlayButtonProps, type AirPlayButtonState, AlertDialogElement, type AlertDialogProps, AriaKeyShortcutsController, type AudioRenditionLike, type AudioRenditionListLike, type AudioTrackLike, type AudioTrackListLike, AudioTrackRadioGroupElement, type AudioTrackRadioGroupOption, type AudioTrackRadioGroupProps, type AudioTrackRadioGroupState, BufferingIndicatorElement, type BufferingIndicatorProps, type BufferingIndicatorState, type BuiltInIndicatorStatus, type ButtonState, CONTAINER_CONTEXT_KEY, type CanPlayTypeResult, CaptionsButtonElement, type CaptionsButtonProps, type CaptionsButtonState, CaptionsRadioGroupElement, type CaptionsRadioGroupOption, type CaptionsRadioGroupProps, type CaptionsRadioGroupState, CastButtonElement, type CastButtonProps, type CastButtonState, type ChapterCueValue, type ChapterImage, type CommonMedia, type CommonMediaEvents, type Comparator, ContainerContext, ContainerContextConsumer, ContainerContextValue, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, type ControlsProps, type ControlsState, type ControlsVisibility, type CreateI18nOptions, type CreateI18nResult, CreatePlayerConfig, CreatePlayerResult, type CustomMediaConstructor, DEFAULT_SEEK_STEP, type DataCueLike, type DeriveCustomStatus, DestroyMixin, type Destroyable, DialogBackdropElement, DialogCloseElement, type DialogContextValue, DialogDescriptionElement, DialogElement, DialogPopupElement, type DialogProps, type DialogScope, type DialogState, DialogTitleElement, EXTENSION_CONTEXT_KEY, type EngineAdapter, ErrorDialogElement, type ErrorLike, type EventLike, type EventTargetLike, ExtensionContext, ExtensionContextValue, type FlatTranslations, FullscreenButtonElement, type FullscreenButtonProps, type FullscreenButtonState, GestureElement, type GestureProps, type HlsDateRangeAttribute, type HlsMetadataCue, HotkeyElement, type HotkeyProps, type I18nContextValue, I18nController, type I18nContext as I18nLitContext, I18nProviderMixin, I18nTextMixin, type Id3Frame, type IndicatorCoreProps, type IndicatorDirection, type IndicatorLifecycleState, type IndicatorStatus, type IndicatorVolumeLevel, type InferCueValue, type InferSchemaOutput, type InferTextTrackCue, type InputAction, type InputActionEvent, type InputActionSource, type InputIndicatorLabels, LiveButtonElement, type LiveButtonProps, type LiveButtonState, type Locale, MEDIA_CONTEXT_KEY, MediaAttachMixin, type MediaAudioRenditionCapability, type MediaAudioTrack, type MediaAudioTrackCapability, type MediaAudioTrackState, type MediaAutoplayCapability, type MediaBufferCapability, type MediaBufferEvents, type MediaBufferState, type MediaButtonComponent, MediaButtonElement, type MediaContentData, type MediaContentDataCapability, type MediaContentDataEvents, type MediaContentValue, MediaContext, MediaContextValue, type MediaControlsCapability, type MediaControlsState, type MediaCrossOriginType, MediaError, type MediaErrorCapability, type MediaErrorEvents, type MediaErrorState, type MediaEvents, type MediaFullscreenCapability, type MediaFullscreenState, I18nProviderElement as MediaI18nProviderElement, type MediaLiveCapability, type MediaLiveEvents, type MediaLiveState, type MediaMetadataState, type MediaPauseCapability, type MediaPauseEvents, type MediaPictureInPictureCapability, type MediaPictureInPictureEvents, type MediaPictureInPictureState, type MediaPlaybackCapability, type MediaPlaybackEvents, type MediaPlaybackRateCapability, type MediaPlaybackRateEvents, type MediaPlaybackRateState, type MediaPlaybackState, type MediaPlayedCapability, type MediaPlaysInlineCapability, type MediaPosterCapability, type MediaPreloadType, type MediaQualityState, type MediaReadyStateValue, type MediaRemotePlaybackCapability, type MediaRemotePlaybackState, type MediaResolution, type MediaSeekCapability, type MediaSeekEvents, type MediaSnapshot, type MediaSourceCapability, type MediaSourceEvents, type MediaSourceState, type MediaStreamType, type MediaStreamTypeCapability, type MediaStreamTypeEvents, type MediaStreamTypeState, type MediaTargetLike, type MediaTextCue, type MediaTextCuesState, TextElement as MediaTextElement, type MediaTextTrack, type MediaTextTrackCapability, type MediaTextTrackState, type MediaThumbnailsTrack, type MediaTimeState, type MediaTrackCues, type MediaUIComponent, MediaUIElement, type MediaVideoDimensionsCapability, type MediaVideoDimensionsEvents, type MediaVideoRendition, type MediaVideoRenditionCapability, type MediaVideoTrackCapability, type MediaVolumeCapability, type MediaVolumeEvents, type MediaVolumeState, MenuCheckboxItemElement, MenuContentElement, type MenuContextValue, MenuElement, type MenuGroupContextValue, MenuGroupElement, MenuGroupLabelElement, type MenuInput, MenuItemElement, MenuItemIndicatorElement, type MenuOptionState, type MenuProps, type RadioGroupContextValue as MenuRadioGroupContextValue, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, type MenuState, MuteButtonElement, type MuteButtonProps, type MuteButtonState, type NodeListLike, PLAYER_CONTEXT_KEY, type PartContextValue, PiPButtonElement, type PiPButtonProps, type PiPButtonState, PlayButtonElement, type PlayButtonProps, type PlayButtonState, PlaybackRateButtonElement, type PlaybackRateButtonProps, type PlaybackRateButtonState, PlaybackRateRadioGroupElement, type PlaybackRateRadioGroupOption, type PlaybackRateRadioGroupProps, type PlaybackRateRadioGroupState, PlayerContext, PlayerContextValue, PlayerController, type PlayerControllerHost, PlayerElement, PlayerElementConstructor, type PopoverAlign, type PopoverBoundary, PopoverElement, type PopoverProps, type PopoverSide, type PopoverState, PosterElement, type PosterState, type PropertyDeclaration, type PropertyDeclarationMap, type PropertyValues, QualityRadioGroupElement, type QualityRadioGroupOption, type QualityRadioGroupProps, type QualityRadioGroupState, type RadioOption, type RadioOptionsState, type ReactiveController, type ReactiveControllerHost, ReactiveElement, type RemotePlaybackConnectionState, type RemotePlaybackEvents, type RemotePlaybackLike, type SeekButtonDirection, SeekButtonElement, type SeekButtonProps, type SeekButtonState, SeekIndicatorElement, type SeekIndicatorProps, type SeekIndicatorState, SeekIndicatorValueElement, type Selector, SliderBufferElement, type SliderContextValue, SliderElement, type SliderEventMap, SliderFillElement, SliderPreviewElement, type SliderPreviewProps, type SliderProps, type SliderSegmentGeometry, type SliderSegmentRange, type SliderSegmentState, type SliderState, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, type SliderValueEventDetail, type StandardSchemaV1, type StandardSchemaV1Props, type StandardSchemaV1Result, StatusAnnouncerElement, type StatusAnnouncerLabels, type StatusAnnouncerProps, type StatusAnnouncerState, type StatusDetails, StatusIndicatorElement, type StatusIndicatorProps, type StatusIndicatorState, StatusIndicatorValueElement, type Text, type TextCueFormat, type TextCueFormatResult, type TextCueInit, type TextCueLike, type TextCueListLike, type TextCuesSource, type TextParams, type TextTrackContent, type TextTrackCueLike, type TextTrackDefinition, type TextTrackFilter, type TextTrackHandle, type TextTrackIdentity, type TextTrackInit, type TextTrackKind, type TextTrackLike, type TextTrackListEvents, type TextTrackListLike, type TextTrackMode, type TextTrackSource, type TextTracksSource, type ThumbnailCoords, type ThumbnailCrossOrigin, ThumbnailElement, type ThumbnailFetchPriority, type ThumbnailImage, type ThumbnailImageProps, type ThumbnailLoading, type ThumbnailProps, type ThumbnailState, TimeElement, TimeGroupElement, type TimeProps, type TimeRangeLike, TimeSeparatorElement, type TimeSliderChapterRange, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, type TimeSliderMarkerRange, TimeSliderMarkersElement, type TimeSliderProps, type TimeSliderState, type TimeState, type TimeType, TitleElement, type TitleState, TooltipElement, TooltipGroupElement, type TooltipGroupProps, TooltipLabelElement, type TooltipProps, TooltipShortcutElement, type TooltipState, type TransitionFlags, type TransitionState, type TransitionStatus, type TranslationKey, type TranslationOptions, type TranslationParams, type Translations, type Translator, type UIComponent, UIElement, UIElementConstructor, VERSION, type VTTCueLike, type Video, type VideoEvents, type VideoRenditionLike, type VideoRenditionListLike, type VideoTargetLike, type VideoTrackLike, type VideoTrackListLike, VolumeIndicatorElement, VolumeIndicatorFillElement, type VolumeIndicatorProps, type VolumeIndicatorState, VolumeIndicatorValueElement, type VolumeLevel, VolumePopoverElement, type VolumePopoverState, VolumeSliderElement, type VolumeSliderProps, type VolumeSliderState, type WithMediaTracks, appleHlsChapters, chaptersTrack, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, defineTextTrack, dialogContext, extensionContext, findLocaleKeys, getActiveTextCues, getI18nTranslations, getTextCues, getTextTracks, hasMetadata, hasRegisteredLocale, hlsMetadataTrack, i18nContext, index_d_exports, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, jsonLdChapters, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, podcastChapters, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
 //# sourceMappingURL=index.d.ts.map

package/dist/dev/index.js

@@ -81,6 +81,7 @@ import { TimeSeparatorElement } from "./ui/time/separator.js";
 import { TimeSliderChapterTitleElement } from "./ui/time-slider/chapter-title.js";
 import { TimeSliderChaptersElement } from "./ui/time-slider/chapters.js";
 import { TimeSliderElement } from "./ui/time-slider/element.js";
+import { TimeSliderMarkersElement } from "./ui/time-slider/markers.js";
 import { TitleElement } from "./ui/title/element.js";
 import { tooltipGroupContext } from "./ui/tooltip/context.js";
 import { TooltipLabelElement } from "./ui/tooltip/label.js";
@@ -93,9 +94,10 @@ import { VolumeIndicatorValueElement } from "./ui/volume-indicator/value.js";
 import { VolumePopoverElement } from "./ui/volume-popover/element.js";
 import { VolumeSliderElement } from "./ui/volume-slider/element.js";
 import { VERSION } from "./version.js";
+import { appleHlsChapters, chaptersTrack, defineTextTrack, getActiveTextCues, getTextCues, getTextTracks, hlsMetadataTrack, jsonLdChapters, podcastChapters } from "@videojs/core";
 import { DestroyMixin, ReactiveElement } from "@videojs/element";
 import { MediaError, hasMetadata, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, resolveAdapterType, resolveMimeType } from "@videojs/media";
 import { createSelector, shallowEqual } from "@videojs/store";
 export * from "@videojs/core/dom";
 export * from "@videojs/media/dom";
-export { AirPlayButtonElement, AlertDialogElement, AriaKeyShortcutsController, AudioTrackRadioGroupElement, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CaptionsRadioGroupElement, CastButtonElement, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, DEFAULT_SEEK_STEP, DestroyMixin, DialogBackdropElement, DialogCloseElement, DialogDescriptionElement, DialogElement, DialogPopupElement, DialogTitleElement, EXTENSION_CONTEXT_KEY, ErrorDialogElement, FullscreenButtonElement, GestureElement, HotkeyElement, I18nController, I18nProviderMixin, I18nTextMixin, LiveButtonElement, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaError, I18nProviderElement as MediaI18nProviderElement, TextElement as MediaTextElement, MediaUIElement, MenuCheckboxItemElement, MenuContentElement, MenuElement, MenuGroupElement, MenuGroupLabelElement, MenuItemElement, MenuItemIndicatorElement, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MuteButtonElement, PLAYER_CONTEXT_KEY, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlaybackRateRadioGroupElement, PlayerController, PopoverElement, PosterElement, QualityRadioGroupElement, ReactiveElement, SeekButtonElement, SeekIndicatorElement, SeekIndicatorValueElement, SliderBufferElement, SliderElement, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, StatusAnnouncerElement, StatusIndicatorElement, StatusIndicatorValueElement, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TitleElement, TooltipElement, TooltipGroupElement, TooltipLabelElement, TooltipShortcutElement, UIElement, VERSION, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorValueElement, VolumePopoverElement, VolumeSliderElement, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, dialogContext, extensionContext, findLocaleKeys, getI18nTranslations, hasMetadata, hasRegisteredLocale, i18nContext, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };
+export { AirPlayButtonElement, AlertDialogElement, AriaKeyShortcutsController, AudioTrackRadioGroupElement, BufferingIndicatorElement, CONTAINER_CONTEXT_KEY, CaptionsButtonElement, CaptionsRadioGroupElement, CastButtonElement, ContainerElement, ContextPartElement, ControlsBackdropElement, ControlsContentElement, ControlsElement, ControlsGroupElement, DEFAULT_SEEK_STEP, DestroyMixin, DialogBackdropElement, DialogCloseElement, DialogDescriptionElement, DialogElement, DialogPopupElement, DialogTitleElement, EXTENSION_CONTEXT_KEY, ErrorDialogElement, FullscreenButtonElement, GestureElement, HotkeyElement, I18nController, I18nProviderMixin, I18nTextMixin, LiveButtonElement, MEDIA_CONTEXT_KEY, MediaAttachMixin, MediaButtonElement, MediaError, I18nProviderElement as MediaI18nProviderElement, TextElement as MediaTextElement, MediaUIElement, MenuCheckboxItemElement, MenuContentElement, MenuElement, MenuGroupElement, MenuGroupLabelElement, MenuItemElement, MenuItemIndicatorElement, MenuRadioGroupElement, MenuRadioItemElement, MenuSeparatorElement, MuteButtonElement, PLAYER_CONTEXT_KEY, PiPButtonElement, PlayButtonElement, PlaybackRateButtonElement, PlaybackRateRadioGroupElement, PlayerController, PopoverElement, PosterElement, QualityRadioGroupElement, ReactiveElement, SeekButtonElement, SeekIndicatorElement, SeekIndicatorValueElement, SliderBufferElement, SliderElement, SliderFillElement, SliderPreviewElement, SliderThumbElement, SliderThumbnailElement, SliderTrackElement, SliderValueElement, StatusAnnouncerElement, StatusIndicatorElement, StatusIndicatorValueElement, ThumbnailElement, TimeElement, TimeGroupElement, TimeSeparatorElement, TimeSliderChapterTitleElement, TimeSliderChaptersElement, TimeSliderElement, TimeSliderMarkersElement, TitleElement, TooltipElement, TooltipGroupElement, TooltipLabelElement, TooltipShortcutElement, UIElement, VERSION, VolumeIndicatorElement, VolumeIndicatorFillElement, VolumeIndicatorValueElement, VolumePopoverElement, VolumeSliderElement, appleHlsChapters, chaptersTrack, containerContext, createI18n, createMediaAttachMixin, createPlayer, createSelector, createTranslator, defineTextTrack, dialogContext, extensionContext, findLocaleKeys, getActiveTextCues, getI18nTranslations, getTextCues, getTextTracks, hasMetadata, hasRegisteredLocale, hlsMetadataTrack, i18nContext, isMediaAudioTrackCapable, isMediaBufferCapable, isMediaErrorCapable, isMediaLiveCapable, isMediaPauseCapable, isMediaPlaybackRateCapable, isMediaRemotePlaybackCapable, isMediaSeekCapable, isMediaSourceCapable, isMediaStreamTypeCapable, isMediaTextTrackCapable, isMediaVideoDimensionsCapable, isMediaVideoRenditionCapable, isMediaVolumeCapable, isQuerySelectorAllCapable, jsonLdChapters, mediaContext, menuContext, menuGroupContext, radioGroupContext as menuRadioGroupContext, onI18nRegistryChange, playerContext, podcastChapters, registerI18n, resolveAdapterType, resolveMimeType, resolvePlayerLocale, resolveProviderLocale, shallowEqual, sliderContext, tooltipGroupContext, translateText };

package/dist/dev/internal/skins/compat-audio/skin.css

@@ -929,6 +929,10 @@
     inset: 0;
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-backdrop:not([data-started]) {
+    visibility: var(--media-controls-before-start, hidden);
+  }
+
   :where(:where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-buffering):not([data-visible]) .video-controls-backdrop:not([data-visible]) {
     display: none;
   }
@@ -997,7 +1001,7 @@
     transition-duration: .15s;
     transition-duration: var(--media-duration-instant);
     transition-timing-function: cubic-bezier(0, 0, .2, 1);
-    display: none;
+    display: flex;
     position: absolute;
     top: 50%;
     left: 50%;
@@ -1043,24 +1047,18 @@
     }
   }
 
-  @container media-root (width >= 22.5rem) {
-    :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-center {
-      display: flex;
-    }
-  }
-
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-center-button {
     background-color: #0006 !important;
   }
 
   @media (hover: hover) {
     :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-center-button:hover {
-      background-color: #000000d9 !important;
+      background-color: #0009 !important;
     }
   }
 
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-center-button:focus-visible, :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-center-button[aria-expanded="true"] {
-    background-color: #000000d9 !important;
+    background-color: #0009 !important;
   }
 
   @media (forced-colors: active) {
@@ -1100,11 +1098,25 @@
     height: calc(var(--media-spacing) * 14.5) !important;
   }
 
+  @container media-root (width < 22.5rem) {
+    :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-center-play {
+      width: calc(var(--media-spacing) * 10) !important;
+      height: calc(var(--media-spacing) * 10) !important;
+    }
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-center-play-icon {
     width: calc(var(--media-spacing) * 7) !important;
     height: calc(var(--media-spacing) * 7) !important;
   }
 
+  @container media-root (width < 22.5rem) {
+    :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-center-play-icon {
+      width: calc(var(--media-spacing) * 5) !important;
+      height: calc(var(--media-spacing) * 5) !important;
+    }
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-content {
     pointer-events: none;
     z-index: 30;
@@ -1151,6 +1163,10 @@
     position: absolute;
   }
 
+  :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-top:not([data-started]) {
+    visibility: var(--media-controls-before-start, hidden);
+  }
+
   :where(:where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-content):not([data-visible]) .video-controls-top {
     pointer-events: none;
     opacity: 0;
@@ -1205,6 +1221,16 @@
     }
   }
 
+  @container not style(--media-controls-before-start: visible) {
+    :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-top:not([data-started]) {
+      opacity: 0;
+    }
+  }
+
+  :where(:where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-content):not([data-started]) .video-controls-video-bottom {
+    visibility: var(--media-controls-before-start, hidden);
+  }
+
   @media (forced-colors: active) {
     :where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-video-bottom {
       padding-inline: calc(var(--media-spacing) * 2);
@@ -1215,6 +1241,12 @@
     }
   }
 
+  @container not style(--media-controls-before-start: visible) {
+    :where(:where(.media-skin[data-theme="compat"][data-preset="audio"]) .video-controls-content):not([data-started]) .video-controls-video-bottom {
+      opacity: 0;
+    }
+  }
+
   :where(.media-skin[data-theme="compat"][data-preset="audio"]) .media-time-current-value {
     display: none;
   }
@@ -1609,29 +1641,29 @@
 
 @layer base.theme {
   .media-skin {
-    --media-background: oklch(0% 0 0);
-    --media-foreground: oklch(100% 0 0);
-    --media-controls: oklch(0% 0 0 / .35);
+    --media-background: #000;
+    --media-foreground: #fff;
+    --media-controls: #00000059;
     --media-controls-foreground: var(--media-foreground);
-    --media-popover: oklch(100% 0 0 / .1);
+    --media-popover: #ffffff1a;
     --media-popover-foreground: var(--media-foreground);
     --media-primary: var(--media-accent-color, var(--media-default-accent-color));
     --media-primary-foreground: var(--media-accent-text-color, var(--media-default-accent-text-color));
-    --media-accent: var(--media-accent-color, color-mix(in oklab, var(--media-default-accent-color) 10%, transparent));
+    --media-accent: var(--media-accent-color, #ffffff1a);
     --media-accent-foreground: var(--media-accent-text-color, currentColor);
-    --media-muted: oklch(100% 0 0 / .15);
-    --media-muted-foreground: color-mix(in oklab, var(--media-foreground) 65%, transparent);
-    --media-border: oklch(0% 0 0 / .1);
-    --media-ring: oklch(100% 0 0);
-    --media-backdrop: oklch(0% 0 0);
-    --media-live-color: oklch(65% .22 27);
-    --media-shadow-surface: 0 1px 3px 0 oklch(0% 0 0 / .15), 0 1px 2px -1px oklch(0% 0 0 / .15);
+    --media-muted: #ffffff26;
+    --media-muted-foreground: #ffffffa6;
+    --media-border: #0000001a;
+    --media-ring: #fff;
+    --media-backdrop: #000;
+    --media-live-color: #f9423d;
+    --media-shadow-surface: 0 1px 3px 0 #00000026, 0 1px 2px -1px #00000026;
     --media-shadow-surface-inset: inset 0 1px 0 0 #ffffff1a, inset 0 0 0 1px #ffffff0d;
     --media-shadow-thumb: 0 0 0 1px #0000001a, 0 1px 3px 0 #00000059, 0 1px 2px -1px #00000059;
     --media-shadow-tooltip: 0 0 0 1px var(--media-border), var(--media-shadow-surface);
-    --media-shadow-separator: 0 1px 0 0 oklch(100% 0 0 / .075);
+    --media-shadow-separator: 0 1px 0 0 #ffffff13;
     --media-shadow-current-color: oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .15));
-    --media-shadow-subtle-current-color: color-mix(in oklab, var(--media-shadow-current-color) 40%, transparent);
+    --media-shadow-subtle-current-color: transparent;
     --media-text-shadow-dialog: 0 1px 0 #00000040;
     --media-backdrop-filter-surface: blur(16px) saturate(125%);
     --media-backdrop-filter-indicator: blur(8px);
@@ -1640,8 +1672,8 @@
     --media-control-radius: 99px;
     --media-control-size: calc(var(--media-spacing) * 9);
     --media-controls-radius: var(--media-control-radius);
-    --media-default-accent-color: oklch(100% 0 0);
-    --media-default-accent-text-color: oklch(0% 0 0);
+    --media-default-accent-color: #fff;
+    --media-default-accent-text-color: #000;
     --media-duration-instant: 50ms;
     --media-duration-fast: .1s;
     --media-duration: .15s;
@@ -1678,16 +1710,31 @@
     --media-slider-preview-label-offset: calc(var(--media-spacing) * 10.5);
     --media-video-border-radius: var(--media-border-radius, 28px);
     --media-scale: 1;
-    --media-scrollbar-thumb-color: color-mix(in oklab, currentColor 30%, transparent);
+    --media-scrollbar-thumb-color: #80808080;
     --media-spacing: calc(var(--media-scale-unit, 16px) * var(--media-scale) / 4);
     scrollbar-color: var(--media-scrollbar-thumb-color) transparent;
     scrollbar-width: thin;
   }
 
+  @supports (color: color-mix(in oklab, red, red)) {
+    .media-skin {
+      --media-accent: var(--media-accent-color, color-mix(in oklab, var(--media-default-accent-color) 10%, transparent));
+      --media-muted-foreground: color-mix(in oklab, var(--media-foreground) 65%, transparent);
+      --media-shadow-subtle-current-color: color-mix(in oklab, var(--media-shadow-current-color) 40%, transparent);
+      --media-scrollbar-thumb-color: color-mix(in oklab, currentColor 30%, transparent);
+    }
+  }
+
+  @supports (color: oklch(0 0 0)) {
+    .media-skin {
+      --media-live-color: oklch(65% .22 27);
+    }
+  }
+
   @supports (color: contrast-color(red)) {
     .media-skin {
       --media-primary-foreground: var(--media-accent-text-color, contrast-color(var(--media-primary)));
-      --media-accent-foreground: var(--media-accent-text-color, contrast-color(var(--media-accent-color, var(--media-internal-accent-text-fallback, oklch(0% 0 0)))));
+      --media-accent-foreground: var(--media-accent-text-color, contrast-color(var(--media-accent-color, var(--media-internal-accent-text-fallback, #000))));
     }
   }
 
@@ -1734,20 +1781,20 @@
 
 @layer base.preset {
   .media-skin:is([data-preset="audio"], [data-preset="live-audio"]) {
-    --media-background: oklch(100% 0 0);
-    --media-foreground: oklch(0% 0 0);
-    --media-controls: oklch(100% 0 0 / .5);
+    --media-background: #fff;
+    --media-foreground: #000;
+    --media-controls: #ffffff80;
     --media-controls-foreground: var(--media-foreground);
     --media-popover: var(--media-controls);
     --media-popover-foreground: var(--media-foreground);
-    --media-muted: oklch(0% 0 0 / .1);
-    --media-surface-border: oklch(0% 0 0 / .05);
+    --media-muted: #0000001a;
+    --media-surface-border: #0000000d;
     --media-primary: var(--media-accent-color, var(--media-foreground));
-    --media-border: oklch(0% 0 0 / .1);
+    --media-border: #0000001a;
     --media-ring: var(--media-foreground);
-    --media-default-accent-color: oklch(0% 0 0);
-    --media-default-accent-text-color: oklch(100% 0 0);
-    --media-internal-accent-text-fallback: oklch(100% 0 0);
+    --media-default-accent-color: #000;
+    --media-default-accent-text-color: #fff;
+    --media-internal-accent-text-fallback: #fff;
     --media-popover-boundary-offset: calc(var(--media-spacing) * 2);
     --media-popover-side-offset: calc(var(--media-spacing) * 3);
     --media-slider-preview-label-offset: calc(var(--media-spacing) * 10);
@@ -1776,7 +1823,7 @@
   @media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
     .media-skin:is([data-preset="audio"], [data-preset="live-audio"]) {
       --media-controls: var(--media-background);
-      --media-surface-border: oklch(0% 0 0 / .05);
+      --media-surface-border: #0000000d;
     }
 
     @supports (color: light-dark(red, red)) {
@@ -1944,7 +1991,7 @@
   @media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
     .media-skin {
       --media-popover: var(--media-background);
-      --media-scrollbar-thumb-color: color-mix(in oklab, currentColor 80%, transparent);
+      --media-scrollbar-thumb-color: currentColor;
       --media-backdrop-filter-surface: none;
       --media-backdrop-filter-indicator: none;
       --media-backdrop-filter-dialog: none;
@@ -1952,6 +1999,12 @@
       scrollbar-width: auto;
     }
 
+    @supports (color: color-mix(in oklab, red, red)) {
+      .media-skin {
+        --media-scrollbar-thumb-color: color-mix(in oklab, currentColor 80%, transparent);
+      }
+    }
+
     @supports (color: oklch(from currentColor l c h)) {
       .media-skin {
         --media-scrollbar-thumb-color: oklch(from currentColor l c h / .8);