@vime/core - npm Package Compare versions

Comparing version 4.5.0 to 4.6.0

CHANGELOG.md

@@ -6,2 +6,18 @@ # Change Log
 
+# [4.6.0](https://github.com/vime-js/vime/compare/v4.5.0...v4.6.0) (2020-11-10)
+
+
+### Bug Fixes
+
+* **ui/settings:** root settings menu dissapears during exit transition ([97dc4f9](https://github.com/vime-js/vime/commit/97dc4f9691232df822402062363115c07600f463))
+
+
+### Features
+
+* **providers/file:** allow multiple static file qualities to be used ([589f05b](https://github.com/vime-js/vime/commit/589f05be1cffedda82c775a7cb784223556a4000)), closes [#86](https://github.com/vime-js/vime/issues/86)
+
+
+
+
+
 # [4.5.0](https://github.com/vime-js/vime/compare/v4.4.0...v4.5.0) (2020-11-10)
@@ -8,0 +24,0 @@

dist/cjs/loader.cjs.js

@@ -17,3 +17,3 @@ 'use strict';
   return patchEsm().then(() => {
-  return index.bootstrapLazy(JSON.parse("[[\"vime-embed.cjs\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-slider.cjs\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-file_2.cjs\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"noConnect\":[4,\"no-connect\"],\"getAdapter\":[64]}]]],[\"vime-control_3.cjs\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1]}]]],[\"vime-menu_2.cjs\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-current-time_4.cjs\",[[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-caption-control_27.cjs\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"theme\":[1],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"pin\":[513],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-dbl-click-fullscreen\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"currentTime\":[2,\"current-time\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-skeleton\",{\"effect\":[1],\"ready\":[4],\"hidden\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"currentProvider\":[1,\"current-provider\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}],[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"pin\":[513],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}]]],[\"vime-audio_8.cjs\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noDblClickFullscreen\":[4,\"no-dbl-click-fullscreen\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"],\"noSkeleton\":[4,\"no-skeleton\"]}],[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"]]],[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"],[0,\"vSrcSetChange\",\"onSrcChange\"]]],[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"poster\":[1],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"noAutoAspectRatio\":[4,\"no-auto-aspect-ratio\"],\"poster\":[1],\"language\":[1],\"aspectRatio\":[1,\"aspect-ratio\"],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"poster\":[1],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[4,\"vime-player\",{\"attached\":[1028],\"logger\":[16],\"theme\":[1],\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentProvider\":[1025,\"current-provider\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"shouldCheckForProviderChange\":[32],\"getProvider\":[64],\"setProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisibility\":[64]},[[0,\"vMediaProviderConnect\",\"onMediaProviderConnect\"],[0,\"vMediaProviderDisconnect\",\"onMediaProviderDisconnect\"],[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"],[0,\"vProviderChange\",\"onProviderChange\"]]]]],[\"vime-playground.cjs\",[[0,\"vime-playground\",{\"provider\":[1025],\"src\":[1025],\"showCustomUI\":[1028,\"show-custom-u-i\"],\"theme\":[1025],\"poster\":[1025]}]]],[\"vime-faketube.cjs\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchChange\":[64]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"vime-embed.cjs\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-slider.cjs\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-file_2.cjs\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"noConnect\":[4,\"no-connect\"],\"paused\":[4],\"currentTime\":[2,\"current-time\"],\"playbackStarted\":[4,\"playback-started\"],\"getAdapter\":[64]}]]],[\"vime-control_3.cjs\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1]}]]],[\"vime-menu_2.cjs\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-current-time_4.cjs\",[[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-caption-control_27.cjs\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"theme\":[1],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"pin\":[513],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-dbl-click-fullscreen\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"currentTime\":[2,\"current-time\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-skeleton\",{\"effect\":[1],\"ready\":[4],\"hidden\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"currentProvider\":[1,\"current-provider\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}],[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"pin\":[513],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}]]],[\"vime-audio_8.cjs\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noDblClickFullscreen\":[4,\"no-dbl-click-fullscreen\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"],\"noSkeleton\":[4,\"no-skeleton\"]}],[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"]]],[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"],[0,\"vSrcSetChange\",\"onSrcChange\"]]],[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"poster\":[1],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"noAutoAspectRatio\":[4,\"no-auto-aspect-ratio\"],\"poster\":[1],\"language\":[1],\"aspectRatio\":[1,\"aspect-ratio\"],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"poster\":[1],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[4,\"vime-player\",{\"attached\":[1028],\"logger\":[16],\"theme\":[513],\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentProvider\":[1025,\"current-provider\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"shouldCheckForProviderChange\":[32],\"getProvider\":[64],\"setProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisibility\":[64]},[[0,\"vMediaProviderConnect\",\"onMediaProviderConnect\"],[0,\"vMediaProviderDisconnect\",\"onMediaProviderDisconnect\"],[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"],[0,\"vProviderChange\",\"onProviderChange\"]]]]],[\"vime-playground.cjs\",[[0,\"vime-playground\",{\"provider\":[1025],\"src\":[1025],\"showCustomUI\":[1028,\"show-custom-u-i\"],\"theme\":[1025],\"poster\":[1025]}]]],[\"vime-faketube.cjs\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchChange\":[64]}]]]]"), options);
   });
@@ -20,0 +20,0 @@ };

dist/cjs/vime-embed.cjs.entry.js

@@ -9,3 +9,3 @@ 'use strict';
 const network = require('./network-7d352591.js');
-const LazyLoader = require('./LazyLoader-843c4a8e.js');
+const LazyLoader = require('./LazyLoader-e41cc986.js');
 
@@ -65,3 +65,8 @@ const embedCss = "vime-embed>iframe{position:absolute;top:0;left:0;border:0;width:100%;height:100%;user-select:none;z-index:var(--vm-media-z-index)}";
   connectedCallback() {
-    this.lazyLoader = new LazyLoader.LazyLoader(this.el);
+    this.lazyLoader = new LazyLoader.LazyLoader(this.el, ['data-src'], (el) => {
+      const src = el.getAttribute('data-src');
+      el.removeAttribute('src');
+      if (!dom.isNull(src))
+        el.setAttribute('src', src);
+    });
     this.srcChange();
@@ -68,0 +73,0 @@ this.genIframeId();

dist/cjs/vime-faketube.cjs.entry.js

@@ -8,3 +8,3 @@ 'use strict';
 const PlayerContext = require('./PlayerContext-14c5c012.js');
-const ProviderDispatcher = require('./ProviderDispatcher-305fa230.js');
+const ProviderDispatcher = require('./ProviderDispatcher-797dd0b2.js');
 
@@ -11,0 +11,0 @@ const faketubeCss = "vime-faketube{display:block;width:100%;height:auto}";

dist/cjs/vime-file_2.cjs.entry.js

@@ -7,9 +7,10 @@ 'use strict';
 const dom = require('./dom-4b0c36e3.js');
+const PlayerDispatcher = require('./PlayerDispatcher-4f3d4f9d.js');
 const PlayerContext = require('./PlayerContext-14c5c012.js');
 const MediaType = require('./MediaType-8f5423d4.js');
 const support = require('./support-578168e8.js');
-const ProviderDispatcher = require('./ProviderDispatcher-305fa230.js');
+const ProviderDispatcher = require('./ProviderDispatcher-797dd0b2.js');
 const utils = require('./utils-b8b7354f.js');
 const Disposal = require('./Disposal-f736adf6.js');
-const LazyLoader = require('./LazyLoader-843c4a8e.js');
+const LazyLoader = require('./LazyLoader-e41cc986.js');
 
@@ -25,5 +26,5 @@ const fileCss = "vime-file audio,vime-file video{border-radius:inherit;vertical-align:middle;width:100%;outline:0}vime-file video{position:absolute;top:0;left:0;border:0;height:100%;user-select:none}";
     this.disposal = new Disposal.Disposal();
-    this.playbackStarted = false;
     this.wasPausedBeforeSeeking = true;
     this.currentSrcSet = [];
+    this.mediaQueryDisposal = new Disposal.Disposal();
     /**
@@ -69,5 +70,17 @@ * @internal Whether an external SDK will attach itself to the media player and control it.
     this.noConnect = false;
+    /**
+     * @internal
+     */
+    this.paused = true;
+    /**
+     * @internal
+     */
+    this.currentTime = 0;
+    /**
+     * @internal
+     */
+    this.playbackStarted = false;
     if (!this.noConnect)
       ProviderDispatcher.withProviderConnect(this);
-    ProviderDispatcher.withProviderContext(this);
+    ProviderDispatcher.withProviderContext(this, ['playbackStarted', 'currentTime', 'paused']);
   }
@@ -102,11 +115,40 @@ onMediaTitleChange() {
     var _a;
+    this.mediaQueryDisposal.empty();
     this.cancelTimeUpdates();
     this.disposal.empty();
     (_a = this.lazyLoader) === null || _a === void 0 ? void 0 : _a.destroy();
-    this.playbackStarted = false;
     this.wasPausedBeforeSeeking = true;
   }
   initLazyLoader() {
-    this.lazyLoader = new LazyLoader.LazyLoader(this.el, this.didSrcSetChange.bind(this));
+    this.lazyLoader = new LazyLoader.LazyLoader(this.el, ['data-src', 'data-poster'], () => {
+      if (dom.isNullOrUndefined(this.mediaEl))
+        return;
+      const poster = this.mediaEl.getAttribute('data-poster');
+      if (!dom.isNull(poster))
+        this.mediaEl.setAttribute('poster', poster);
+      this.refresh();
+      this.didSrcSetChange();
+    });
   }
+  refresh() {
+    if (dom.isNullOrUndefined(this.mediaEl))
+      return;
+    const { children } = this.mediaEl;
+    for (let i = 0; i <= children.length - 1; i += 1) {
+      const child = children[i];
+      const src = child.getAttribute('data-src') || child.getAttribute('src') || child.getAttribute('data-vs');
+      child.removeAttribute('src');
+      if (dom.isNull(src))
+        continue;
+      child.setAttribute('data-vs', src);
+      if (!dom.isNull(child.getAttribute('data-quality'))) {
+        const quality = child.getAttribute('data-quality');
+        if (quality !== this.playbackQuality) {
+          child.removeAttribute('src');
+          continue;
+        }
+      }
+      child.setAttribute('src', src);
+    }
+  }
   didSrcSetChange() {
@@ -116,16 +158,71 @@ if (dom.isNullOrUndefined(this.mediaEl))
     const sources = Array.from(this.mediaEl.querySelectorAll('source'));
-    const srcSet = sources.map((source) => source.src);
+    const srcSet = sources.map((source) => {
+      var _a, _b;
+      return ({
+        src: source.getAttribute('data-vs'),
+        quality: (_a = source.getAttribute('data-quality')) !== null && _a !== void 0 ? _a : undefined,
+        media: (_b = source.getAttribute('data-media')) !== null && _b !== void 0 ? _b : undefined,
+        ref: source,
+      });
+    });
     const didChange = (this.currentSrcSet.length !== srcSet.length)
-      || (srcSet.some((src, i) => this.currentSrcSet[i] !== src));
+      || (srcSet.some((resource, i) => ((this.currentSrcSet[i].src !== resource.src)
+        || (this.currentSrcSet[i].quality !== resource.quality))));
     if (didChange) {
-      this.onSrcChange();
       this.currentSrcSet = srcSet;
+      this.onSrcSetChange();
     }
   }
-  onSrcChange() {
+  onSrcSetChange() {
     var _a;
+    this.mediaQueryDisposal.empty();
     this.vLoadStart.emit();
-    this.vSrcSetChange.emit();
+    this.vSrcSetChange.emit(this.currentSrcSet);
+    if (this.hasPlaybackQualities()) {
+      this.dispatch('playbackQualities', this.getPlaybackQualities());
+      this.pickInitialPlaybackQuality();
+      this.refresh();
+    }
     (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.load();
   }
+  hasPlaybackQualities() {
+    return this.currentSrcSet.every((resource) => !!resource.quality);
+  }
+  getPlaybackQualities() {
+    if (!this.hasPlaybackQualities())
+      return [];
+    return this.currentSrcSet.map((resource) => resource.quality);
+  }
+  pickInitialPlaybackQuality() {
+    if (!dom.isUndefined(this.playbackQuality))
+      return;
+    const getQualityValue = (resource) => { var _a, _b; return Number((_b = (_a = resource.quality) === null || _a === void 0 ? void 0 : _a.slice(0, -1)) !== null && _b !== void 0 ? _b : 0); };
+    const sortMediaResource = (a, b) => getQualityValue(a) - getQualityValue(b);
+    // Try to find best quality based on media queries.
+    let mediaResource = this.currentSrcSet
+      .filter((resource) => {
+      if (!dom.isString(resource.media))
+        return false;
+      const query = window.matchMedia(resource.media);
+      const dispatch = PlayerDispatcher.createDispatcher(this);
+      this.mediaQueryDisposal.add(dom.listen(query, 'change', (e) => {
+        if (e.matches)
+          dispatch('playbackQuality', resource.quality);
+      }));
+      return query.matches;
+    })
+      .sort(sortMediaResource)
+      .pop();
+    // Otherwise pick best quality based on window width.
+    if (dom.isUndefined(mediaResource)) {
+      mediaResource = this.currentSrcSet
+        .find((resource) => getQualityValue(resource) > window.innerWidth);
+    }
+    // Otehrwise pick best quality.
+    if (dom.isUndefined(mediaResource)) {
+      mediaResource = this.currentSrcSet.sort(sortMediaResource).pop();
+    }
+    this.playbackQuality = mediaResource === null || mediaResource === void 0 ? void 0 : mediaResource.quality;
+    this.dispatch('playbackQuality', mediaResource === null || mediaResource === void 0 ? void 0 : mediaResource.quality);
+  }
   hasCustomPoster() {
@@ -154,8 +251,17 @@ const root = PlayerContext.findRootPlayer(this);
   onLoadedMetadata() {
-    this.dispatch('currentPoster', this.poster);
-    this.dispatch('duration', this.mediaEl.duration);
-    this.dispatch('playbackRates', this.playbackRates);
-    this.onProgress();
     this.onTracksChange();
-    this.didSrcSetChange();
+    // Reset player state on quality change.
+    if (this.playbackStarted) {
+      this.mediaEl.muted = this.muted;
+      if (this.currentTime > 0)
+        this.mediaEl.currentTime = this.currentTime;
+      if (!this.paused)
+        this.mediaEl.play();
+    }
+    else {
+      this.onProgress();
+      this.dispatch('currentPoster', this.poster);
+      this.dispatch('duration', this.mediaEl.duration);
+      this.dispatch('playbackRates', this.playbackRates);
+    }
     if (!this.willAttach) {
@@ -175,6 +281,4 @@ this.dispatch('currentSrc', this.mediaEl.currentSrc);
     this.dispatch('paused', false);
-    if (!this.playbackStarted) {
-      this.playbackStarted = true;
+    if (!this.playbackStarted)
       this.dispatch('playbackStarted', true);
-    }
   }
@@ -309,2 +413,11 @@ onPause() {
       },
+      canSetPlaybackQuality: async () => this.hasPlaybackQualities(),
+      setPlaybackQuality: async (quality) => {
+        var _a;
+        this.cancelTimeUpdates();
+        this.playbackQuality = quality;
+        this.refresh();
+        (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.load();
+        this.dispatch('playbackQuality', this.playbackQuality);
+      },
       canSetPiP: async () => support.canUsePiP(),
@@ -311,0 +424,0 @@ enterPiP: () => this.togglePiP(true),

dist/cjs/vime.cjs.js

@@ -18,3 +18,3 @@ 'use strict';
 patchBrowser().then(options => {
-  return index.bootstrapLazy(JSON.parse("[[\"vime-embed.cjs\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-slider.cjs\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-file_2.cjs\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"noConnect\":[4,\"no-connect\"],\"getAdapter\":[64]}]]],[\"vime-control_3.cjs\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1]}]]],[\"vime-menu_2.cjs\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-current-time_4.cjs\",[[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-caption-control_27.cjs\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"theme\":[1],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"pin\":[513],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-dbl-click-fullscreen\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"currentTime\":[2,\"current-time\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-skeleton\",{\"effect\":[1],\"ready\":[4],\"hidden\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"currentProvider\":[1,\"current-provider\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}],[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"pin\":[513],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}]]],[\"vime-audio_8.cjs\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noDblClickFullscreen\":[4,\"no-dbl-click-fullscreen\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"],\"noSkeleton\":[4,\"no-skeleton\"]}],[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"]]],[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"],[0,\"vSrcSetChange\",\"onSrcChange\"]]],[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"poster\":[1],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"noAutoAspectRatio\":[4,\"no-auto-aspect-ratio\"],\"poster\":[1],\"language\":[1],\"aspectRatio\":[1,\"aspect-ratio\"],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"poster\":[1],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[4,\"vime-player\",{\"attached\":[1028],\"logger\":[16],\"theme\":[1],\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentProvider\":[1025,\"current-provider\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"shouldCheckForProviderChange\":[32],\"getProvider\":[64],\"setProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisibility\":[64]},[[0,\"vMediaProviderConnect\",\"onMediaProviderConnect\"],[0,\"vMediaProviderDisconnect\",\"onMediaProviderDisconnect\"],[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"],[0,\"vProviderChange\",\"onProviderChange\"]]]]],[\"vime-playground.cjs\",[[0,\"vime-playground\",{\"provider\":[1025],\"src\":[1025],\"showCustomUI\":[1028,\"show-custom-u-i\"],\"theme\":[1025],\"poster\":[1025]}]]],[\"vime-faketube.cjs\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchChange\":[64]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"vime-embed.cjs\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-slider.cjs\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-file_2.cjs\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"noConnect\":[4,\"no-connect\"],\"paused\":[4],\"currentTime\":[2,\"current-time\"],\"playbackStarted\":[4,\"playback-started\"],\"getAdapter\":[64]}]]],[\"vime-control_3.cjs\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1]}]]],[\"vime-menu_2.cjs\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-current-time_4.cjs\",[[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-caption-control_27.cjs\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"theme\":[1],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"pin\":[513],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-dbl-click-fullscreen\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"currentTime\":[2,\"current-time\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-skeleton\",{\"effect\":[1],\"ready\":[4],\"hidden\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"currentProvider\":[1,\"current-provider\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}],[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"pin\":[513],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}]]],[\"vime-audio_8.cjs\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noDblClickFullscreen\":[4,\"no-dbl-click-fullscreen\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"],\"noSkeleton\":[4,\"no-skeleton\"]}],[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"]]],[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"],[0,\"vSrcSetChange\",\"onSrcChange\"]]],[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"poster\":[1],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"noAutoAspectRatio\":[4,\"no-auto-aspect-ratio\"],\"poster\":[1],\"language\":[1],\"aspectRatio\":[1,\"aspect-ratio\"],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"poster\":[1],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[4,\"vime-player\",{\"attached\":[1028],\"logger\":[16],\"theme\":[513],\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentProvider\":[1025,\"current-provider\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"shouldCheckForProviderChange\":[32],\"getProvider\":[64],\"setProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisibility\":[64]},[[0,\"vMediaProviderConnect\",\"onMediaProviderConnect\"],[0,\"vMediaProviderDisconnect\",\"onMediaProviderDisconnect\"],[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"],[0,\"vProviderChange\",\"onProviderChange\"]]]]],[\"vime-playground.cjs\",[[0,\"vime-playground\",{\"provider\":[1025],\"src\":[1025],\"showCustomUI\":[1028,\"show-custom-u-i\"],\"theme\":[1025],\"poster\":[1025]}]]],[\"vime-faketube.cjs\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchChange\":[64]}]]]]"), options);
 });

dist/collection/components/core/embed/embed.js

 import { Component, Element, Event, h, Listen, Method, Prop, State, Watch, } from '@stencil/core';
-import { isString } from '../../../utils/unit';
+import { isNull, isString } from '../../../utils/unit';
 import { appendParamsToURL, preconnect } from '../../../utils/network';
@@ -52,3 +52,8 @@ import { LazyLoader } from '../player/LazyLoader';
   connectedCallback() {
-    this.lazyLoader = new LazyLoader(this.el);
+    this.lazyLoader = new LazyLoader(this.el, ['data-src'], (el) => {
+      const src = el.getAttribute('data-src');
+      el.removeAttribute('src');
+      if (!isNull(src))
+        el.setAttribute('src', src);
+    });
     this.srcChange();
@@ -55,0 +60,0 @@ this.genIframeId();

dist/collection/components/core/player/LazyLoader.js

 /* eslint-disable no-param-reassign */
 import { IS_CLIENT } from '../../../utils/support';
-import { isNull, isNullOrUndefined } from '../../../utils/unit';
+import { isNullOrUndefined } from '../../../utils/unit';
 export class LazyLoader {
-  constructor(el, onLoad) {
+  constructor(el, attributes, onLoad) {
     var _a;
     this.el = el;
+    this.attributes = attributes;
     this.onLoad = onLoad;
@@ -21,10 +22,9 @@ this.hasLoaded = false;
       subtree: true,
-      attributeFilter: [
-        'data-src',
-        'data-alt',
-        'data-poster',
-      ],
+      attributeFilter: this.attributes,
     });
     this.lazyLoad();
   }
+  didLoad() {
+    return this.hasLoaded;
+  }
   destroy() {
@@ -70,25 +70,6 @@ var _a, _b;
     var _a, _b;
-    const name = el.nodeName.toLowerCase();
-    if ((name === 'video' || name === 'audio') && !isNull(el.children)) {
-      const sources = el.children;
-      for (let i = 0; i <= sources.length - 1; i += 1) {
-        const src = sources[i].getAttribute('data-src');
-        if (!isNull(src)) {
-          sources[i].src = src;
-          sources[i].removeAttribute('data-src');
-        }
-      }
-    }
-    if (!isNull(el.getAttribute('data-poster'))) {
-      el.poster = el.getAttribute('data-poster');
-      el.removeAttribute('data-poster');
-    }
-    if (!isNull(el.getAttribute('data-src'))) {
-      el.src = el.getAttribute('data-src');
-      el.removeAttribute('data-src');
-    }
     (_a = this.intersectionObs) === null || _a === void 0 ? void 0 : _a.unobserve(el);
     this.hasLoaded = true;
-    (_b = this.onLoad) === null || _b === void 0 ? void 0 : _b.call(this);
+    (_b = this.onLoad) === null || _b === void 0 ? void 0 : _b.call(this, el);
   }
 }

dist/collection/components/providers/audio/audio.js

@@ -151,3 +151,3 @@ import { h, Method, Component, Prop, } from '@stencil/core';
       "complexType": {
-        "signature": "() => Promise<{ getInternalPlayer: () => Promise<HTMLMediaElement>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; canPlay: (type: any) => Promise<boolean>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>",
+        "signature": "() => Promise<{ getInternalPlayer: () => Promise<HTMLMediaElement>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; canPlay: (type: any) => Promise<boolean>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPlaybackQuality: () => Promise<boolean>; setPlaybackQuality: (quality: string) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>",
         "parameters": [],
@@ -162,3 +162,3 @@ "references": {
         },
-        "return": "Promise<{ getInternalPlayer: () => Promise<HTMLMediaElement>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; canPlay: (type: any) => Promise<boolean>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>"
+        "return": "Promise<{ getInternalPlayer: () => Promise<HTMLMediaElement>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; canPlay: (type: any) => Promise<boolean>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPlaybackQuality: () => Promise<boolean>; setPlaybackQuality: (quality: string) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>"
       },
@@ -165,0 +165,0 @@ "docs": {

dist/collection/components/providers/dash/dash.js

@@ -362,3 +362,3 @@ import { h, Method, Component, Prop, Watch, State, Event, Listen, } from '@stencil/core';
       "complexType": {
-        "signature": "() => Promise<{ getInternalPlayer: () => Promise<any>; canPlay: (type: any) => Promise<boolean>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>",
+        "signature": "() => Promise<{ getInternalPlayer: () => Promise<any>; canPlay: (type: any) => Promise<boolean>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPlaybackQuality: () => Promise<boolean>; setPlaybackQuality: (quality: string) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>",
         "parameters": [],
@@ -370,3 +370,3 @@ "references": {
         },
-        "return": "Promise<{ getInternalPlayer: () => Promise<any>; canPlay: (type: any) => Promise<boolean>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>"
+        "return": "Promise<{ getInternalPlayer: () => Promise<any>; canPlay: (type: any) => Promise<boolean>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPlaybackQuality: () => Promise<boolean>; setPlaybackQuality: (quality: string) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>"
       },
@@ -373,0 +373,0 @@ "docs": {

dist/collection/components/providers/file/file.js

@@ -1,2 +0,2 @@
-/* eslint-disable jsx-a11y/media-has-caption */
+/* eslint-disable no-continue, jsx-a11y/media-has-caption */
 import { h, Prop, Method, Component, Event, Watch, Element, } from '@stencil/core';
@@ -14,2 +14,3 @@ import { withProviderContext, withProviderConnect } from '../MediaProvider';
 import { LazyLoader } from '../../core/player/LazyLoader';
+import { createDispatcher } from '../../core/player/PlayerDispatcher';
 /**
@@ -21,5 +22,5 @@ * @slot - Pass `<source>` and `<track>` elements to the underlying HTML5 media player.
     this.disposal = new Disposal();
-    this.playbackStarted = false;
     this.wasPausedBeforeSeeking = true;
     this.currentSrcSet = [];
+    this.mediaQueryDisposal = new Disposal();
     /**
@@ -65,5 +66,17 @@ * @internal Whether an external SDK will attach itself to the media player and control it.
     this.noConnect = false;
+    /**
+     * @internal
+     */
+    this.paused = true;
+    /**
+     * @internal
+     */
+    this.currentTime = 0;
+    /**
+     * @internal
+     */
+    this.playbackStarted = false;
     if (!this.noConnect)
       withProviderConnect(this);
-    withProviderContext(this);
+    withProviderContext(this, ['playbackStarted', 'currentTime', 'paused']);
   }
@@ -98,11 +111,40 @@ onMediaTitleChange() {
     var _a;
+    this.mediaQueryDisposal.empty();
     this.cancelTimeUpdates();
     this.disposal.empty();
     (_a = this.lazyLoader) === null || _a === void 0 ? void 0 : _a.destroy();
-    this.playbackStarted = false;
     this.wasPausedBeforeSeeking = true;
   }
   initLazyLoader() {
-    this.lazyLoader = new LazyLoader(this.el, this.didSrcSetChange.bind(this));
+    this.lazyLoader = new LazyLoader(this.el, ['data-src', 'data-poster'], () => {
+      if (isNullOrUndefined(this.mediaEl))
+        return;
+      const poster = this.mediaEl.getAttribute('data-poster');
+      if (!isNull(poster))
+        this.mediaEl.setAttribute('poster', poster);
+      this.refresh();
+      this.didSrcSetChange();
+    });
   }
+  refresh() {
+    if (isNullOrUndefined(this.mediaEl))
+      return;
+    const { children } = this.mediaEl;
+    for (let i = 0; i <= children.length - 1; i += 1) {
+      const child = children[i];
+      const src = child.getAttribute('data-src') || child.getAttribute('src') || child.getAttribute('data-vs');
+      child.removeAttribute('src');
+      if (isNull(src))
+        continue;
+      child.setAttribute('data-vs', src);
+      if (!isNull(child.getAttribute('data-quality'))) {
+        const quality = child.getAttribute('data-quality');
+        if (quality !== this.playbackQuality) {
+          child.removeAttribute('src');
+          continue;
+        }
+      }
+      child.setAttribute('src', src);
+    }
+  }
   didSrcSetChange() {
@@ -112,16 +154,71 @@ if (isNullOrUndefined(this.mediaEl))
     const sources = Array.from(this.mediaEl.querySelectorAll('source'));
-    const srcSet = sources.map((source) => source.src);
+    const srcSet = sources.map((source) => {
+      var _a, _b;
+      return ({
+        src: source.getAttribute('data-vs'),
+        quality: (_a = source.getAttribute('data-quality')) !== null && _a !== void 0 ? _a : undefined,
+        media: (_b = source.getAttribute('data-media')) !== null && _b !== void 0 ? _b : undefined,
+        ref: source,
+      });
+    });
     const didChange = (this.currentSrcSet.length !== srcSet.length)
-      || (srcSet.some((src, i) => this.currentSrcSet[i] !== src));
+      || (srcSet.some((resource, i) => ((this.currentSrcSet[i].src !== resource.src)
+        || (this.currentSrcSet[i].quality !== resource.quality))));
     if (didChange) {
-      this.onSrcChange();
       this.currentSrcSet = srcSet;
+      this.onSrcSetChange();
     }
   }
-  onSrcChange() {
+  onSrcSetChange() {
     var _a;
+    this.mediaQueryDisposal.empty();
     this.vLoadStart.emit();
-    this.vSrcSetChange.emit();
+    this.vSrcSetChange.emit(this.currentSrcSet);
+    if (this.hasPlaybackQualities()) {
+      this.dispatch('playbackQualities', this.getPlaybackQualities());
+      this.pickInitialPlaybackQuality();
+      this.refresh();
+    }
     (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.load();
   }
+  hasPlaybackQualities() {
+    return this.currentSrcSet.every((resource) => !!resource.quality);
+  }
+  getPlaybackQualities() {
+    if (!this.hasPlaybackQualities())
+      return [];
+    return this.currentSrcSet.map((resource) => resource.quality);
+  }
+  pickInitialPlaybackQuality() {
+    if (!isUndefined(this.playbackQuality))
+      return;
+    const getQualityValue = (resource) => { var _a, _b; return Number((_b = (_a = resource.quality) === null || _a === void 0 ? void 0 : _a.slice(0, -1)) !== null && _b !== void 0 ? _b : 0); };
+    const sortMediaResource = (a, b) => getQualityValue(a) - getQualityValue(b);
+    // Try to find best quality based on media queries.
+    let mediaResource = this.currentSrcSet
+      .filter((resource) => {
+      if (!isString(resource.media))
+        return false;
+      const query = window.matchMedia(resource.media);
+      const dispatch = createDispatcher(this);
+      this.mediaQueryDisposal.add(listen(query, 'change', (e) => {
+        if (e.matches)
+          dispatch('playbackQuality', resource.quality);
+      }));
+      return query.matches;
+    })
+      .sort(sortMediaResource)
+      .pop();
+    // Otherwise pick best quality based on window width.
+    if (isUndefined(mediaResource)) {
+      mediaResource = this.currentSrcSet
+        .find((resource) => getQualityValue(resource) > window.innerWidth);
+    }
+    // Otehrwise pick best quality.
+    if (isUndefined(mediaResource)) {
+      mediaResource = this.currentSrcSet.sort(sortMediaResource).pop();
+    }
+    this.playbackQuality = mediaResource === null || mediaResource === void 0 ? void 0 : mediaResource.quality;
+    this.dispatch('playbackQuality', mediaResource === null || mediaResource === void 0 ? void 0 : mediaResource.quality);
+  }
   hasCustomPoster() {
@@ -150,8 +247,17 @@ const root = findRootPlayer(this);
   onLoadedMetadata() {
-    this.dispatch('currentPoster', this.poster);
-    this.dispatch('duration', this.mediaEl.duration);
-    this.dispatch('playbackRates', this.playbackRates);
-    this.onProgress();
     this.onTracksChange();
-    this.didSrcSetChange();
+    // Reset player state on quality change.
+    if (this.playbackStarted) {
+      this.mediaEl.muted = this.muted;
+      if (this.currentTime > 0)
+        this.mediaEl.currentTime = this.currentTime;
+      if (!this.paused)
+        this.mediaEl.play();
+    }
+    else {
+      this.onProgress();
+      this.dispatch('currentPoster', this.poster);
+      this.dispatch('duration', this.mediaEl.duration);
+      this.dispatch('playbackRates', this.playbackRates);
+    }
     if (!this.willAttach) {
@@ -171,6 +277,4 @@ this.dispatch('currentSrc', this.mediaEl.currentSrc);
     this.dispatch('paused', false);
-    if (!this.playbackStarted) {
-      this.playbackStarted = true;
+    if (!this.playbackStarted)
       this.dispatch('playbackStarted', true);
-    }
   }
@@ -305,2 +409,11 @@ onPause() {
       },
+      canSetPlaybackQuality: async () => this.hasPlaybackQualities(),
+      setPlaybackQuality: async (quality) => {
+        var _a;
+        this.cancelTimeUpdates();
+        this.playbackQuality = quality;
+        this.refresh();
+        (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.load();
+        this.dispatch('playbackQuality', this.playbackQuality);
+      },
       canSetPiP: async () => canUsePiP(),
@@ -766,2 +879,65 @@ enterPiP: () => this.togglePiP(true),
       "defaultValue": "false"
+    },
+    "paused": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "internal"
+          }],
+        "text": ""
+      },
+      "attribute": "paused",
+      "reflect": false,
+      "defaultValue": "true"
+    },
+    "currentTime": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "internal"
+          }],
+        "text": ""
+      },
+      "attribute": "current-time",
+      "reflect": false,
+      "defaultValue": "0"
+    },
+    "playbackStarted": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "internal"
+          }],
+        "text": ""
+      },
+      "attribute": "playback-started",
+      "reflect": false,
+      "defaultValue": "false"
     }
@@ -820,5 +996,10 @@ }; }
       "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+        "original": "MediaResource[]",
+        "resolved": "MediaResource[]",
+        "references": {
+          "MediaResource": {
+            "location": "import",
+            "path": "./MediaResource"
+          }
+        }
       }
@@ -829,3 +1010,3 @@ }]; }
       "complexType": {
-        "signature": "() => Promise<{ getInternalPlayer: () => Promise<HTMLMediaElement>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; canPlay: (type: any) => Promise<boolean>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>",
+        "signature": "() => Promise<{ getInternalPlayer: () => Promise<HTMLMediaElement>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; canPlay: (type: any) => Promise<boolean>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPlaybackQuality: () => Promise<boolean>; setPlaybackQuality: (quality: string) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>",
         "parameters": [],
@@ -840,3 +1021,3 @@ "references": {
         },
-        "return": "Promise<{ getInternalPlayer: () => Promise<HTMLMediaElement>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; canPlay: (type: any) => Promise<boolean>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>"
+        "return": "Promise<{ getInternalPlayer: () => Promise<HTMLMediaElement>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; canPlay: (type: any) => Promise<boolean>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPlaybackQuality: () => Promise<boolean>; setPlaybackQuality: (quality: string) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>"
       },
@@ -843,0 +1024,0 @@ "docs": {

dist/collection/components/providers/hls/hls.js

@@ -347,3 +347,3 @@ import { h, Method, Component, Prop, State, Event, Listen, } from '@stencil/core';
       "complexType": {
-        "signature": "() => Promise<{ getInternalPlayer: () => Promise<any>; canPlay: (type: any) => Promise<boolean>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>",
+        "signature": "() => Promise<{ getInternalPlayer: () => Promise<any>; canPlay: (type: any) => Promise<boolean>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPlaybackQuality: () => Promise<boolean>; setPlaybackQuality: (quality: string) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>",
         "parameters": [],
@@ -355,3 +355,3 @@ "references": {
         },
-        "return": "Promise<{ getInternalPlayer: () => Promise<any>; canPlay: (type: any) => Promise<boolean>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>"
+        "return": "Promise<{ getInternalPlayer: () => Promise<any>; canPlay: (type: any) => Promise<boolean>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPlaybackQuality: () => Promise<boolean>; setPlaybackQuality: (quality: string) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>"
       },
@@ -358,0 +358,0 @@ "docs": {

dist/collection/components/providers/MediaProvider.js

@@ -31,3 +31,3 @@ /* eslint-disable func-names, no-param-reassign */
 }
-export const withProviderContext = (provider) => withPlayerContext(provider, [
+export const withProviderContext = (provider, additionalProps = []) => withPlayerContext(provider, [
   'autoplay',
@@ -41,2 +41,3 @@ 'controls',
   'playsinline',
+  ...additionalProps,
 ]);

dist/collection/components/providers/video/video.js

@@ -227,3 +227,3 @@ import { h, Method, Component, Prop, } from '@stencil/core';
       "complexType": {
-        "signature": "() => Promise<{ getInternalPlayer: () => Promise<HTMLMediaElement>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; canPlay: (type: any) => Promise<boolean>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>",
+        "signature": "() => Promise<{ getInternalPlayer: () => Promise<HTMLMediaElement>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; canPlay: (type: any) => Promise<boolean>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPlaybackQuality: () => Promise<boolean>; setPlaybackQuality: (quality: string) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>",
         "parameters": [],
@@ -238,3 +238,3 @@ "references": {
         },
-        "return": "Promise<{ getInternalPlayer: () => Promise<HTMLMediaElement>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; canPlay: (type: any) => Promise<boolean>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>"
+        "return": "Promise<{ getInternalPlayer: () => Promise<HTMLMediaElement>; play: () => Promise<void | undefined>; pause: () => Promise<void | undefined>; canPlay: (type: any) => Promise<boolean>; setCurrentTime: (time: number) => Promise<void>; setMuted: (muted: boolean) => Promise<void>; setVolume: (volume: number) => Promise<void>; canSetPlaybackRate: () => Promise<boolean>; setPlaybackRate: (rate: number) => Promise<void>; canSetPlaybackQuality: () => Promise<boolean>; setPlaybackQuality: (quality: string) => Promise<void>; canSetPiP: () => Promise<boolean>; enterPiP: () => Promise<any>; exitPiP: () => Promise<any>; canSetFullscreen: () => Promise<boolean>; enterFullscreen: () => Promise<any>; exitFullscreen: () => Promise<any>; }>"
       },
@@ -241,0 +241,0 @@ "docs": {

dist/collection/components/ui/poster/poster.js

 import { h, Component, Prop, State, Watch, Host, Event, Element, } from '@stencil/core';
 import { withPlayerContext } from '../../core/player/PlayerContext';
-import { isUndefined } from '../../../utils/unit';
+import { isNull, isUndefined } from '../../../utils/unit';
 import { LazyLoader } from '../../core/player/LazyLoader';
@@ -38,3 +38,8 @@ export class Poster {
   connectedCallback() {
-    this.lazyLoader = new LazyLoader(this.el);
+    this.lazyLoader = new LazyLoader(this.el, ['data-src'], (el) => {
+      const src = el.getAttribute('data-src');
+      el.removeAttribute('src');
+      if (!isNull(src))
+        el.setAttribute('src', src);
+    });
     this.onEnabledChange();
@@ -41,0 +46,0 @@ this.onActiveChange();

dist/esm/loader.js

@@ -13,3 +13,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-e4fee97f.js';
   return patchEsm().then(() => {
-  return bootstrapLazy(JSON.parse("[[\"vime-embed\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-slider\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-file_2\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"noConnect\":[4,\"no-connect\"],\"getAdapter\":[64]}]]],[\"vime-control_3\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1]}]]],[\"vime-menu_2\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-current-time_4\",[[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-caption-control_27\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"theme\":[1],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"pin\":[513],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-dbl-click-fullscreen\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"currentTime\":[2,\"current-time\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-skeleton\",{\"effect\":[1],\"ready\":[4],\"hidden\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"currentProvider\":[1,\"current-provider\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}],[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"pin\":[513],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}]]],[\"vime-audio_8\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noDblClickFullscreen\":[4,\"no-dbl-click-fullscreen\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"],\"noSkeleton\":[4,\"no-skeleton\"]}],[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"]]],[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"],[0,\"vSrcSetChange\",\"onSrcChange\"]]],[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"poster\":[1],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"noAutoAspectRatio\":[4,\"no-auto-aspect-ratio\"],\"poster\":[1],\"language\":[1],\"aspectRatio\":[1,\"aspect-ratio\"],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"poster\":[1],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[4,\"vime-player\",{\"attached\":[1028],\"logger\":[16],\"theme\":[1],\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentProvider\":[1025,\"current-provider\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"shouldCheckForProviderChange\":[32],\"getProvider\":[64],\"setProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisibility\":[64]},[[0,\"vMediaProviderConnect\",\"onMediaProviderConnect\"],[0,\"vMediaProviderDisconnect\",\"onMediaProviderDisconnect\"],[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"],[0,\"vProviderChange\",\"onProviderChange\"]]]]],[\"vime-playground\",[[0,\"vime-playground\",{\"provider\":[1025],\"src\":[1025],\"showCustomUI\":[1028,\"show-custom-u-i\"],\"theme\":[1025],\"poster\":[1025]}]]],[\"vime-faketube\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchChange\":[64]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"vime-embed\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-slider\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-file_2\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"noConnect\":[4,\"no-connect\"],\"paused\":[4],\"currentTime\":[2,\"current-time\"],\"playbackStarted\":[4,\"playback-started\"],\"getAdapter\":[64]}]]],[\"vime-control_3\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1]}]]],[\"vime-menu_2\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-current-time_4\",[[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-caption-control_27\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"theme\":[1],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"pin\":[513],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-dbl-click-fullscreen\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"currentTime\":[2,\"current-time\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-skeleton\",{\"effect\":[1],\"ready\":[4],\"hidden\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"currentProvider\":[1,\"current-provider\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}],[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"pin\":[513],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}]]],[\"vime-audio_8\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noDblClickFullscreen\":[4,\"no-dbl-click-fullscreen\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"],\"noSkeleton\":[4,\"no-skeleton\"]}],[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"]]],[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"],[0,\"vSrcSetChange\",\"onSrcChange\"]]],[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"poster\":[1],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"noAutoAspectRatio\":[4,\"no-auto-aspect-ratio\"],\"poster\":[1],\"language\":[1],\"aspectRatio\":[1,\"aspect-ratio\"],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"poster\":[1],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[4,\"vime-player\",{\"attached\":[1028],\"logger\":[16],\"theme\":[513],\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentProvider\":[1025,\"current-provider\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"shouldCheckForProviderChange\":[32],\"getProvider\":[64],\"setProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisibility\":[64]},[[0,\"vMediaProviderConnect\",\"onMediaProviderConnect\"],[0,\"vMediaProviderDisconnect\",\"onMediaProviderDisconnect\"],[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"],[0,\"vProviderChange\",\"onProviderChange\"]]]]],[\"vime-playground\",[[0,\"vime-playground\",{\"provider\":[1025],\"src\":[1025],\"showCustomUI\":[1028,\"show-custom-u-i\"],\"theme\":[1025],\"poster\":[1025]}]]],[\"vime-faketube\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchChange\":[64]}]]]]"), options);
   });
@@ -16,0 +16,0 @@ };

dist/esm/vime-embed.entry.js

 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e4fee97f.js';
-import { d as isString } from './dom-888fcf0c.js';
+import { a as isNull, d as isString } from './dom-888fcf0c.js';
 import './support-c9ac4820.js';
 import { e as appendParamsToURL, p as preconnect } from './network-3c30465e.js';
-import { L as LazyLoader } from './LazyLoader-a3426c83.js';
+import { L as LazyLoader } from './LazyLoader-2ea2f11d.js';
 
@@ -60,3 +60,8 @@ const embedCss = "vime-embed>iframe{position:absolute;top:0;left:0;border:0;width:100%;height:100%;user-select:none;z-index:var(--vm-media-z-index)}";
   connectedCallback() {
-    this.lazyLoader = new LazyLoader(this.el);
+    this.lazyLoader = new LazyLoader(this.el, ['data-src'], (el) => {
+      const src = el.getAttribute('data-src');
+      el.removeAttribute('src');
+      if (!isNull(src))
+        el.setAttribute('src', src);
+    });
     this.srcChange();
@@ -63,0 +68,0 @@ this.genIframeId();

dist/esm/vime-faketube.entry.js

 import { r as registerInstance, c as createEvent } from './index-e4fee97f.js';
 import './dom-888fcf0c.js';
 import { f as findRootPlayer } from './PlayerContext-da67ca53.js';
-import { w as withProviderContext, c as createProviderDispatcher } from './ProviderDispatcher-34cc9edf.js';
+import { w as withProviderContext, c as createProviderDispatcher } from './ProviderDispatcher-9bc874bc.js';
 
@@ -6,0 +6,0 @@ const faketubeCss = "vime-faketube{display:block;width:100%;height:auto}";

dist/esm/vime-file_2.entry.js

 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e4fee97f.js';
-import { c as isNullOrUndefined, a as isNull, h as isNumber, f as isUndefined, l as listen, d as isString } from './dom-888fcf0c.js';
+import { c as isNullOrUndefined, a as isNull, f as isUndefined, d as isString, l as listen, h as isNumber } from './dom-888fcf0c.js';
+import { c as createDispatcher } from './PlayerDispatcher-4e41fc0b.js';
 import { f as findRootPlayer } from './PlayerContext-da67ca53.js';
 import { M as MediaType, V as ViewType } from './MediaType-8ac3bdc6.js';
 import { e as IS_IOS, f as canUsePiPInChrome, g as canUsePiPInSafari, h as canUsePiP, i as canFullscreenVideo } from './support-c9ac4820.js';
-import { a as withProviderConnect, w as withProviderContext, c as createProviderDispatcher } from './ProviderDispatcher-34cc9edf.js';
+import { a as withProviderConnect, w as withProviderContext, c as createProviderDispatcher } from './ProviderDispatcher-9bc874bc.js';
 import { a as audioRegex, v as videoRegex, h as hlsRegex } from './utils-7dc44688.js';
 import { D as Disposal } from './Disposal-525363e0.js';
-import { L as LazyLoader } from './LazyLoader-a3426c83.js';
+import { L as LazyLoader } from './LazyLoader-2ea2f11d.js';
 
@@ -20,5 +21,5 @@ const fileCss = "vime-file audio,vime-file video{border-radius:inherit;vertical-align:middle;width:100%;outline:0}vime-file video{position:absolute;top:0;left:0;border:0;height:100%;user-select:none}";
     this.disposal = new Disposal();
-    this.playbackStarted = false;
     this.wasPausedBeforeSeeking = true;
     this.currentSrcSet = [];
+    this.mediaQueryDisposal = new Disposal();
     /**
@@ -64,5 +65,17 @@ * @internal Whether an external SDK will attach itself to the media player and control it.
     this.noConnect = false;
+    /**
+     * @internal
+     */
+    this.paused = true;
+    /**
+     * @internal
+     */
+    this.currentTime = 0;
+    /**
+     * @internal
+     */
+    this.playbackStarted = false;
     if (!this.noConnect)
       withProviderConnect(this);
-    withProviderContext(this);
+    withProviderContext(this, ['playbackStarted', 'currentTime', 'paused']);
   }
@@ -97,11 +110,40 @@ onMediaTitleChange() {
     var _a;
+    this.mediaQueryDisposal.empty();
     this.cancelTimeUpdates();
     this.disposal.empty();
     (_a = this.lazyLoader) === null || _a === void 0 ? void 0 : _a.destroy();
-    this.playbackStarted = false;
     this.wasPausedBeforeSeeking = true;
   }
   initLazyLoader() {
-    this.lazyLoader = new LazyLoader(this.el, this.didSrcSetChange.bind(this));
+    this.lazyLoader = new LazyLoader(this.el, ['data-src', 'data-poster'], () => {
+      if (isNullOrUndefined(this.mediaEl))
+        return;
+      const poster = this.mediaEl.getAttribute('data-poster');
+      if (!isNull(poster))
+        this.mediaEl.setAttribute('poster', poster);
+      this.refresh();
+      this.didSrcSetChange();
+    });
   }
+  refresh() {
+    if (isNullOrUndefined(this.mediaEl))
+      return;
+    const { children } = this.mediaEl;
+    for (let i = 0; i <= children.length - 1; i += 1) {
+      const child = children[i];
+      const src = child.getAttribute('data-src') || child.getAttribute('src') || child.getAttribute('data-vs');
+      child.removeAttribute('src');
+      if (isNull(src))
+        continue;
+      child.setAttribute('data-vs', src);
+      if (!isNull(child.getAttribute('data-quality'))) {
+        const quality = child.getAttribute('data-quality');
+        if (quality !== this.playbackQuality) {
+          child.removeAttribute('src');
+          continue;
+        }
+      }
+      child.setAttribute('src', src);
+    }
+  }
   didSrcSetChange() {
@@ -111,16 +153,71 @@ if (isNullOrUndefined(this.mediaEl))
     const sources = Array.from(this.mediaEl.querySelectorAll('source'));
-    const srcSet = sources.map((source) => source.src);
+    const srcSet = sources.map((source) => {
+      var _a, _b;
+      return ({
+        src: source.getAttribute('data-vs'),
+        quality: (_a = source.getAttribute('data-quality')) !== null && _a !== void 0 ? _a : undefined,
+        media: (_b = source.getAttribute('data-media')) !== null && _b !== void 0 ? _b : undefined,
+        ref: source,
+      });
+    });
     const didChange = (this.currentSrcSet.length !== srcSet.length)
-      || (srcSet.some((src, i) => this.currentSrcSet[i] !== src));
+      || (srcSet.some((resource, i) => ((this.currentSrcSet[i].src !== resource.src)
+        || (this.currentSrcSet[i].quality !== resource.quality))));
     if (didChange) {
-      this.onSrcChange();
       this.currentSrcSet = srcSet;
+      this.onSrcSetChange();
     }
   }
-  onSrcChange() {
+  onSrcSetChange() {
     var _a;
+    this.mediaQueryDisposal.empty();
     this.vLoadStart.emit();
-    this.vSrcSetChange.emit();
+    this.vSrcSetChange.emit(this.currentSrcSet);
+    if (this.hasPlaybackQualities()) {
+      this.dispatch('playbackQualities', this.getPlaybackQualities());
+      this.pickInitialPlaybackQuality();
+      this.refresh();
+    }
     (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.load();
   }
+  hasPlaybackQualities() {
+    return this.currentSrcSet.every((resource) => !!resource.quality);
+  }
+  getPlaybackQualities() {
+    if (!this.hasPlaybackQualities())
+      return [];
+    return this.currentSrcSet.map((resource) => resource.quality);
+  }
+  pickInitialPlaybackQuality() {
+    if (!isUndefined(this.playbackQuality))
+      return;
+    const getQualityValue = (resource) => { var _a, _b; return Number((_b = (_a = resource.quality) === null || _a === void 0 ? void 0 : _a.slice(0, -1)) !== null && _b !== void 0 ? _b : 0); };
+    const sortMediaResource = (a, b) => getQualityValue(a) - getQualityValue(b);
+    // Try to find best quality based on media queries.
+    let mediaResource = this.currentSrcSet
+      .filter((resource) => {
+      if (!isString(resource.media))
+        return false;
+      const query = window.matchMedia(resource.media);
+      const dispatch = createDispatcher(this);
+      this.mediaQueryDisposal.add(listen(query, 'change', (e) => {
+        if (e.matches)
+          dispatch('playbackQuality', resource.quality);
+      }));
+      return query.matches;
+    })
+      .sort(sortMediaResource)
+      .pop();
+    // Otherwise pick best quality based on window width.
+    if (isUndefined(mediaResource)) {
+      mediaResource = this.currentSrcSet
+        .find((resource) => getQualityValue(resource) > window.innerWidth);
+    }
+    // Otehrwise pick best quality.
+    if (isUndefined(mediaResource)) {
+      mediaResource = this.currentSrcSet.sort(sortMediaResource).pop();
+    }
+    this.playbackQuality = mediaResource === null || mediaResource === void 0 ? void 0 : mediaResource.quality;
+    this.dispatch('playbackQuality', mediaResource === null || mediaResource === void 0 ? void 0 : mediaResource.quality);
+  }
   hasCustomPoster() {
@@ -149,8 +246,17 @@ const root = findRootPlayer(this);
   onLoadedMetadata() {
-    this.dispatch('currentPoster', this.poster);
-    this.dispatch('duration', this.mediaEl.duration);
-    this.dispatch('playbackRates', this.playbackRates);
-    this.onProgress();
     this.onTracksChange();
-    this.didSrcSetChange();
+    // Reset player state on quality change.
+    if (this.playbackStarted) {
+      this.mediaEl.muted = this.muted;
+      if (this.currentTime > 0)
+        this.mediaEl.currentTime = this.currentTime;
+      if (!this.paused)
+        this.mediaEl.play();
+    }
+    else {
+      this.onProgress();
+      this.dispatch('currentPoster', this.poster);
+      this.dispatch('duration', this.mediaEl.duration);
+      this.dispatch('playbackRates', this.playbackRates);
+    }
     if (!this.willAttach) {
@@ -170,6 +276,4 @@ this.dispatch('currentSrc', this.mediaEl.currentSrc);
     this.dispatch('paused', false);
-    if (!this.playbackStarted) {
-      this.playbackStarted = true;
+    if (!this.playbackStarted)
       this.dispatch('playbackStarted', true);
-    }
   }
@@ -304,2 +408,11 @@ onPause() {
       },
+      canSetPlaybackQuality: async () => this.hasPlaybackQualities(),
+      setPlaybackQuality: async (quality) => {
+        var _a;
+        this.cancelTimeUpdates();
+        this.playbackQuality = quality;
+        this.refresh();
+        (_a = this.mediaEl) === null || _a === void 0 ? void 0 : _a.load();
+        this.dispatch('playbackQuality', this.playbackQuality);
+      },
       canSetPiP: async () => canUsePiP(),
@@ -306,0 +419,0 @@ enterPiP: () => this.togglePiP(true),

dist/esm/vime.js

@@ -16,3 +16,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-e4fee97f.js';
 patchBrowser().then(options => {
-  return bootstrapLazy(JSON.parse("[[\"vime-embed\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-slider\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-file_2\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"noConnect\":[4,\"no-connect\"],\"getAdapter\":[64]}]]],[\"vime-control_3\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1]}]]],[\"vime-menu_2\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-current-time_4\",[[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-caption-control_27\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"theme\":[1],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"pin\":[513],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-dbl-click-fullscreen\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"currentTime\":[2,\"current-time\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-skeleton\",{\"effect\":[1],\"ready\":[4],\"hidden\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"currentProvider\":[1,\"current-provider\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}],[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"pin\":[513],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}]]],[\"vime-audio_8\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noDblClickFullscreen\":[4,\"no-dbl-click-fullscreen\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"],\"noSkeleton\":[4,\"no-skeleton\"]}],[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"]]],[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"],[0,\"vSrcSetChange\",\"onSrcChange\"]]],[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"poster\":[1],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"noAutoAspectRatio\":[4,\"no-auto-aspect-ratio\"],\"poster\":[1],\"language\":[1],\"aspectRatio\":[1,\"aspect-ratio\"],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"poster\":[1],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[4,\"vime-player\",{\"attached\":[1028],\"logger\":[16],\"theme\":[1],\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentProvider\":[1025,\"current-provider\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"shouldCheckForProviderChange\":[32],\"getProvider\":[64],\"setProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisibility\":[64]},[[0,\"vMediaProviderConnect\",\"onMediaProviderConnect\"],[0,\"vMediaProviderDisconnect\",\"onMediaProviderDisconnect\"],[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"],[0,\"vProviderChange\",\"onProviderChange\"]]]]],[\"vime-playground\",[[0,\"vime-playground\",{\"provider\":[1025],\"src\":[1025],\"showCustomUI\":[1028,\"show-custom-u-i\"],\"theme\":[1025],\"poster\":[1025]}]]],[\"vime-faketube\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchChange\":[64]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"vime-embed\",[[0,\"vime-embed\",{\"embedSrc\":[1,\"embed-src\"],\"mediaTitle\":[1,\"media-title\"],\"params\":[1],\"origin\":[1],\"preconnections\":[16],\"decoder\":[16],\"srcWithParams\":[32],\"hasEnteredViewport\":[32],\"postMessage\":[64]},[[8,\"message\",\"onWindowMessage\"]]]]],[\"vime-slider\",[[0,\"vime-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"valueText\":[1,\"value-text\"],\"label\":[1]}]]],[\"vime-file_2\",[[4,\"vime-video\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[4,\"vime-file\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"mediaTitle\":[1,\"media-title\"],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"viewType\":[1,\"view-type\"],\"playbackRates\":[16],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"noConnect\":[4,\"no-connect\"],\"paused\":[4],\"currentTime\":[2,\"current-time\"],\"playbackStarted\":[4,\"playback-started\"],\"getAdapter\":[64]}]]],[\"vime-control_3\",[[4,\"vime-control\",{\"keys\":[1],\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"pressed\":[4],\"isTouch\":[4,\"is-touch\"],\"describedBy\":[32],\"showTapHighlight\":[32]}],[4,\"vime-tooltip\",{\"hidden\":[4],\"active\":[4],\"position\":[1],\"direction\":[1],\"isTouch\":[4,\"is-touch\"]}],[4,\"vime-icon\",{\"href\":[1]}]]],[\"vime-menu_2\",[[0,\"vime-menu-item\",{\"identifier\":[1],\"hidden\":[4],\"label\":[1],\"menu\":[1],\"expanded\":[4],\"checked\":[4],\"hint\":[1],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"],\"isTouch\":[4,\"is-touch\"],\"showTapHighlight\":[32]}],[4,\"vime-menu\",{\"active\":[1540],\"identifier\":[1],\"controller\":[1],\"menuItems\":[32],\"currFocusedMenuItem\":[32],\"getController\":[64],\"getFocusedMenuItem\":[64],\"focusOnOpen\":[64]},[[0,\"vOpen\",\"onSubmenuOpen\"],[0,\"vClose\",\"onSubmenuClose\"],[8,\"click\",\"onWindowClick\"],[8,\"keydown\",\"onWindowKeyDown\"]]]]],[\"vime-current-time_4\",[[0,\"vime-mute-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"volume\":[2],\"muted\":[4],\"i18n\":[16]}],[0,\"vime-current-time\",{\"currentTime\":[2,\"current-time\"],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-end-time\",{\"duration\":[2],\"i18n\":[16],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-time\",{\"label\":[1],\"seconds\":[2],\"alwaysShowHours\":[4,\"always-show-hours\"]}]]],[\"vime-caption-control_27\",[[0,\"vime-default-controls\",{\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"theme\":[1],\"isMobile\":[4,\"is-mobile\"],\"isLive\":[4,\"is-live\"],\"isAudioView\":[4,\"is-audio-view\"],\"isVideoView\":[4,\"is-video-view\"]}],[4,\"vime-default-settings\",{\"pin\":[513],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"playbackRate\":[2,\"playback-rate\"],\"playbackRates\":[16],\"playbackQuality\":[1,\"playback-quality\"],\"playbackQualities\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"currentCaption\":[16],\"textTracks\":[16]}],[0,\"vime-captions\",{\"hidden\":[4],\"controlsHeight\":[2,\"controls-height\"],\"isControlsActive\":[4,\"is-controls-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackStarted\":[4,\"playback-started\"],\"textTracks\":[16],\"isEnabled\":[32],\"activeTrack\":[32],\"activeCues\":[32]}],[0,\"vime-click-to-play\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"paused\":[4],\"isVideoView\":[4,\"is-video-view\"]}],[0,\"vime-dbl-click-fullscreen\",{\"useOnMobile\":[4,\"use-on-mobile\"],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"isVideoView\":[4,\"is-video-view\"],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-icons\",{\"href\":[1]}],[0,\"vime-poster\",{\"fit\":[1],\"isVideoView\":[4,\"is-video-view\"],\"currentPoster\":[1,\"current-poster\"],\"mediaTitle\":[1,\"media-title\"],\"playbackStarted\":[4,\"playback-started\"],\"currentTime\":[2,\"current-time\"],\"isHidden\":[32],\"isActive\":[32],\"hasLoaded\":[32]}],[0,\"vime-skeleton\",{\"effect\":[1],\"ready\":[4],\"hidden\":[32]}],[0,\"vime-spinner\",{\"isVideoView\":[4,\"is-video-view\"],\"currentProvider\":[1,\"current-provider\"],\"buffering\":[4],\"isHidden\":[32],\"isActive\":[32]}],[4,\"vime-ui\",{\"isVideoView\":[4,\"is-video-view\"],\"playsinline\":[4],\"isFullscreenActive\":[4,\"is-fullscreen-active\"]}],[0,\"vime-volume-control\",{\"lowVolumeIcon\":[1,\"low-volume-icon\"],\"highVolumeIcon\":[1,\"high-volume-icon\"],\"mutedIcon\":[1,\"muted-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"muteKeys\":[1,\"mute-keys\"],\"noKeyboard\":[4,\"no-keyboard\"],\"muted\":[4],\"volume\":[2],\"isMobile\":[4,\"is-mobile\"],\"i18n\":[16],\"currentVolume\":[32],\"isSliderActive\":[32]}],[0,\"vime-caption-control\",{\"showIcon\":[1,\"show-icon\"],\"hideIcon\":[1,\"hide-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"currentCaption\":[16],\"isCaptionsActive\":[4,\"is-captions-active\"],\"i18n\":[16]}],[0,\"vime-fullscreen-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isFullscreenActive\":[4,\"is-fullscreen-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetFullscreen\":[32]}],[0,\"vime-pip-control\",{\"enterIcon\":[1,\"enter-icon\"],\"exitIcon\":[1,\"exit-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"isPiPActive\":[4,\"is-pi-p-active\"],\"i18n\":[16],\"playbackReady\":[4,\"playback-ready\"],\"canSetPiP\":[32]}],[0,\"vime-playback-control\",{\"playIcon\":[1,\"play-icon\"],\"pauseIcon\":[1,\"pause-icon\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"keys\":[1],\"paused\":[4],\"i18n\":[16]}],[0,\"vime-settings-control\",{\"icon\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipDirection\":[1,\"tooltip-direction\"],\"menu\":[1],\"expanded\":[4],\"i18n\":[16]}],[4,\"vime-submenu\",{\"label\":[1],\"hidden\":[4],\"hint\":[1],\"active\":[1540]}],[0,\"vime-time-progress\",{\"separator\":[1],\"alwaysShowHours\":[4,\"always-show-hours\"]}],[0,\"vime-menu-radio\",{\"label\":[1],\"value\":[1],\"checked\":[1028],\"badge\":[1],\"checkedIcon\":[1,\"checked-icon\"]}],[0,\"vime-scrubber-control\",{\"alwaysShowHours\":[4,\"always-show-hours\"],\"hideTooltip\":[4,\"hide-tooltip\"],\"currentTime\":[2,\"current-time\"],\"duration\":[2],\"noKeyboard\":[4,\"no-keyboard\"],\"buffering\":[4],\"buffered\":[2],\"i18n\":[16],\"timestamp\":[32],\"endTime\":[32]}],[4,\"vime-settings\",{\"controlsHeight\":[2,\"controls-height\"],\"pin\":[513],\"active\":[1540],\"isMobile\":[4,\"is-mobile\"],\"isAudioView\":[4,\"is-audio-view\"],\"controllerId\":[32],\"setController\":[64]}],[4,\"vime-control-group\",{\"space\":[1]}],[0,\"vime-control-spacer\"],[4,\"vime-controls\",{\"hidden\":[4],\"fullWidth\":[4,\"full-width\"],\"fullHeight\":[4,\"full-height\"],\"direction\":[1],\"align\":[1],\"justify\":[1],\"pin\":[513],\"activeDuration\":[2,\"active-duration\"],\"waitForPlaybackStart\":[4,\"wait-for-playback-start\"],\"hideWhenPaused\":[4,\"hide-when-paused\"],\"hideOnMouseLeave\":[4,\"hide-on-mouse-leave\"],\"isAudioView\":[4,\"is-audio-view\"],\"isSettingsActive\":[4,\"is-settings-active\"],\"playbackReady\":[4,\"playback-ready\"],\"isControlsActive\":[4,\"is-controls-active\"],\"paused\":[4],\"playbackStarted\":[4,\"playback-started\"],\"isInteracting\":[32]}],[0,\"vime-live-indicator\",{\"isLive\":[4,\"is-live\"],\"i18n\":[16]}],[4,\"vime-menu-radio-group\",{\"value\":[1025]},[[0,\"vCheck\",\"onSelectionChange\"]]],[0,\"vime-scrim\",{\"gradient\":[1],\"isVideoView\":[4,\"is-video-view\"],\"isControlsActive\":[4,\"is-controls-active\"]}]]],[\"vime-audio_8\",[[4,\"vime-default-ui\",{\"noIcons\":[4,\"no-icons\"],\"noClickToPlay\":[4,\"no-click-to-play\"],\"noDblClickFullscreen\":[4,\"no-dbl-click-fullscreen\"],\"noCaptions\":[4,\"no-captions\"],\"noPoster\":[4,\"no-poster\"],\"noSpinner\":[4,\"no-spinner\"],\"noControls\":[4,\"no-controls\"],\"noSettings\":[4,\"no-settings\"],\"noSkeleton\":[4,\"no-skeleton\"]}],[0,\"vime-dash\",{\"src\":[1],\"version\":[1],\"config\":[16],\"autoplay\":[4],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"]]],[4,\"vime-hls\",{\"version\":[1],\"config\":[8],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"poster\":[1],\"controlsList\":[1,\"controls-list\"],\"autoPiP\":[4,\"auto-pip\"],\"disablePiP\":[4,\"disable-pip\"],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"hasAttached\":[32],\"getAdapter\":[64]},[[0,\"vMediaElChange\",\"onMediaElChange\"],[0,\"vSrcSetChange\",\"onSrcChange\"]]],[4,\"vime-audio\",{\"willAttach\":[4,\"will-attach\"],\"crossOrigin\":[1,\"cross-origin\"],\"preload\":[1],\"disableRemotePlayback\":[4,\"disable-remote-playback\"],\"mediaTitle\":[1,\"media-title\"],\"getAdapter\":[64]}],[0,\"vime-dailymotion\",{\"videoId\":[1,\"video-id\"],\"shouldAutoplayQueue\":[4,\"should-autoplay-queue\"],\"showUpNextQueue\":[4,\"show-up-next-queue\"],\"showShareButtons\":[4,\"show-share-buttons\"],\"color\":[1],\"syndication\":[1],\"showDailymotionLogo\":[4,\"show-dailymotion-logo\"],\"showVideoInfo\":[4,\"show-video-info\"],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"poster\":[1],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-vimeo\",{\"videoId\":[1,\"video-id\"],\"byline\":[4],\"color\":[1],\"portrait\":[4],\"noAutoAspectRatio\":[4,\"no-auto-aspect-ratio\"],\"poster\":[1],\"language\":[1],\"aspectRatio\":[1,\"aspect-ratio\"],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[0,\"vime-youtube\",{\"cookies\":[4],\"videoId\":[1,\"video-id\"],\"showFullscreenControl\":[4,\"show-fullscreen-control\"],\"poster\":[1],\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"embedSrc\":[32],\"mediaTitle\":[32],\"getAdapter\":[64]}],[4,\"vime-player\",{\"attached\":[1028],\"logger\":[16],\"theme\":[513],\"paused\":[1028],\"playing\":[1028],\"duration\":[1026],\"mediaTitle\":[1025,\"media-title\"],\"currentProvider\":[1025,\"current-provider\"],\"currentSrc\":[1025,\"current-src\"],\"currentPoster\":[1025,\"current-poster\"],\"currentTime\":[1026,\"current-time\"],\"autoplay\":[4],\"ready\":[1540],\"playbackReady\":[1028,\"playback-ready\"],\"loop\":[4],\"muted\":[1028],\"buffered\":[1026],\"playbackRate\":[1026,\"playback-rate\"],\"playbackRates\":[1040],\"playbackQuality\":[1025,\"playback-quality\"],\"playbackQualities\":[1040],\"seeking\":[1028],\"debug\":[4],\"playbackStarted\":[1028,\"playback-started\"],\"playbackEnded\":[1028,\"playback-ended\"],\"buffering\":[1028],\"controls\":[4],\"isControlsActive\":[4,\"is-controls-active\"],\"errors\":[1040],\"textTracks\":[1040],\"currentCaption\":[1040],\"isCaptionsActive\":[1028,\"is-captions-active\"],\"isSettingsActive\":[1028,\"is-settings-active\"],\"volume\":[1026],\"isFullscreenActive\":[1028,\"is-fullscreen-active\"],\"aspectRatio\":[1025,\"aspect-ratio\"],\"viewType\":[1025,\"view-type\"],\"isAudioView\":[1028,\"is-audio-view\"],\"isVideoView\":[1028,\"is-video-view\"],\"mediaType\":[1025,\"media-type\"],\"isAudio\":[1028,\"is-audio\"],\"isVideo\":[1028,\"is-video\"],\"isLive\":[1028,\"is-live\"],\"isMobile\":[1028,\"is-mobile\"],\"isTouch\":[1028,\"is-touch\"],\"isPiPActive\":[1028,\"is-pi-p-active\"],\"autopause\":[4],\"playsinline\":[4],\"language\":[1025],\"translations\":[1040],\"languages\":[1040],\"i18n\":[1040],\"shouldCheckForProviderChange\":[32],\"getProvider\":[64],\"setProvider\":[64],\"getAdapter\":[64],\"play\":[64],\"pause\":[64],\"canPlay\":[64],\"canAutoplay\":[64],\"canMutedAutoplay\":[64],\"canSetPlaybackRate\":[64],\"canSetPlaybackQuality\":[64],\"canSetFullscreen\":[64],\"enterFullscreen\":[64],\"exitFullscreen\":[64],\"canSetPiP\":[64],\"enterPiP\":[64],\"exitPiP\":[64],\"extendLanguage\":[64],\"callAdapter\":[64],\"toggleCaptionsVisibility\":[64]},[[0,\"vMediaProviderConnect\",\"onMediaProviderConnect\"],[0,\"vMediaProviderDisconnect\",\"onMediaProviderDisconnect\"],[0,\"vLoadStart\",\"onMediaChange\"],[0,\"vStateChange\",\"onStateChange\"],[0,\"vProviderChange\",\"onProviderChange\"]]]]],[\"vime-playground\",[[0,\"vime-playground\",{\"provider\":[1025],\"src\":[1025],\"showCustomUI\":[1028,\"show-custom-u-i\"],\"theme\":[1025],\"poster\":[1025]}]]],[\"vime-faketube\",[[0,\"vime-faketube\",{\"language\":[1],\"autoplay\":[4],\"controls\":[4],\"logger\":[16],\"loop\":[4],\"muted\":[4],\"playsinline\":[4],\"getAdapter\":[64],\"dispatchLoadStart\":[64],\"dispatchChange\":[64]}]]]]"), options);
 });

dist/types/components/core/player/LazyLoader.d.ts

 export declare class LazyLoader {
   private el;
+  private attributes;
   private onLoad?;
@@ -7,3 +8,4 @@ private intersectionObs?;
   private hasLoaded;
-  constructor(el: HTMLElement, onLoad?: (() => void) | undefined);
+  constructor(el: HTMLElement, attributes: string[], onLoad?: (<T extends HTMLElement>(el: T) => void) | undefined);
+  didLoad(): boolean;
   destroy(): void;
@@ -10,0 +12,0 @@ private canObserveIntersection;

dist/types/components/providers/audio/audio.d.ts

@@ -41,2 +41,4 @@ import { MediaFileProvider, MediaPreloadOption, MediaCrossOriginOption } from '../file/MediaFileProvider';
     setPlaybackRate: (rate: number) => Promise<void>;
+    canSetPlaybackQuality: () => Promise<boolean>;
+    setPlaybackQuality: (quality: string) => Promise<void>;
     canSetPiP: () => Promise<boolean>;
@@ -43,0 +45,0 @@ enterPiP: () => Promise<any>;

dist/types/components/providers/dash/dash.d.ts

@@ -81,2 +81,4 @@ import { EventEmitter } from '../../../stencil-public-runtime';
     setPlaybackRate: (rate: number) => Promise<void>;
+    canSetPlaybackQuality: () => Promise<boolean>;
+    setPlaybackQuality: (quality: string) => Promise<void>;
     canSetPiP: () => Promise<boolean>;
@@ -83,0 +85,0 @@ enterPiP: () => Promise<any>;

dist/types/components/providers/file/file.d.ts

@@ -6,2 +6,3 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { Logger } from '../../core/player/PlayerLogger';
+import { MediaResource } from './MediaResource';
 /**
@@ -15,7 +16,8 @@ * @slot - Pass `<source>` and `<track>` elements to the underlying HTML5 media player.
   private lazyLoader?;
-  private playbackStarted;
   private wasPausedBeforeSeeking;
+  private playbackQuality?;
   private currentSrcSet;
   private prevMediaEl?;
   private mediaEl?;
+  private mediaQueryDisposal;
   el: HTMLVimeFileElement;
@@ -104,2 +106,14 @@ /**
    */
+  paused: boolean;
+  /**
+   * @internal
+   */
+  currentTime: number;
+  /**
+   * @internal
+   */
+  playbackStarted: boolean;
+  /**
+   * @internal
+   */
   vLoadStart: EventEmitter<void>;
@@ -113,3 +127,3 @@ /**
    */
-  vSrcSetChange: EventEmitter<void>;
+  vSrcSetChange: EventEmitter<MediaResource[]>;
   constructor();
@@ -121,4 +135,8 @@ connectedCallback(): void;
   private initLazyLoader;
+  private refresh;
   private didSrcSetChange;
-  private onSrcChange;
+  private onSrcSetChange;
+  private hasPlaybackQualities;
+  private getPlaybackQualities;
+  private pickInitialPlaybackQuality;
   private hasCustomPoster;
@@ -165,2 +183,4 @@ private cancelTimeUpdates;
     setPlaybackRate: (rate: number) => Promise<void>;
+    canSetPlaybackQuality: () => Promise<boolean>;
+    setPlaybackQuality: (quality: string) => Promise<void>;
     canSetPiP: () => Promise<boolean>;
@@ -167,0 +187,0 @@ enterPiP: () => Promise<any>;

dist/types/components/providers/hls/hls.d.ts

@@ -78,2 +78,4 @@ import { EventEmitter } from '../../../stencil-public-runtime';
     setPlaybackRate: (rate: number) => Promise<void>;
+    canSetPlaybackQuality: () => Promise<boolean>;
+    setPlaybackQuality: (quality: string) => Promise<void>;
     canSetPiP: () => Promise<boolean>;
@@ -80,0 +82,0 @@ enterPiP: () => Promise<any>;

dist/types/components/providers/MediaProvider.d.ts

 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { PlayerProps } from '../core/player/PlayerProps';
+import { PlayerProp, PlayerProps } from '../core/player/PlayerProps';
 export interface MediaProviderAdapter<InternalPlayerType = any> {
@@ -39,2 +39,2 @@ getInternalPlayer(): Promise<InternalPlayerType>;
 export declare function withProviderConnect(host: AdapterHost): void;
-export declare const withProviderContext: (provider: MediaProvider) => void;
+export declare const withProviderContext: (provider: MediaProvider, additionalProps?: PlayerProp[]) => void;

dist/types/components/providers/video/video.d.ts

@@ -57,2 +57,4 @@ import { MediaFileProvider, MediaPreloadOption, MediaCrossOriginOption } from '../file/MediaFileProvider';
     setPlaybackRate: (rate: number) => Promise<void>;
+    canSetPlaybackQuality: () => Promise<boolean>;
+    setPlaybackQuality: (quality: string) => Promise<void>;
     canSetPiP: () => Promise<boolean>;
@@ -59,0 +61,0 @@ enterPiP: () => Promise<any>;

dist/vime/vime.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as i}from"./p-811c9fd4.js";(()=>{const i=import.meta.url,o={};return""!==i&&(o.resourcesUrl=new URL(".",i).href),e(o)})().then((e=>i(JSON.parse('[["p-8e887869",[[0,"vime-embed",{"embedSrc":[1,"embed-src"],"mediaTitle":[1,"media-title"],"params":[1],"origin":[1],"preconnections":[16],"decoder":[16],"srcWithParams":[32],"hasEnteredViewport":[32],"postMessage":[64]},[[8,"message","onWindowMessage"]]]]],["p-874ee857",[[0,"vime-slider",{"step":[2],"min":[2],"max":[2],"value":[2],"valueText":[1,"value-text"],"label":[1]}]]],["p-edb11c03",[[4,"vime-video",{"willAttach":[4,"will-attach"],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"getAdapter":[64]}],[4,"vime-file",{"willAttach":[4,"will-attach"],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"mediaTitle":[1,"media-title"],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"viewType":[1,"view-type"],"playbackRates":[16],"language":[1],"autoplay":[4],"controls":[4],"logger":[16],"loop":[4],"muted":[4],"playsinline":[4],"noConnect":[4,"no-connect"],"getAdapter":[64]}]]],["p-e535f0ab",[[4,"vime-control",{"keys":[1],"identifier":[1],"hidden":[4],"label":[1],"menu":[1],"expanded":[4],"pressed":[4],"isTouch":[4,"is-touch"],"describedBy":[32],"showTapHighlight":[32]}],[4,"vime-tooltip",{"hidden":[4],"active":[4],"position":[1],"direction":[1],"isTouch":[4,"is-touch"]}],[4,"vime-icon",{"href":[1]}]]],["p-4a52238b",[[0,"vime-menu-item",{"identifier":[1],"hidden":[4],"label":[1],"menu":[1],"expanded":[4],"checked":[4],"hint":[1],"badge":[1],"checkedIcon":[1,"checked-icon"],"isTouch":[4,"is-touch"],"showTapHighlight":[32]}],[4,"vime-menu",{"active":[1540],"identifier":[1],"controller":[1],"menuItems":[32],"currFocusedMenuItem":[32],"getController":[64],"getFocusedMenuItem":[64],"focusOnOpen":[64]},[[0,"vOpen","onSubmenuOpen"],[0,"vClose","onSubmenuClose"],[8,"click","onWindowClick"],[8,"keydown","onWindowKeyDown"]]]]],["p-dd53bacf",[[0,"vime-mute-control",{"lowVolumeIcon":[1,"low-volume-icon"],"highVolumeIcon":[1,"high-volume-icon"],"mutedIcon":[1,"muted-icon"],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"keys":[1],"volume":[2],"muted":[4],"i18n":[16]}],[0,"vime-current-time",{"currentTime":[2,"current-time"],"i18n":[16],"alwaysShowHours":[4,"always-show-hours"]}],[0,"vime-end-time",{"duration":[2],"i18n":[16],"alwaysShowHours":[4,"always-show-hours"]}],[0,"vime-time",{"label":[1],"seconds":[2],"alwaysShowHours":[4,"always-show-hours"]}]]],["p-4a65afcb",[[0,"vime-default-controls",{"activeDuration":[2,"active-duration"],"waitForPlaybackStart":[4,"wait-for-playback-start"],"hideWhenPaused":[4,"hide-when-paused"],"hideOnMouseLeave":[4,"hide-on-mouse-leave"],"theme":[1],"isMobile":[4,"is-mobile"],"isLive":[4,"is-live"],"isAudioView":[4,"is-audio-view"],"isVideoView":[4,"is-video-view"]}],[4,"vime-default-settings",{"pin":[513],"i18n":[16],"playbackReady":[4,"playback-ready"],"playbackRate":[2,"playback-rate"],"playbackRates":[16],"playbackQuality":[1,"playback-quality"],"playbackQualities":[16],"isCaptionsActive":[4,"is-captions-active"],"currentCaption":[16],"textTracks":[16]}],[0,"vime-captions",{"hidden":[4],"controlsHeight":[2,"controls-height"],"isControlsActive":[4,"is-controls-active"],"isVideoView":[4,"is-video-view"],"playbackStarted":[4,"playback-started"],"textTracks":[16],"isEnabled":[32],"activeTrack":[32],"activeCues":[32]}],[0,"vime-click-to-play",{"useOnMobile":[4,"use-on-mobile"],"paused":[4],"isVideoView":[4,"is-video-view"]}],[0,"vime-dbl-click-fullscreen",{"useOnMobile":[4,"use-on-mobile"],"isFullscreenActive":[4,"is-fullscreen-active"],"isVideoView":[4,"is-video-view"],"playbackReady":[4,"playback-ready"],"canSetFullscreen":[32]}],[0,"vime-icons",{"href":[1]}],[0,"vime-poster",{"fit":[1],"isVideoView":[4,"is-video-view"],"currentPoster":[1,"current-poster"],"mediaTitle":[1,"media-title"],"playbackStarted":[4,"playback-started"],"currentTime":[2,"current-time"],"isHidden":[32],"isActive":[32],"hasLoaded":[32]}],[0,"vime-skeleton",{"effect":[1],"ready":[4],"hidden":[32]}],[0,"vime-spinner",{"isVideoView":[4,"is-video-view"],"currentProvider":[1,"current-provider"],"buffering":[4],"isHidden":[32],"isActive":[32]}],[4,"vime-ui",{"isVideoView":[4,"is-video-view"],"playsinline":[4],"isFullscreenActive":[4,"is-fullscreen-active"]}],[0,"vime-volume-control",{"lowVolumeIcon":[1,"low-volume-icon"],"highVolumeIcon":[1,"high-volume-icon"],"mutedIcon":[1,"muted-icon"],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"muteKeys":[1,"mute-keys"],"noKeyboard":[4,"no-keyboard"],"muted":[4],"volume":[2],"isMobile":[4,"is-mobile"],"i18n":[16],"currentVolume":[32],"isSliderActive":[32]}],[0,"vime-caption-control",{"showIcon":[1,"show-icon"],"hideIcon":[1,"hide-icon"],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"keys":[1],"currentCaption":[16],"isCaptionsActive":[4,"is-captions-active"],"i18n":[16]}],[0,"vime-fullscreen-control",{"enterIcon":[1,"enter-icon"],"exitIcon":[1,"exit-icon"],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"keys":[1],"isFullscreenActive":[4,"is-fullscreen-active"],"i18n":[16],"playbackReady":[4,"playback-ready"],"canSetFullscreen":[32]}],[0,"vime-pip-control",{"enterIcon":[1,"enter-icon"],"exitIcon":[1,"exit-icon"],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"keys":[1],"isPiPActive":[4,"is-pi-p-active"],"i18n":[16],"playbackReady":[4,"playback-ready"],"canSetPiP":[32]}],[0,"vime-playback-control",{"playIcon":[1,"play-icon"],"pauseIcon":[1,"pause-icon"],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"keys":[1],"paused":[4],"i18n":[16]}],[0,"vime-settings-control",{"icon":[1],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"menu":[1],"expanded":[4],"i18n":[16]}],[4,"vime-submenu",{"label":[1],"hidden":[4],"hint":[1],"active":[1540]}],[0,"vime-time-progress",{"separator":[1],"alwaysShowHours":[4,"always-show-hours"]}],[0,"vime-menu-radio",{"label":[1],"value":[1],"checked":[1028],"badge":[1],"checkedIcon":[1,"checked-icon"]}],[0,"vime-scrubber-control",{"alwaysShowHours":[4,"always-show-hours"],"hideTooltip":[4,"hide-tooltip"],"currentTime":[2,"current-time"],"duration":[2],"noKeyboard":[4,"no-keyboard"],"buffering":[4],"buffered":[2],"i18n":[16],"timestamp":[32],"endTime":[32]}],[4,"vime-settings",{"controlsHeight":[2,"controls-height"],"pin":[513],"active":[1540],"isMobile":[4,"is-mobile"],"isAudioView":[4,"is-audio-view"],"controllerId":[32],"setController":[64]}],[4,"vime-control-group",{"space":[1]}],[0,"vime-control-spacer"],[4,"vime-controls",{"hidden":[4],"fullWidth":[4,"full-width"],"fullHeight":[4,"full-height"],"direction":[1],"align":[1],"justify":[1],"pin":[513],"activeDuration":[2,"active-duration"],"waitForPlaybackStart":[4,"wait-for-playback-start"],"hideWhenPaused":[4,"hide-when-paused"],"hideOnMouseLeave":[4,"hide-on-mouse-leave"],"isAudioView":[4,"is-audio-view"],"isSettingsActive":[4,"is-settings-active"],"playbackReady":[4,"playback-ready"],"isControlsActive":[4,"is-controls-active"],"paused":[4],"playbackStarted":[4,"playback-started"],"isInteracting":[32]}],[0,"vime-live-indicator",{"isLive":[4,"is-live"],"i18n":[16]}],[4,"vime-menu-radio-group",{"value":[1025]},[[0,"vCheck","onSelectionChange"]]],[0,"vime-scrim",{"gradient":[1],"isVideoView":[4,"is-video-view"],"isControlsActive":[4,"is-controls-active"]}]]],["p-4fcffb1a",[[4,"vime-default-ui",{"noIcons":[4,"no-icons"],"noClickToPlay":[4,"no-click-to-play"],"noDblClickFullscreen":[4,"no-dbl-click-fullscreen"],"noCaptions":[4,"no-captions"],"noPoster":[4,"no-poster"],"noSpinner":[4,"no-spinner"],"noControls":[4,"no-controls"],"noSettings":[4,"no-settings"],"noSkeleton":[4,"no-skeleton"]}],[0,"vime-dash",{"src":[1],"version":[1],"config":[16],"autoplay":[4],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"hasAttached":[32],"getAdapter":[64]},[[0,"vMediaElChange","onMediaElChange"]]],[4,"vime-hls",{"version":[1],"config":[8],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"hasAttached":[32],"getAdapter":[64]},[[0,"vMediaElChange","onMediaElChange"],[0,"vSrcSetChange","onSrcChange"]]],[4,"vime-audio",{"willAttach":[4,"will-attach"],"crossOrigin":[1,"cross-origin"],"preload":[1],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"getAdapter":[64]}],[0,"vime-dailymotion",{"videoId":[1,"video-id"],"shouldAutoplayQueue":[4,"should-autoplay-queue"],"showUpNextQueue":[4,"show-up-next-queue"],"showShareButtons":[4,"show-share-buttons"],"color":[1],"syndication":[1],"showDailymotionLogo":[4,"show-dailymotion-logo"],"showVideoInfo":[4,"show-video-info"],"language":[1],"autoplay":[4],"controls":[4],"poster":[1],"logger":[16],"loop":[4],"muted":[4],"playsinline":[4],"embedSrc":[32],"mediaTitle":[32],"getAdapter":[64]}],[0,"vime-vimeo",{"videoId":[1,"video-id"],"byline":[4],"color":[1],"portrait":[4],"noAutoAspectRatio":[4,"no-auto-aspect-ratio"],"poster":[1],"language":[1],"aspectRatio":[1,"aspect-ratio"],"autoplay":[4],"controls":[4],"logger":[16],"loop":[4],"muted":[4],"playsinline":[4],"embedSrc":[32],"mediaTitle":[32],"getAdapter":[64]}],[0,"vime-youtube",{"cookies":[4],"videoId":[1,"video-id"],"showFullscreenControl":[4,"show-fullscreen-control"],"poster":[1],"language":[1],"autoplay":[4],"controls":[4],"logger":[16],"loop":[4],"muted":[4],"playsinline":[4],"embedSrc":[32],"mediaTitle":[32],"getAdapter":[64]}],[4,"vime-player",{"attached":[1028],"logger":[16],"theme":[1],"paused":[1028],"playing":[1028],"duration":[1026],"mediaTitle":[1025,"media-title"],"currentProvider":[1025,"current-provider"],"currentSrc":[1025,"current-src"],"currentPoster":[1025,"current-poster"],"currentTime":[1026,"current-time"],"autoplay":[4],"ready":[1540],"playbackReady":[1028,"playback-ready"],"loop":[4],"muted":[1028],"buffered":[1026],"playbackRate":[1026,"playback-rate"],"playbackRates":[1040],"playbackQuality":[1025,"playback-quality"],"playbackQualities":[1040],"seeking":[1028],"debug":[4],"playbackStarted":[1028,"playback-started"],"playbackEnded":[1028,"playback-ended"],"buffering":[1028],"controls":[4],"isControlsActive":[4,"is-controls-active"],"errors":[1040],"textTracks":[1040],"currentCaption":[1040],"isCaptionsActive":[1028,"is-captions-active"],"isSettingsActive":[1028,"is-settings-active"],"volume":[1026],"isFullscreenActive":[1028,"is-fullscreen-active"],"aspectRatio":[1025,"aspect-ratio"],"viewType":[1025,"view-type"],"isAudioView":[1028,"is-audio-view"],"isVideoView":[1028,"is-video-view"],"mediaType":[1025,"media-type"],"isAudio":[1028,"is-audio"],"isVideo":[1028,"is-video"],"isLive":[1028,"is-live"],"isMobile":[1028,"is-mobile"],"isTouch":[1028,"is-touch"],"isPiPActive":[1028,"is-pi-p-active"],"autopause":[4],"playsinline":[4],"language":[1025],"translations":[1040],"languages":[1040],"i18n":[1040],"shouldCheckForProviderChange":[32],"getProvider":[64],"setProvider":[64],"getAdapter":[64],"play":[64],"pause":[64],"canPlay":[64],"canAutoplay":[64],"canMutedAutoplay":[64],"canSetPlaybackRate":[64],"canSetPlaybackQuality":[64],"canSetFullscreen":[64],"enterFullscreen":[64],"exitFullscreen":[64],"canSetPiP":[64],"enterPiP":[64],"exitPiP":[64],"extendLanguage":[64],"callAdapter":[64],"toggleCaptionsVisibility":[64]},[[0,"vMediaProviderConnect","onMediaProviderConnect"],[0,"vMediaProviderDisconnect","onMediaProviderDisconnect"],[0,"vLoadStart","onMediaChange"],[0,"vStateChange","onStateChange"],[0,"vProviderChange","onProviderChange"]]]]],["p-a69d48c3",[[0,"vime-playground",{"provider":[1025],"src":[1025],"showCustomUI":[1028,"show-custom-u-i"],"theme":[1025],"poster":[1025]}]]],["p-767d3ffa",[[0,"vime-faketube",{"language":[1],"autoplay":[4],"controls":[4],"logger":[16],"loop":[4],"muted":[4],"playsinline":[4],"getAdapter":[64],"dispatchLoadStart":[64],"dispatchChange":[64]}]]]]'),e)));
+import{p as e,b as i}from"./p-811c9fd4.js";(()=>{const i=import.meta.url,o={};return""!==i&&(o.resourcesUrl=new URL(".",i).href),e(o)})().then((e=>i(JSON.parse('[["p-2b8b5c7d",[[0,"vime-embed",{"embedSrc":[1,"embed-src"],"mediaTitle":[1,"media-title"],"params":[1],"origin":[1],"preconnections":[16],"decoder":[16],"srcWithParams":[32],"hasEnteredViewport":[32],"postMessage":[64]},[[8,"message","onWindowMessage"]]]]],["p-874ee857",[[0,"vime-slider",{"step":[2],"min":[2],"max":[2],"value":[2],"valueText":[1,"value-text"],"label":[1]}]]],["p-812b9082",[[4,"vime-video",{"willAttach":[4,"will-attach"],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"getAdapter":[64]}],[4,"vime-file",{"willAttach":[4,"will-attach"],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"mediaTitle":[1,"media-title"],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"viewType":[1,"view-type"],"playbackRates":[16],"language":[1],"autoplay":[4],"controls":[4],"logger":[16],"loop":[4],"muted":[4],"playsinline":[4],"noConnect":[4,"no-connect"],"paused":[4],"currentTime":[2,"current-time"],"playbackStarted":[4,"playback-started"],"getAdapter":[64]}]]],["p-e535f0ab",[[4,"vime-control",{"keys":[1],"identifier":[1],"hidden":[4],"label":[1],"menu":[1],"expanded":[4],"pressed":[4],"isTouch":[4,"is-touch"],"describedBy":[32],"showTapHighlight":[32]}],[4,"vime-tooltip",{"hidden":[4],"active":[4],"position":[1],"direction":[1],"isTouch":[4,"is-touch"]}],[4,"vime-icon",{"href":[1]}]]],["p-4a52238b",[[0,"vime-menu-item",{"identifier":[1],"hidden":[4],"label":[1],"menu":[1],"expanded":[4],"checked":[4],"hint":[1],"badge":[1],"checkedIcon":[1,"checked-icon"],"isTouch":[4,"is-touch"],"showTapHighlight":[32]}],[4,"vime-menu",{"active":[1540],"identifier":[1],"controller":[1],"menuItems":[32],"currFocusedMenuItem":[32],"getController":[64],"getFocusedMenuItem":[64],"focusOnOpen":[64]},[[0,"vOpen","onSubmenuOpen"],[0,"vClose","onSubmenuClose"],[8,"click","onWindowClick"],[8,"keydown","onWindowKeyDown"]]]]],["p-dd53bacf",[[0,"vime-mute-control",{"lowVolumeIcon":[1,"low-volume-icon"],"highVolumeIcon":[1,"high-volume-icon"],"mutedIcon":[1,"muted-icon"],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"keys":[1],"volume":[2],"muted":[4],"i18n":[16]}],[0,"vime-current-time",{"currentTime":[2,"current-time"],"i18n":[16],"alwaysShowHours":[4,"always-show-hours"]}],[0,"vime-end-time",{"duration":[2],"i18n":[16],"alwaysShowHours":[4,"always-show-hours"]}],[0,"vime-time",{"label":[1],"seconds":[2],"alwaysShowHours":[4,"always-show-hours"]}]]],["p-2d57a07d",[[0,"vime-default-controls",{"activeDuration":[2,"active-duration"],"waitForPlaybackStart":[4,"wait-for-playback-start"],"hideWhenPaused":[4,"hide-when-paused"],"hideOnMouseLeave":[4,"hide-on-mouse-leave"],"theme":[1],"isMobile":[4,"is-mobile"],"isLive":[4,"is-live"],"isAudioView":[4,"is-audio-view"],"isVideoView":[4,"is-video-view"]}],[4,"vime-default-settings",{"pin":[513],"i18n":[16],"playbackReady":[4,"playback-ready"],"playbackRate":[2,"playback-rate"],"playbackRates":[16],"playbackQuality":[1,"playback-quality"],"playbackQualities":[16],"isCaptionsActive":[4,"is-captions-active"],"currentCaption":[16],"textTracks":[16]}],[0,"vime-captions",{"hidden":[4],"controlsHeight":[2,"controls-height"],"isControlsActive":[4,"is-controls-active"],"isVideoView":[4,"is-video-view"],"playbackStarted":[4,"playback-started"],"textTracks":[16],"isEnabled":[32],"activeTrack":[32],"activeCues":[32]}],[0,"vime-click-to-play",{"useOnMobile":[4,"use-on-mobile"],"paused":[4],"isVideoView":[4,"is-video-view"]}],[0,"vime-dbl-click-fullscreen",{"useOnMobile":[4,"use-on-mobile"],"isFullscreenActive":[4,"is-fullscreen-active"],"isVideoView":[4,"is-video-view"],"playbackReady":[4,"playback-ready"],"canSetFullscreen":[32]}],[0,"vime-icons",{"href":[1]}],[0,"vime-poster",{"fit":[1],"isVideoView":[4,"is-video-view"],"currentPoster":[1,"current-poster"],"mediaTitle":[1,"media-title"],"playbackStarted":[4,"playback-started"],"currentTime":[2,"current-time"],"isHidden":[32],"isActive":[32],"hasLoaded":[32]}],[0,"vime-skeleton",{"effect":[1],"ready":[4],"hidden":[32]}],[0,"vime-spinner",{"isVideoView":[4,"is-video-view"],"currentProvider":[1,"current-provider"],"buffering":[4],"isHidden":[32],"isActive":[32]}],[4,"vime-ui",{"isVideoView":[4,"is-video-view"],"playsinline":[4],"isFullscreenActive":[4,"is-fullscreen-active"]}],[0,"vime-volume-control",{"lowVolumeIcon":[1,"low-volume-icon"],"highVolumeIcon":[1,"high-volume-icon"],"mutedIcon":[1,"muted-icon"],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"muteKeys":[1,"mute-keys"],"noKeyboard":[4,"no-keyboard"],"muted":[4],"volume":[2],"isMobile":[4,"is-mobile"],"i18n":[16],"currentVolume":[32],"isSliderActive":[32]}],[0,"vime-caption-control",{"showIcon":[1,"show-icon"],"hideIcon":[1,"hide-icon"],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"keys":[1],"currentCaption":[16],"isCaptionsActive":[4,"is-captions-active"],"i18n":[16]}],[0,"vime-fullscreen-control",{"enterIcon":[1,"enter-icon"],"exitIcon":[1,"exit-icon"],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"keys":[1],"isFullscreenActive":[4,"is-fullscreen-active"],"i18n":[16],"playbackReady":[4,"playback-ready"],"canSetFullscreen":[32]}],[0,"vime-pip-control",{"enterIcon":[1,"enter-icon"],"exitIcon":[1,"exit-icon"],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"keys":[1],"isPiPActive":[4,"is-pi-p-active"],"i18n":[16],"playbackReady":[4,"playback-ready"],"canSetPiP":[32]}],[0,"vime-playback-control",{"playIcon":[1,"play-icon"],"pauseIcon":[1,"pause-icon"],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"hideTooltip":[4,"hide-tooltip"],"keys":[1],"paused":[4],"i18n":[16]}],[0,"vime-settings-control",{"icon":[1],"tooltipPosition":[1,"tooltip-position"],"tooltipDirection":[1,"tooltip-direction"],"menu":[1],"expanded":[4],"i18n":[16]}],[4,"vime-submenu",{"label":[1],"hidden":[4],"hint":[1],"active":[1540]}],[0,"vime-time-progress",{"separator":[1],"alwaysShowHours":[4,"always-show-hours"]}],[0,"vime-menu-radio",{"label":[1],"value":[1],"checked":[1028],"badge":[1],"checkedIcon":[1,"checked-icon"]}],[0,"vime-scrubber-control",{"alwaysShowHours":[4,"always-show-hours"],"hideTooltip":[4,"hide-tooltip"],"currentTime":[2,"current-time"],"duration":[2],"noKeyboard":[4,"no-keyboard"],"buffering":[4],"buffered":[2],"i18n":[16],"timestamp":[32],"endTime":[32]}],[4,"vime-settings",{"controlsHeight":[2,"controls-height"],"pin":[513],"active":[1540],"isMobile":[4,"is-mobile"],"isAudioView":[4,"is-audio-view"],"controllerId":[32],"setController":[64]}],[4,"vime-control-group",{"space":[1]}],[0,"vime-control-spacer"],[4,"vime-controls",{"hidden":[4],"fullWidth":[4,"full-width"],"fullHeight":[4,"full-height"],"direction":[1],"align":[1],"justify":[1],"pin":[513],"activeDuration":[2,"active-duration"],"waitForPlaybackStart":[4,"wait-for-playback-start"],"hideWhenPaused":[4,"hide-when-paused"],"hideOnMouseLeave":[4,"hide-on-mouse-leave"],"isAudioView":[4,"is-audio-view"],"isSettingsActive":[4,"is-settings-active"],"playbackReady":[4,"playback-ready"],"isControlsActive":[4,"is-controls-active"],"paused":[4],"playbackStarted":[4,"playback-started"],"isInteracting":[32]}],[0,"vime-live-indicator",{"isLive":[4,"is-live"],"i18n":[16]}],[4,"vime-menu-radio-group",{"value":[1025]},[[0,"vCheck","onSelectionChange"]]],[0,"vime-scrim",{"gradient":[1],"isVideoView":[4,"is-video-view"],"isControlsActive":[4,"is-controls-active"]}]]],["p-c60e2b69",[[4,"vime-default-ui",{"noIcons":[4,"no-icons"],"noClickToPlay":[4,"no-click-to-play"],"noDblClickFullscreen":[4,"no-dbl-click-fullscreen"],"noCaptions":[4,"no-captions"],"noPoster":[4,"no-poster"],"noSpinner":[4,"no-spinner"],"noControls":[4,"no-controls"],"noSettings":[4,"no-settings"],"noSkeleton":[4,"no-skeleton"]}],[0,"vime-dash",{"src":[1],"version":[1],"config":[16],"autoplay":[4],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"hasAttached":[32],"getAdapter":[64]},[[0,"vMediaElChange","onMediaElChange"]]],[4,"vime-hls",{"version":[1],"config":[8],"crossOrigin":[1,"cross-origin"],"preload":[1],"poster":[1],"controlsList":[1,"controls-list"],"autoPiP":[4,"auto-pip"],"disablePiP":[4,"disable-pip"],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"hasAttached":[32],"getAdapter":[64]},[[0,"vMediaElChange","onMediaElChange"],[0,"vSrcSetChange","onSrcChange"]]],[4,"vime-audio",{"willAttach":[4,"will-attach"],"crossOrigin":[1,"cross-origin"],"preload":[1],"disableRemotePlayback":[4,"disable-remote-playback"],"mediaTitle":[1,"media-title"],"getAdapter":[64]}],[0,"vime-dailymotion",{"videoId":[1,"video-id"],"shouldAutoplayQueue":[4,"should-autoplay-queue"],"showUpNextQueue":[4,"show-up-next-queue"],"showShareButtons":[4,"show-share-buttons"],"color":[1],"syndication":[1],"showDailymotionLogo":[4,"show-dailymotion-logo"],"showVideoInfo":[4,"show-video-info"],"language":[1],"autoplay":[4],"controls":[4],"poster":[1],"logger":[16],"loop":[4],"muted":[4],"playsinline":[4],"embedSrc":[32],"mediaTitle":[32],"getAdapter":[64]}],[0,"vime-vimeo",{"videoId":[1,"video-id"],"byline":[4],"color":[1],"portrait":[4],"noAutoAspectRatio":[4,"no-auto-aspect-ratio"],"poster":[1],"language":[1],"aspectRatio":[1,"aspect-ratio"],"autoplay":[4],"controls":[4],"logger":[16],"loop":[4],"muted":[4],"playsinline":[4],"embedSrc":[32],"mediaTitle":[32],"getAdapter":[64]}],[0,"vime-youtube",{"cookies":[4],"videoId":[1,"video-id"],"showFullscreenControl":[4,"show-fullscreen-control"],"poster":[1],"language":[1],"autoplay":[4],"controls":[4],"logger":[16],"loop":[4],"muted":[4],"playsinline":[4],"embedSrc":[32],"mediaTitle":[32],"getAdapter":[64]}],[4,"vime-player",{"attached":[1028],"logger":[16],"theme":[513],"paused":[1028],"playing":[1028],"duration":[1026],"mediaTitle":[1025,"media-title"],"currentProvider":[1025,"current-provider"],"currentSrc":[1025,"current-src"],"currentPoster":[1025,"current-poster"],"currentTime":[1026,"current-time"],"autoplay":[4],"ready":[1540],"playbackReady":[1028,"playback-ready"],"loop":[4],"muted":[1028],"buffered":[1026],"playbackRate":[1026,"playback-rate"],"playbackRates":[1040],"playbackQuality":[1025,"playback-quality"],"playbackQualities":[1040],"seeking":[1028],"debug":[4],"playbackStarted":[1028,"playback-started"],"playbackEnded":[1028,"playback-ended"],"buffering":[1028],"controls":[4],"isControlsActive":[4,"is-controls-active"],"errors":[1040],"textTracks":[1040],"currentCaption":[1040],"isCaptionsActive":[1028,"is-captions-active"],"isSettingsActive":[1028,"is-settings-active"],"volume":[1026],"isFullscreenActive":[1028,"is-fullscreen-active"],"aspectRatio":[1025,"aspect-ratio"],"viewType":[1025,"view-type"],"isAudioView":[1028,"is-audio-view"],"isVideoView":[1028,"is-video-view"],"mediaType":[1025,"media-type"],"isAudio":[1028,"is-audio"],"isVideo":[1028,"is-video"],"isLive":[1028,"is-live"],"isMobile":[1028,"is-mobile"],"isTouch":[1028,"is-touch"],"isPiPActive":[1028,"is-pi-p-active"],"autopause":[4],"playsinline":[4],"language":[1025],"translations":[1040],"languages":[1040],"i18n":[1040],"shouldCheckForProviderChange":[32],"getProvider":[64],"setProvider":[64],"getAdapter":[64],"play":[64],"pause":[64],"canPlay":[64],"canAutoplay":[64],"canMutedAutoplay":[64],"canSetPlaybackRate":[64],"canSetPlaybackQuality":[64],"canSetFullscreen":[64],"enterFullscreen":[64],"exitFullscreen":[64],"canSetPiP":[64],"enterPiP":[64],"exitPiP":[64],"extendLanguage":[64],"callAdapter":[64],"toggleCaptionsVisibility":[64]},[[0,"vMediaProviderConnect","onMediaProviderConnect"],[0,"vMediaProviderDisconnect","onMediaProviderDisconnect"],[0,"vLoadStart","onMediaChange"],[0,"vStateChange","onStateChange"],[0,"vProviderChange","onProviderChange"]]]]],["p-a69d48c3",[[0,"vime-playground",{"provider":[1025],"src":[1025],"showCustomUI":[1028,"show-custom-u-i"],"theme":[1025],"poster":[1025]}]]],["p-16c55be2",[[0,"vime-faketube",{"language":[1],"autoplay":[4],"controls":[4],"logger":[16],"loop":[4],"muted":[4],"playsinline":[4],"getAdapter":[64],"dispatchLoadStart":[64],"dispatchChange":[64]}]]]]'),e)));

package.json

 {
   "name": "@vime/core",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "description": "Customizable, extensible, accessible and framework agnostic media player.",
@@ -109,3 +109,3 @@ "license": "MIT",
   },
-  "gitHead": "767ef8a7de1abbf9bdef3fbdf2bfb66de55365fd"
+  "gitHead": "a302f6e298cebfa8164b6dc568c6c55be5aed017"
 }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2118196

increased by1.15%

Number of package files

364

increased by0.55%

Lines of code

51607

increased by1.04%

No dependency changes