@munsonlabs/video-player 0.1.4 → 0.1.6

package/dist/elements/style.css

@@ -0,0 +1 @@
+:where(.mvp-play-button[data-v-218255bd]){all:unset;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}:where(.mvp-play-button svg[data-v-218255bd]){width:1em;height:1em}@keyframes spin-259be2b2{to{transform:rotate(360deg)}}.spinner[data-v-259be2b2]{border-style:solid;border-color:#fffc #ffffff26 #ffffff26;border-radius:50%;animation:.75s linear infinite spin-259be2b2}:where(.mvp-buffering[data-v-454fec7f]){justify-content:center;align-items:center;display:inline-flex}.ppbtn{backdrop-filter:blur(12px);will-change:backdrop-filter;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex}.ppbtn:hover{background:#fff3;transform:scale(1.08)}.ppbtn--lg{background:var(--mvp-btn-bg,#ffffff1a);width:clamp(48px,20cqw,64px);height:clamp(48px,20cqw,64px);color:var(--mvp-btn-color,#fff)}.ppbtn--lg svg{width:clamp(20px,9cqw,28px);height:clamp(20px,9cqw,28px)}.ppbtn--lg:hover{background:var(--mvp-btn-bg,#fff3);filter:brightness(1.12)}.ppbtn--sm{color:#ffffffbf;background:0 0;border:none;border-radius:8px;width:30px;height:30px}.ppbtn--sm svg{width:16px;height:16px}.ppbtn--sm:hover{color:#fff;background:#ffffff1a;transform:none}.hud[data-v-a6d118e7]{align-items:center;gap:clamp(12px,5cqw,20px);display:flex}.hud__play-wrap[data-v-a6d118e7]{display:flex;position:relative}.hud__buf-spinner[data-v-a6d118e7]{margin-top:8px;position:absolute;top:100%;left:calc(50% - 7px)}.hud__spacer[data-v-a6d118e7]{flex-shrink:0;width:clamp(36px,14cqw,44px);height:clamp(36px,14cqw,44px)}.hud__btn[data-v-a6d118e7]{background:var(--mvp-btn-bg,#ffffff1a);backdrop-filter:blur(12px);will-change:backdrop-filter;width:clamp(36px,14cqw,44px);height:clamp(36px,14cqw,44px);color:var(--mvp-btn-color,#fff);cursor:pointer;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex}.hud__btn svg[data-v-a6d118e7]{width:clamp(16px,6cqw,18px);height:clamp(16px,6cqw,18px)}.hud__btn[data-v-a6d118e7]:hover{background:var(--mvp-btn-bg,#fff3);filter:brightness(1.12);transform:scale(1.08)}.hud__btn--active[data-v-a6d118e7]{border-color:var(--mvp-accent,#3b82f6);background:color-mix(in srgb, var(--mvp-accent,#3b82f6) 30%, var(--mvp-btn-bg,#ffffff1a));color:var(--mvp-btn-color,#fff)}.hud__btn--active[data-v-a6d118e7]:hover{background:color-mix(in srgb, var(--mvp-accent,#3b82f6) 45%, var(--mvp-btn-bg,#fff3))}:where(.mvp-fullscreen-button[data-v-b93a5017]){all:unset;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}:where(.mvp-fullscreen-button svg[data-v-b93a5017]){width:1em;height:1em}:where(.mvp-pip-button[data-v-f654d93e]){all:unset;cursor:pointer;opacity:.6;justify-content:center;align-items:center;display:inline-flex}:where(.mvp-pip-button--active[data-v-f654d93e]){opacity:1}:where(.mvp-pip-button svg[data-v-f654d93e]){width:1em;height:1em}.mvp-scrubber-wrap[data-v-043f1bc8]{width:100%;position:relative}:where(.mvp-scrubber[data-v-043f1bc8]){cursor:pointer;accent-color:currentColor;width:100%}.mvp-scrubber__preview[data-v-043f1bc8]{font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;margin-bottom:.4rem;font-size:.75rem;position:absolute;bottom:100%;transform:translate(-50%)}:where(.mvp-time-display[data-v-0285c811]){font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;display:inline-flex}:where(.mvp-time-display__dot[data-v-0285c811]){background:currentColor;border-radius:50%;width:6px;height:6px}.mvp-volume-wrap[data-v-fbb2c86c]{align-items:center;gap:.75rem;width:100%;display:flex}:where(.mvp-volume-slider[data-v-fbb2c86c]){cursor:pointer;accent-color:currentColor;flex:1}:where(.mvp-volume-pct[data-v-fbb2c86c]){font-variant-numeric:tabular-nums;text-align:right;min-width:2rem}.controls__vol-slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(to right, #fff 0%, #fff var(--v), #ffffff26 var(--v), #ffffff26 100%);outline:none;flex:1;height:5px;transition:height .15s}.controls__vol-slider:hover{height:7px}.controls__vol-slider::-webkit-slider-runnable-track{background:0 0;height:5px}.controls__vol-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-5.5px;transition:transform .15s;box-shadow:0 0 0 3px #fff3}.controls__vol-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.controls__vol-slider::-moz-range-track{background:#ffffff26;height:5px}.controls__vol-slider::-moz-range-progress{background:#fff;height:5px}.controls__vol-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #fff3}.controls__vol-header[data-v-10b0ae67]{align-items:center;gap:4px;display:flex}.controls__vol-label[data-v-10b0ae67]{color:#ffffffe6;flex:1;padding:0 4px;font-size:.8rem;font-weight:600}.controls__vol-body[data-v-10b0ae67]{align-items:center;gap:12px;padding:6px 0 4px;display:flex}.controls__vol-pct[data-v-10b0ae67]{font-variant-numeric:tabular-nums;color:#fff9;text-align:right;min-width:32px;font-size:.75rem;font-weight:600}.controls__more-row[data-v-47ca5bfc]{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 4px;font-size:.8rem;font-weight:500;transition:background .15s;display:flex}.controls__more-row[data-v-47ca5bfc]:hover{background:#ffffff14}.controls__more-row-label[data-v-47ca5bfc]{align-items:center;gap:8px;display:flex}.controls__more-row-icon[data-v-47ca5bfc]{flex-shrink:0;width:16px;height:16px}.controls__more-value[data-v-47ca5bfc]{font-variant-numeric:tabular-nums;color:#ffffff80;font-size:.7rem;font-weight:600}.controls__more-row--active .controls__more-value[data-v-47ca5bfc]{color:var(--mvp-accent,#3b82f6)}.controls__more-header[data-v-e89a8208]{flex-shrink:0;align-items:center;gap:4px;display:flex}.controls__more-label[data-v-e89a8208]{color:#ffffffe6;flex:1;padding:0 4px;font-size:.8rem;font-weight:600}.controls__more-body[data-v-e89a8208]{flex-direction:column;min-height:0;padding:2px 0;display:flex;overflow-y:auto}::view-transition-old(controls-popup),::view-transition-new(controls-popup){animation-duration:.22s;animation-timing-function:ease-in-out}.controls__btn{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:flex}.controls__btn svg{width:16px;height:16px}.controls__btn:hover{color:#fff;background:#ffffff1a}.controls--compact .controls__seek,.controls--compact .mvp-scrubber-wrap,.controls--compact .controls__btn--more,.controls--compact .controls__btn--pip,.controls--compact .controls__fs-wrap{display:none}@container player-shell (width<=300px){.controls__seek,.mvp-scrubber-wrap,.controls__btn--more,.controls__btn--pip,.controls__fs-wrap{display:none}}.controls__seek{-webkit-appearance:none;appearance:none;cursor:pointer;box-sizing:border-box;background:padding-box content-box;background-image:linear-gradient(to right, var(--mvp-accent,#3b82f6) 0%, var(--mvp-accent,#3b82f6) var(--p), #ffffff4d var(--p), #ffffff4d var(--b), #ffffff1a var(--b), #ffffff1a 100%);outline:none;width:100%;height:20px;padding:8px 0}.controls__seek::-webkit-slider-runnable-track{background:0 0;height:4px}.controls__seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--mvp-accent,#3b82f6);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--mvp-accent,#3b82f6) 30%, transparent);cursor:pointer;border-radius:50%;margin-top:-5px;transition:transform .15s}.controls__seek:hover::-webkit-slider-thumb{transform:scale(1.25)}.controls__seek::-moz-range-track{background:#ffffff1a;height:4px}.controls__seek::-moz-range-progress{background:var(--mvp-accent,#3b82f6);height:4px}.controls__seek::-moz-range-thumb{background:var(--mvp-accent,#3b82f6);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--mvp-accent,#3b82f6) 30%, transparent);cursor:pointer;border:none;border-radius:50%}.controls[data-v-5712aad4]{-webkit-backdrop-filter:blur(20px);background:#0a0a0e;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:10px;width:min(340px,100% - 32px);max-height:100%;padding:14px 16px 12px;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000080}.controls--fs[data-v-5712aad4]{width:100%}.controls__row[data-v-5712aad4]{align-items:center;gap:4px;display:flex}.controls__time-display[data-v-5712aad4]{color:#fff9;letter-spacing:.02em;flex:1;padding:0 4px;font-size:.7rem;font-weight:500}.controls__time-display.mvp-time-display--live[data-v-5712aad4]{letter-spacing:.04em;text-transform:uppercase;color:#f87171;font-weight:700}.controls__play-wrap[data-v-5712aad4]{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.controls__btn--active[data-v-5712aad4],.controls__btn--pip.mvp-pip-button--active[data-v-5712aad4]{color:var(--mvp-accent,#3b82f6)}.controls__btn--active[data-v-5712aad4]:hover,.controls__btn--pip.mvp-pip-button--active[data-v-5712aad4]:hover{color:var(--mvp-accent,#60a5fa)}.controls__fs-wrap[data-v-5712aad4]{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.overlay__spinner[data-v-f3307b98]{z-index:5;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fade-enter-active[data-v-f3307b98],.fade-leave-active[data-v-f3307b98]{transition:opacity .25s}.fade-enter-from[data-v-f3307b98],.fade-leave-to[data-v-f3307b98]{opacity:0}.overlay__error[data-v-f3307b98]{z-index:6;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:absolute;inset:0}.overlay__error p[data-v-f3307b98]{color:#ffffffb3;text-align:center;max-width:260px;font-size:.875rem;line-height:1.5}.overlay__retry[data-v-f3307b98]{pointer-events:auto;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:background .15s}.overlay__retry[data-v-f3307b98]:hover{background:#fff3}.overlay__hud[data-v-f3307b98]{z-index:4;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.overlay__hud--visible[data-v-f3307b98]{opacity:1;pointer-events:all}.overlay__popup[data-v-f3307b98]{z-index:5;align-items:var(--mvp-popup-align,center);pointer-events:none;justify-content:center;padding:16px;display:flex;position:absolute;inset:0}.overlay__popup[data-v-f3307b98] .controls{pointer-events:auto}.overlay__popup--fs[data-v-f3307b98]{align-items:flex-end}.popup-enter-active[data-v-f3307b98],.popup-leave-active[data-v-f3307b98]{transition:opacity .2s,transform .2s}.popup-enter-from[data-v-f3307b98],.popup-leave-to[data-v-f3307b98]{opacity:0;transform:scale(.95)}.ad-overlay[data-v-23efcc8b]{z-index:21;pointer-events:none;position:absolute;inset:0}.ad-overlay__bar[data-v-23efcc8b]{align-items:center;gap:6px;display:flex;position:absolute;bottom:10px;left:10px}.ad-overlay__badge[data-v-23efcc8b]{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#0009;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:.65rem;font-weight:700;display:flex}.ad-overlay__countdown[data-v-23efcc8b]{font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:.02em;opacity:.8;font-weight:500}.ad-overlay__btn[data-v-23efcc8b]{color:#fff;cursor:pointer;pointer-events:auto;background:#0009;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:background .15s;display:flex}.ad-overlay__btn[data-v-23efcc8b]:hover{background:#000c}.ad-overlay__btn svg[data-v-23efcc8b]{width:11px;height:11px}.player[data-v-4ab3cf75]{user-select:none;-webkit-tap-highlight-color:transparent;width:100%;max-width:800px;margin:0 auto}[data-mvp-player][data-v-4ab3cf75]{position:absolute;inset:0}.player__shell[data-v-4ab3cf75]{border-radius:var(--mvp-radius,12px);cursor:pointer;background:#000;position:relative;overflow:hidden;container:player-shell/inline-size}.mvp-video--hidden[data-v-4ab3cf75]{opacity:0}.overlay__tap-capture[data-v-4ab3cf75]{z-index:2;position:absolute;inset:0}.player__shell--portrait[data-v-4ab3cf75]{width:auto;max-width:100%;max-height:75dvh;margin:0 auto}.player__native-play[data-v-4ab3cf75]{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player__native-play[data-v-4ab3cf75]>*{pointer-events:auto}.player__shell[data-v-4ab3cf75]:fullscreen{border-radius:0;width:100vw;height:100dvh}.player__shell:fullscreen .mvp-video[data-v-4ab3cf75],.player__shell:fullscreen [data-mvp-player][data-v-4ab3cf75]{width:100%!important;height:100%!important}.mvp-video{border-radius:var(--mvp-radius,12px);object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.mvp-dailymotion .mvp-tech>*,.mvp-dailymotion .dailymotion-player-root,.mvp-dailymotion iframe{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.mvp-vimeo .mvp-tech>div{width:100%!important;height:100%!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.mvp-vimeo iframe{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}[data-mvp-player] .ima-ad-container{pointer-events:none;z-index:20!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.mvp-ad-playing .ima-ad-container{pointer-events:auto}.mvp-ad-playing .overlay__hud,.mvp-ad-playing .overlay__spinner{display:none!important}.stage-wrapper[data-v-fb8c86cf]{width:100%;max-width:800px;margin:0 auto}.stage[data-v-fb8c86cf]{width:100%}.stage__dismiss[data-v-fb8c86cf],.stage__scroll-to[data-v-fb8c86cf]{z-index:10;backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex;position:absolute;top:.4rem}.stage__dismiss[data-v-fb8c86cf]:hover,.stage__scroll-to[data-v-fb8c86cf]:hover{background:#000000d9}.stage__dismiss svg[data-v-fb8c86cf],.stage__scroll-to svg[data-v-fb8c86cf]{width:14px;height:14px}.stage__dismiss[data-v-fb8c86cf]{right:.4rem}.stage__scroll-to[data-v-fb8c86cf]{left:.4rem}.stage--minified[data-v-fb8c86cf]{z-index:100;margin:0;position:fixed;overflow:hidden;box-shadow:0 8px 32px #0009}.stage--pin-bottom-right[data-v-fb8c86cf],.stage--pin-bottom-left[data-v-fb8c86cf],.stage--pin-top-right[data-v-fb8c86cf],.stage--pin-top-left[data-v-fb8c86cf]{border-radius:var(--mvp-radius,12px);width:360px;max-width:360px;transition:transform .25s;@media (width<=740px){max-width:300px}}.stage--pin-bottom-right[data-v-fb8c86cf]{bottom:1.25rem;right:1.25rem}.stage--pin-bottom-left[data-v-fb8c86cf]{bottom:1.25rem;left:1.25rem}.stage--pin-top-right[data-v-fb8c86cf]{top:1.25rem;right:1.25rem}.stage--pin-top-left[data-v-fb8c86cf]{top:1.25rem;left:1.25rem}.stage--pin-bottom-right.stage--tucked[data-v-fb8c86cf],.stage--pin-top-right.stage--tucked[data-v-fb8c86cf]{transform:translateX(calc(100% - var(--mvp-stage-tuck,32px)))}.stage--pin-bottom-left.stage--tucked[data-v-fb8c86cf],.stage--pin-top-left.stage--tucked[data-v-fb8c86cf]{transform:translateX(calc(-100% + var(--mvp-stage-tuck,32px)))}.stage--pin-full-width[data-v-fb8c86cf]{width:100%;max-width:100%;box-shadow:none;border-radius:0;top:0;left:0;right:0}.stage__idle[data-v-fb8c86cf]{border-radius:var(--mvp-radius,12px);cursor:pointer;background:#111;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.stage__idle-poster[data-v-fb8c86cf]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage__idle-scrim[data-v-fb8c86cf]{background:#00000073;transition:background .15s;position:absolute;inset:0}.stage__idle:hover .stage__idle-scrim[data-v-fb8c86cf]{background:#0000004d}.stage__idle-body[data-v-fb8c86cf]{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex;position:relative}.stage__idle-btn[data-v-fb8c86cf]{backdrop-filter:blur(4px);color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .15s,background .15s;display:flex}.stage__idle:hover .stage__idle-btn[data-v-fb8c86cf]{background:#000c;transform:scale(1.1)}.stage__idle-btn svg[data-v-fb8c86cf]{width:32px;height:32px}.stage__idle-title[data-v-fb8c86cf]{color:#f1f5f9;text-shadow:0 1px 4px #000c;font-size:1rem;font-weight:600}.stage__idle-empty[data-v-fb8c86cf]{color:#64748b;font-size:.95rem}.placeholder[data-v-dbcb4f82]{width:100%}.placeholder__shell[data-v-dbcb4f82]{border-radius:var(--mvp-radius,12px);cursor:pointer;background:#111;position:relative;overflow:hidden}.placeholder__shell--portrait[data-v-dbcb4f82]{width:auto;max-height:75dvh;margin:0 auto}.placeholder__poster[data-v-dbcb4f82]{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.placeholder__scrim[data-v-dbcb4f82]{background:#00000059;transition:background .15s;position:absolute;inset:0}.placeholder__shell:hover .placeholder__scrim[data-v-dbcb4f82]{background:#00000026}.placeholder__btn-wrap[data-v-dbcb4f82]{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.placeholder__btn-wrap[data-v-dbcb4f82]>*{pointer-events:auto}.placeholder__footer[data-v-dbcb4f82]{pointer-events:none;background:linear-gradient(#0000 0%,#000c 100%);padding:1.5rem .75rem .6rem;position:absolute;bottom:0;left:0;right:0}.placeholder__title[data-v-dbcb4f82]{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #0009;font-size:.8rem;font-weight:600;overflow:hidden}.mvp-hide-marker[data-v-bacb702a]{width:100%;min-height:1px}:where(.mvp-mute-button[data-v-1940b598]){all:unset;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}:where(.mvp-mute-button svg[data-v-1940b598]){width:1em;height:1em}:where(.mvp-loop-button[data-v-e32eda25]){all:unset;cursor:pointer;opacity:.6;justify-content:center;align-items:center;display:inline-flex}:where(.mvp-loop-button--active[data-v-e32eda25]){opacity:1}:where(.mvp-loop-button svg[data-v-e32eda25]){width:1em;height:1em}:where(.mvp-captions-button[data-v-2572c4f2]){all:unset;cursor:pointer;opacity:.6;justify-content:center;align-items:center;display:inline-flex}:where(.mvp-captions-button--active[data-v-2572c4f2]){opacity:1}:where(.mvp-captions-button svg[data-v-2572c4f2]){width:1em;height:1em}:where(.mvp-quality-button[data-v-d1352878]){all:unset;cursor:pointer;opacity:.6;justify-content:center;align-items:center;display:inline-flex}:where(.mvp-quality-button--active[data-v-d1352878]){opacity:1}:where(.mvp-quality-button svg[data-v-d1352878]){width:1em;height:1em}:where(.mvp-playback-rate-button[data-v-646c9bc1]){all:unset;cursor:pointer;font-variant-numeric:tabular-nums;opacity:.6;justify-content:center;align-items:center;display:inline-flex}:where(.mvp-playback-rate-button--active[data-v-646c9bc1]){opacity:1}

package/dist/index.d.mts

@@ -20,7 +20,7 @@ interface CustomAction {
   onClick: () => void;
 }
 type PlayerAction = BuiltinAction | CustomAction;
-type StateChangeType = 'play' | 'pause' | 'ended' | 'seeked' | 'error' | 'adstart' | 'adend' | 'volumechange' | 'ratechange' | 'captionchange' | 'qualitychange' | 'pipchange' | 'loopchange' | 'firstQuartile' | 'midpoint' | 'thirdQuartile' | 'controlsopen' | 'controlsclose' | 'bufferstart' | 'bufferend';
+type StateChangeType = 'play' | 'pause' | 'ended' | 'seeked' | 'error' | 'adstart' | 'adend' | 'volumechange' | 'ratechange' | 'captionchange' | 'qualitychange' | 'pipchange' | 'loopchange' | 'firstQuartile' | 'midpoint' | 'thirdQuartile' | 'controlsopen' | 'controlsclose' | 'bufferstart' | 'bufferend' | 'timeupdate' | 'tap';
 interface StateChangeEvent {
   type: StateChangeType;
   currentTime: number;
@@ -79,6 +79,8 @@ interface PlayerProps {
   payload?: Record<string, unknown>;
   action?: PlayerAction | null;
   disableTapCapture?: boolean;
+  controls?: boolean;
+  playWhenInView?: boolean;
 }
 type VideoSelectDetail = PlayerProps;
 interface VideoStateDetail {
@@ -89,15 +91,52 @@ interface VideoToggleDetail {
   videoUrl: string;
 }
 type VideoEntry = PlayerProps;
+interface PlayerHandle {
+  isPlaying: boolean;
+  togglePlay(): void;
+  hasEnded: boolean;
+  isError: boolean;
+  retry(): void;
+  isMuted: boolean;
+  toggleMute(): void;
+  isAudible: boolean;
+  isFullscreen: boolean;
+  toggleFullscreen(): void;
+  current: number;
+  total: number;
+  seek(percent: number): void;
+  bufferedDisplay: number;
+  isBuffering: boolean;
+  isLive: boolean;
+  vol: number;
+  setVolume(vol: number): void;
+  isLooping: boolean;
+  toggleLoop(): void;
+  supportsPip: boolean;
+  isPipActive: boolean;
+  togglePip(): void;
+  supportsCaptions: boolean;
+  captionTracks: CaptionTrackInfo[];
+  activeCaptionIndex: number | null;
+  setCaptionTrack(index: number | null): void;
+  supportsQuality: boolean;
+  qualityLevels: QualityLevelInfo[];
+  currentQualityIndex: number | null;
+  isAutoQuality: boolean;
+  setQuality(index: number | null): void;
+  supportsPlaybackRate: boolean;
+  playbackRate: number;
+  setPlaybackRate(rate: number): void;
+}
 //#endregion
 //#region src/components/VideoPlayer.vue.d.ts
-type __VLS_Props$1 = PlayerProps & {
+type __VLS_Props$13 = PlayerProps & {
   hasPlaylist?: boolean;
   hasNext?: boolean;
   hasPrevious?: boolean;
   autoAdvance?: boolean;
 };
-declare const __VLS_export$3: import("vue").DefineComponent<__VLS_Props$1, {
+declare const __VLS_export$16: import("vue").DefineComponent<__VLS_Props$13, {
   isPlaying: boolean;
   hasEnded: boolean;
   isReady: boolean;
@@ -111,6 +150,7 @@ declare const __VLS_export$3: import("vue").DefineComponent<__VLS_Props$1, {
   total: number;
   vol: number;
   isMuted: boolean;
+  isAudible: boolean;
   isLooping: boolean;
   playbackRate: number;
   hasStarted: boolean;
@@ -151,82 +191,120 @@ declare const __VLS_export$3: import("vue").DefineComponent<__VLS_Props$1, {
   "play-next": () => any;
   "play-previous": () => any;
   "toggle-auto-advance": () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props$1> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props$13> & Readonly<{
   "onState-change"?: ((event: StateChangeEvent) => any) | undefined;
   "onPlay-next"?: (() => any) | undefined;
   "onPlay-previous"?: (() => any) | undefined;
   "onToggle-auto-advance"?: (() => any) | undefined;
 }>, {
-  nativeUi: boolean;
-  autoplay: boolean;
   title: string;
   poster: string;
   aspectRatio: string;
   adTagUrl: string;
   tracks: CaptionTrackDef[];
+  autoplay: boolean;
   muted: boolean;
+  nativeUi: boolean;
   autoStage: boolean;
   lazy: boolean;
   payload: Record<string, unknown>;
   action: PlayerAction | null;
   disableTapCapture: boolean;
+  controls: boolean;
+  playWhenInView: boolean;
   hasPlaylist: boolean;
   hasNext: boolean;
   hasPrevious: boolean;
   autoAdvance: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default$2: typeof __VLS_export$3;
+declare const _default$14: typeof __VLS_export$16;
 //#endregion
 //#region src/components/VideoStage.vue.d.ts
-type __VLS_Props = {
+type __VLS_Props$12 = {
   pinPosition?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'full-width';
   playlist?: VideoEntry[];
 };
 declare function playNext(): void;
 declare function playPrevious(): void;
-declare const __VLS_export$2: import("vue").DefineComponent<__VLS_Props, {
+declare const __VLS_export$15: import("vue").DefineComponent<__VLS_Props$12, {
+  retry: () => Promise<void>;
+  togglePlay: () => Promise<void>;
+  seek: (val: number) => Promise<void>;
+  toggleMute: () => Promise<void>;
+  setVolume: (val: number) => Promise<void>;
+  toggleFullscreen: () => Promise<void>;
+  markFullscreenPending: () => Promise<void>;
+  toggleLoop: () => Promise<void>;
+  toggleAdMute: () => Promise<void>;
+  setPlaybackRate: (rate: number) => Promise<void>;
+  setCaptionTrack: (index: number | null) => Promise<void>;
+  setQuality: (index: number | null) => Promise<void>;
+  togglePip: () => Promise<void>;
+  playbackRate: import("vue").ComputedRef<number>;
+  nativeUi: import("vue").ComputedRef<boolean>;
+  isPlaying: import("vue").ComputedRef<boolean>;
+  hasEnded: import("vue").ComputedRef<boolean>;
+  isReady: import("vue").ComputedRef<boolean>;
+  isAdPlaying: import("vue").ComputedRef<boolean>;
+  isAdPaused: import("vue").ComputedRef<boolean>;
+  isAdMuted: import("vue").ComputedRef<boolean>;
+  adRemainingTime: import("vue").ComputedRef<number>;
+  isLive: import("vue").ComputedRef<boolean>;
+  isBuffering: import("vue").ComputedRef<boolean>;
+  current: import("vue").ComputedRef<number>;
+  total: import("vue").ComputedRef<number>;
+  vol: import("vue").ComputedRef<number>;
+  isMuted: import("vue").ComputedRef<boolean>;
+  isAudible: import("vue").ComputedRef<boolean>;
+  isLooping: import("vue").ComputedRef<boolean>;
+  hasStarted: import("vue").ComputedRef<boolean>;
+  isError: import("vue").ComputedRef<boolean>;
+  errorMessage: import("vue").ComputedRef<string>;
+  progress: import("vue").ComputedRef<number>;
+  bufferedDisplay: import("vue").ComputedRef<number>;
+  isFullscreen: import("vue").ComputedRef<boolean>;
+  isFullscreenPending: import("vue").ComputedRef<boolean>;
+  supportsPlaybackRate: import("vue").ComputedRef<boolean>;
+  supportsCaptions: import("vue").ComputedRef<boolean>;
+  captionTracks: import("vue").ComputedRef<CaptionTrackInfo[]>;
+  activeCaptionIndex: import("vue").ComputedRef<number | null>;
+  supportsQuality: import("vue").ComputedRef<boolean>;
+  qualityLevels: import("vue").ComputedRef<QualityLevelInfo[]>;
+  currentQualityIndex: import("vue").ComputedRef<number | null>;
+  isAutoQuality: import("vue").ComputedRef<boolean>;
+  supportsPip: import("vue").ComputedRef<boolean>;
+  isPipActive: import("vue").ComputedRef<boolean>;
   playNext: typeof playNext;
   playPrevious: typeof playPrevious;
   hasNext: import("vue").ComputedRef<boolean>;
   hasPrevious: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "state-change": (event: StateChangeEvent) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props$12> & Readonly<{
   "onState-change"?: ((event: StateChangeEvent) => any) | undefined;
 }>, {
   pinPosition: "bottom-right" | "bottom-left" | "top-right" | "top-left" | "full-width";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default$3: typeof __VLS_export$2;
+declare const _default$15: typeof __VLS_export$15;
 //#endregion
 //#region src/components/VideoPlaceholder.vue.d.ts
-declare const __VLS_export$1: import("vue").DefineComponent<PlayerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PlayerProps> & Readonly<{}>, {
-  nativeUi: boolean;
-  autoplay: boolean;
+declare const __VLS_export$14: import("vue").DefineComponent<PlayerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "enter-view": () => any;
+}, string, import("vue").PublicProps, Readonly<PlayerProps> & Readonly<{
+  "onEnter-view"?: (() => any) | undefined;
+}>, {
   title: string;
   poster: string;
   aspectRatio: string;
   adTagUrl: string;
+  autoplay: boolean;
   muted: boolean;
+  nativeUi: boolean;
   autoStage: boolean;
   payload: Record<string, unknown>;
   action: PlayerAction | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default$1: typeof __VLS_export$1;
-//#endregion
-//#region src/components/VideoItem.vue.d.ts
-declare const __VLS_export: import("vue").DefineComponent<PlayerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "state-change": (event: StateChangeEvent) => any;
-}, string, import("vue").PublicProps, Readonly<PlayerProps> & Readonly<{
-  "onState-change"?: ((event: StateChangeEvent) => any) | undefined;
-}>, {
-  muted: boolean;
-  lazy: boolean;
-  action: PlayerAction | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-//#endregion
-//#region src/adapters/index.d.ts
-declare function getPlatform(url: string): string;
+declare const _default$13: typeof __VLS_export$14;
 //#endregion
 //#region src/composables/player/usePlayer.d.ts
 interface UsePlayerReturn {
@@ -243,6 +321,7 @@ interface UsePlayerReturn {
   total: Ref<number>;
   vol: Ref<number>;
   isMuted: Ref<boolean>;
+  isAudible: ComputedRef<boolean>;
   isLooping: Ref<boolean>;
   playbackRate: Ref<number>;
   hasStarted: Ref<boolean>;
@@ -314,7 +393,326 @@ interface PlaylistContext {
 declare const PlaylistKey: InjectionKey<PlaylistContext>;
 declare function injectStrict<T>(key: InjectionKey<T>): T;
 //#endregion
+//#region src/composables/useForwardedPlayer.d.ts
+declare const METHOD_KEYS: readonly ["retry", "togglePlay", "seek", "toggleMute", "setVolume", "toggleFullscreen", "markFullscreenPending", "toggleLoop", "toggleAdMute", "setPlaybackRate", "setCaptionTrack", "setQuality", "togglePip"];
+declare const STATE_KEYS: readonly ["isPlaying", "hasEnded", "isReady", "isAdPlaying", "isAdPaused", "isAdMuted", "adRemainingTime", "isLive", "isBuffering", "current", "total", "vol", "isMuted", "isAudible", "isLooping", "playbackRate", "hasStarted", "isError", "errorMessage", "progress", "bufferedDisplay", "isFullscreen", "isFullscreenPending", "supportsPlaybackRate", "supportsCaptions", "captionTracks", "activeCaptionIndex", "supportsQuality", "qualityLevels", "currentQualityIndex", "isAutoQuality", "supportsPip", "isPipActive", "nativeUi"];
+type MethodKey = (typeof METHOD_KEYS)[number];
+type StateKey = (typeof STATE_KEYS)[number];
+type ForwardedPlayer = { [K in MethodKey]: (...args: Parameters<PlayerContext[K]>) => Promise<void>; } & { [K in StateKey]: ComputedRef<PlayerContext[K]>; };
+interface UseForwardedPlayerReturn {
+  playerRef: Ref<PlayerContext | null>;
+  forwarded: ForwardedPlayer;
+}
+declare function useForwardedPlayer(guard?: (key: MethodKey) => boolean | Promise<boolean>): UseForwardedPlayerReturn;
+//#endregion
+//#region src/components/VideoItem.vue.d.ts
+declare const __VLS_export$13: import("vue").DefineComponent<PlayerProps, ForwardedPlayer, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "state-change": (event: StateChangeEvent) => any;
+}, string, import("vue").PublicProps, Readonly<PlayerProps> & Readonly<{
+  "onState-change"?: ((event: StateChangeEvent) => any) | undefined;
+}>, {
+  muted: boolean;
+  lazy: boolean;
+  action: PlayerAction | null;
+  controls: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default$12: typeof __VLS_export$13;
+//#endregion
+//#region src/components/HideMarker.vue.d.ts
+declare const __VLS_export$12: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default$3: typeof __VLS_export$12;
+//#endregion
+//#region src/components/controls/Scrubber.vue.d.ts
+type __VLS_Props$11 = {
+  player?: PlayerHandle | null;
+  for?: string;
+};
+declare var __VLS_1$11: {
+  scrubbing: boolean;
+  percent: number;
+  previewSeconds: number;
+  formatTime: (seconds: number) => string;
+};
+type __VLS_Slots$11 = {} & {
+  preview?: (props: typeof __VLS_1$11) => any;
+};
+declare const __VLS_base$11: import("vue").DefineComponent<__VLS_Props$11, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$11> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$11: __VLS_WithSlots$11<typeof __VLS_base$11, __VLS_Slots$11>;
+declare const _default$10: typeof __VLS_export$11;
+type __VLS_WithSlots$11<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/controls/PlayButton.vue.d.ts
+type __VLS_Props$10 = {
+  player?: PlayerHandle | null;
+  for?: string;
+};
+declare var __VLS_1$10: {
+  isPlaying: boolean;
+  hasEnded: boolean;
+  isError: boolean;
+};
+type __VLS_Slots$10 = {} & {
+  default?: (props: typeof __VLS_1$10) => any;
+};
+declare const __VLS_base$10: import("vue").DefineComponent<__VLS_Props$10, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$10> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$10: __VLS_WithSlots$10<typeof __VLS_base$10, __VLS_Slots$10>;
+declare const _default$7: typeof __VLS_export$10;
+type __VLS_WithSlots$10<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/controls/MuteButton.vue.d.ts
+type __VLS_Props$9 = {
+  player?: PlayerHandle | null;
+  for?: string;
+};
+declare var __VLS_1$9: {
+  isMuted: boolean;
+};
+type __VLS_Slots$9 = {} & {
+  default?: (props: typeof __VLS_1$9) => any;
+};
+declare const __VLS_base$9: import("vue").DefineComponent<__VLS_Props$9, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$9> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$9: __VLS_WithSlots$9<typeof __VLS_base$9, __VLS_Slots$9>;
+declare const _default$5: typeof __VLS_export$9;
+type __VLS_WithSlots$9<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/controls/FullscreenButton.vue.d.ts
+type __VLS_Props$8 = {
+  player?: PlayerHandle | null;
+  for?: string;
+};
+declare var __VLS_1$8: {
+  isFullscreen: boolean;
+};
+type __VLS_Slots$8 = {} & {
+  default?: (props: typeof __VLS_1$8) => any;
+};
+declare const __VLS_base$8: import("vue").DefineComponent<__VLS_Props$8, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$8> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$8: __VLS_WithSlots$8<typeof __VLS_base$8, __VLS_Slots$8>;
+declare const _default$2: typeof __VLS_export$8;
+type __VLS_WithSlots$8<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/controls/Buffering.vue.d.ts
+type __VLS_Props$7 = {
+  player?: PlayerHandle | null;
+  for?: string;
+};
+declare var __VLS_1$7: {};
+type __VLS_Slots$7 = {} & {
+  default?: (props: typeof __VLS_1$7) => any;
+};
+declare const __VLS_base$7: import("vue").DefineComponent<__VLS_Props$7, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$7> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$7: __VLS_WithSlots$7<typeof __VLS_base$7, __VLS_Slots$7>;
+declare const _default: typeof __VLS_export$7;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/controls/LoopButton.vue.d.ts
+type __VLS_Props$6 = {
+  player?: PlayerHandle | null;
+  for?: string;
+};
+declare var __VLS_1$6: {
+  isLooping: boolean;
+};
+type __VLS_Slots$6 = {} & {
+  default?: (props: typeof __VLS_1$6) => any;
+};
+declare const __VLS_base$6: import("vue").DefineComponent<__VLS_Props$6, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$6> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$6: __VLS_WithSlots$6<typeof __VLS_base$6, __VLS_Slots$6>;
+declare const _default$4: typeof __VLS_export$6;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/controls/PipButton.vue.d.ts
+type __VLS_Props$5 = {
+  player?: PlayerHandle | null;
+  for?: string;
+};
+declare var __VLS_1$5: {
+  isPipActive: boolean;
+};
+type __VLS_Slots$5 = {} & {
+  default?: (props: typeof __VLS_1$5) => any;
+};
+declare const __VLS_base$5: import("vue").DefineComponent<__VLS_Props$5, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$5> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$5: __VLS_WithSlots$5<typeof __VLS_base$5, __VLS_Slots$5>;
+declare const _default$6: typeof __VLS_export$5;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/controls/CaptionsButton.vue.d.ts
+type __VLS_Props$4 = {
+  player?: PlayerHandle | null;
+  for?: string;
+};
+declare var __VLS_1$4: {
+  currentLabel: string;
+  tracks: CaptionTrackInfo[];
+  activeIndex: number | null;
+};
+type __VLS_Slots$4 = {} & {
+  default?: (props: typeof __VLS_1$4) => any;
+};
+declare const __VLS_base$4: import("vue").DefineComponent<__VLS_Props$4, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$4> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$4: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
+declare const _default$1: typeof __VLS_export$4;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/controls/QualityButton.vue.d.ts
+type __VLS_Props$3 = {
+  player?: PlayerHandle | null;
+  for?: string;
+};
+declare var __VLS_1$3: {
+  currentLabel: string;
+  levels: QualityLevelInfo[];
+  currentIndex: number | null;
+  isAuto: boolean;
+};
+type __VLS_Slots$3 = {} & {
+  default?: (props: typeof __VLS_1$3) => any;
+};
+declare const __VLS_base$3: import("vue").DefineComponent<__VLS_Props$3, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$3> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$3: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
+declare const _default$9: typeof __VLS_export$3;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/controls/PlaybackRateButton.vue.d.ts
+type __VLS_Props$2 = {
+  player?: PlayerHandle | null;
+  for?: string;
+};
+declare var __VLS_1$2: {
+  currentLabel: string;
+  rate: number;
+  rates: number[];
+};
+type __VLS_Slots$2 = {} & {
+  default?: (props: typeof __VLS_1$2) => any;
+};
+declare const __VLS_base$2: import("vue").DefineComponent<__VLS_Props$2, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$2> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$2: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
+declare const _default$8: typeof __VLS_export$2;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/controls/VolumeSlider.vue.d.ts
+type __VLS_Props$1 = {
+  player?: PlayerHandle | null;
+  for?: string;
+};
+declare var __VLS_1$1: {
+  percent: number;
+};
+type __VLS_Slots$1 = {} & {
+  default?: (props: typeof __VLS_1$1) => any;
+};
+declare const __VLS_base$1: import("vue").DefineComponent<__VLS_Props$1, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$1> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
+declare const _default$16: typeof __VLS_export$1;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/utils/tech.d.ts
+declare function fmtTime(s: number, round?: boolean): string;
+//#endregion
+//#region src/components/controls/TimeDisplay.vue.d.ts
+type __VLS_Props = {
+  player?: PlayerHandle | null;
+  for?: string;
+};
+declare var __VLS_1: {
+  isLive: boolean;
+  current: number;
+  total: number;
+  formatTime: typeof fmtTime;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default$11: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/adapters/index.d.ts
+declare function getPlatform(url: string): string;
+//#endregion
+//#region src/composables/controls/useScrubber.d.ts
+interface UseScrubberReturn {
+  scrubbing: ComputedRef<boolean>;
+  displayPercent: ComputedRef<number>;
+  previewSeconds: ComputedRef<number>;
+  onInput: (e: Event) => void;
+  onChange: (e: Event) => void;
+}
+declare function useScrubber(player: Ref<PlayerHandle | null | undefined>): UseScrubberReturn;
+//#endregion
+//#region src/composables/overlay/useCaptions.d.ts
+interface UseCaptionsReturn {
+  cycleCaptionTrack: () => void;
+  currentCaptionLabel: () => string;
+}
+declare function useCaptions(player: PlayerHandle): UseCaptionsReturn;
+//#endregion
+//#region src/composables/overlay/useQuality.d.ts
+interface UseQualityReturn {
+  cycleQuality: () => void;
+  currentQualityLabel: () => string;
+}
+declare function useQuality(player: PlayerHandle): UseQualityReturn;
+//#endregion
+//#region src/composables/overlay/usePlaybackRate.d.ts
+interface UsePlaybackRateReturn {
+  cycleRate: () => void;
+  fmtRate: (rate: number) => string;
+}
+declare function usePlaybackRate(player: PlayerHandle): UsePlaybackRateReturn;
+//#endregion
 //#region src/index.d.ts
 declare const VideoPlayerPlugin: Plugin;
 //#endregion
-export { ActionKey, BuiltinAction, CaptionTrackDef, CompactKey, CustomAction, HeaderBiddingAdUnit, HeaderBiddingConfig, HudContext, HudKey, PlayerAction, PlayerContext, PlayerKey, PlayerProps, PlaylistContext, PlaylistKey, StateChangeEvent, StateChangeType, VideoEntry, _default as VideoItem, _default$1 as VideoPlaceholder, _default$2 as VideoPlayer, VideoPlayerPlugin, VideoPlayerPlugin as default, VideoSelectDetail, _default$3 as VideoStage, VideoStateDetail, VideoToggleDetail, getPlatform, injectStrict };
+export { ActionKey, _default as Buffering, BuiltinAction, CaptionTrackDef, type CaptionTrackInfo, _default$1 as CaptionsButton, CompactKey, CustomAction, type ForwardedPlayer, _default$2 as FullscreenButton, HeaderBiddingAdUnit, HeaderBiddingConfig, _default$3 as HideMarker, HudContext, HudKey, _default$4 as LoopButton, type MethodKey, _default$5 as MuteButton, _default$6 as PipButton, _default$7 as PlayButton, _default$8 as PlaybackRateButton, PlayerAction, PlayerContext, PlayerHandle, PlayerKey, PlayerProps, PlaylistContext, PlaylistKey, _default$9 as QualityButton, type QualityLevelInfo, _default$10 as Scrubber, StateChangeEvent, StateChangeType, _default$11 as TimeDisplay, type UseForwardedPlayerReturn, VideoEntry, _default$12 as VideoItem, _default$13 as VideoPlaceholder, _default$14 as VideoPlayer, VideoPlayerPlugin, VideoPlayerPlugin as default, VideoSelectDetail, _default$15 as VideoStage, VideoStateDetail, VideoToggleDetail, _default$16 as VolumeSlider, getPlatform, injectStrict, useCaptions, useForwardedPlayer, usePlaybackRate, useQuality, useScrubber };