@glitchlab/vue-video-player 1.4.0 → 1.5.0

package/dist/index.mjs

@@ -1,27 +1,27 @@
-import { defineComponent as S, ref as k, onMounted as be, watch as R, onBeforeUnmount as ne, openBlock as i, createElementBlock as v, normalizeClass as y, renderSlot as Ee, createElementVNode as l, computed as N, createVNode as U, toDisplayString as O, Fragment as oe, renderList as ae, createCommentVNode as T, createBlock as j, normalizeStyle as ge, unref as ee, withCtx as Se } from "vue";
-import J from "hls.js";
-function xe(t, o, s) {
+import { defineComponent as I, ref as y, onMounted as He, watch as R, onBeforeUnmount as ne, openBlock as d, createElementBlock as f, normalizeClass as w, renderSlot as Fe, createElementVNode as r, computed as T, createVNode as Z, toDisplayString as U, Fragment as ie, renderList as ue, createCommentVNode as M, createBlock as z, normalizeStyle as re, withDirectives as We, vShow as ze, unref as te, withCtx as Ye } from "vue";
+import ee from "hls.js";
+function Ve(t, a, n) {
   const e = t == null ? void 0 : t.trim();
   if (e) return e;
-  if (o) {
+  if (a) {
     try {
-      const a = new Intl.DisplayNames(void 0, { type: "language" }).of(o);
-      if (a && a !== o) return a;
+      const o = new Intl.DisplayNames(void 0, { type: "language" }).of(a);
+      if (o && o !== a) return o;
     } catch {
     }
-    return o;
+    return a;
   }
-  return `Audio ${s + 1}`;
+  return `Audio ${n + 1}`;
 }
-const He = {
+const Ke = {
   index: -1,
   height: 0,
   label: "Auto"
 };
-function Ae(t, o) {
-  return t > 0 ? `${t}p` : `Level ${o + 1}`;
+function Xe(t, a) {
+  return t > 0 ? `${t}p` : `Level ${a + 1}`;
 }
-const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "poster"], Ve = /* @__PURE__ */ S({
+const Je = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "poster"], Ge = /* @__PURE__ */ I({
   __name: "HLSPlayer",
   props: {
     src: {},
@@ -38,110 +38,110 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     audioTrackIndex: { default: -1 },
     qualityLevelIndex: { default: -1 }
   },
-  emits: ["play", "pause", "audio-tracks", "quality-levels", "current-level"],
-  setup(t, { expose: o, emit: s }) {
-    const e = t, f = s, a = k(null), w = k(null);
-    let m, $;
-    const E = globalThis.window !== void 0 && J.isSupported(), _ = (u) => !!e.isHls || E && u.endsWith(".m3u8");
-    function A() {
-      $ == null || $(), $ = void 0, m == null || m(), m = void 0, w.value && (w.value.destroy(), w.value = null);
-      const u = a.value;
-      if (u) {
-        for (u.pause(), u.removeAttribute("src"); u.firstChild; ) u.firstChild.remove();
-        u.load(), f("audio-tracks", []), f("quality-levels", []), f("current-level", -1);
+  emits: ["play", "pause", "ended", "audio-tracks", "quality-levels", "current-level"],
+  setup(t, { expose: a, emit: n }) {
+    const e = t, c = n, o = y(null), h = y(null);
+    let g, E;
+    const _ = globalThis.window !== void 0 && ee.isSupported(), $ = (p) => !!e.isHls || _ && p.endsWith(".m3u8");
+    function S() {
+      E == null || E(), E = void 0, g == null || g(), g = void 0, h.value && (h.value.destroy(), h.value = null);
+      const p = o.value;
+      if (p) {
+        for (p.pause(), p.removeAttribute("src"); p.firstChild; ) p.firstChild.remove();
+        p.load(), c("audio-tracks", []), c("quality-levels", []), c("current-level", -1);
       }
     }
-    function b(u) {
-      var W, M, Z;
-      const C = a.value;
-      if (!C || !u) return;
-      A();
+    function b(p) {
+      var Y, A, J;
+      const x = o.value;
+      if (!x || !p) return;
+      S();
       const B = () => {
-        e.autoPlay && C.play().catch(() => {
+        e.autoPlay && x.play().catch(() => {
         });
       };
-      if (_(u)) {
-        const g = new J(e.hlsConfig);
-        w.value = g;
-        const P = () => {
-          const I = g.audioTracks.map((H, z) => ({
-            index: z,
-            label: xe(H.name, H.lang, z),
-            lang: H.lang || void 0
+      if ($(p)) {
+        const k = new ee(e.hlsConfig);
+        h.value = k;
+        const N = () => {
+          const H = k.audioTracks.map((V, O) => ({
+            index: O,
+            label: Ve(V.name, V.lang, O),
+            lang: V.lang || void 0
           }));
-          f("audio-tracks", I);
-        }, V = () => {
-          const I = g.levels.map((H, z) => ({
-            index: z,
-            height: H.height || 0,
-            label: Ae(H.height || 0, z)
+          c("audio-tracks", H);
+        }, D = () => {
+          const H = k.levels.map((V, O) => ({
+            index: O,
+            height: V.height || 0,
+            label: Xe(V.height || 0, O)
           }));
-          f("quality-levels", I);
+          c("quality-levels", H);
         };
-        g.on(J.Events.MANIFEST_PARSED, B), g.on(J.Events.MANIFEST_PARSED, V), g.on(J.Events.LEVELS_UPDATED, V), g.on(J.Events.LEVEL_SWITCHED, (I, H) => {
-          f("current-level", H.level);
-        }), g.on(J.Events.AUDIO_TRACKS_UPDATED, P), g.on(J.Events.AUDIO_TRACK_SWITCHED, P), g.on(J.Events.ERROR, (I, H) => {
-          H.fatal && (g.destroy(), w.value = null);
-        }), g.attachMedia(C), g.loadSource(u);
+        k.on(ee.Events.MANIFEST_PARSED, B), k.on(ee.Events.MANIFEST_PARSED, D), k.on(ee.Events.LEVELS_UPDATED, D), k.on(ee.Events.LEVEL_SWITCHED, (H, V) => {
+          c("current-level", V.level);
+        }), k.on(ee.Events.AUDIO_TRACKS_UPDATED, N), k.on(ee.Events.AUDIO_TRACK_SWITCHED, N), k.on(ee.Events.ERROR, (H, V) => {
+          V.fatal && (k.destroy(), h.value = null);
+        }), k.attachMedia(x), k.loadSource(p);
       } else {
-        C.src = u, C.load(), C.addEventListener("loadedmetadata", B, { once: !0 }), $ = () => {
-          C.removeEventListener("loadedmetadata", B);
+        x.src = p, x.load(), x.addEventListener("loadedmetadata", B, { once: !0 }), E = () => {
+          x.removeEventListener("loadedmetadata", B);
         };
-        const g = C.audioTracks;
-        if (g) {
-          const P = () => {
-            const V = [];
-            for (let I = 0; I < g.length; I++) {
-              const H = g[I];
-              V.push({
-                index: I,
-                label: xe(H.label, H.language, I),
-                lang: H.language || void 0
+        const k = x.audioTracks;
+        if (k) {
+          const N = () => {
+            const D = [];
+            for (let H = 0; H < k.length; H++) {
+              const V = k[H];
+              D.push({
+                index: H,
+                label: Ve(V.label, V.language, H),
+                lang: V.language || void 0
               });
             }
-            f("audio-tracks", V);
+            c("audio-tracks", D);
           };
-          (W = g.addEventListener) == null || W.call(g, "addtrack", P), (M = g.addEventListener) == null || M.call(g, "removetrack", P), (Z = g.addEventListener) == null || Z.call(g, "change", P), g.length > 0 && P(), m = () => {
-            var V, I, H;
-            (V = g.removeEventListener) == null || V.call(g, "addtrack", P), (I = g.removeEventListener) == null || I.call(g, "removetrack", P), (H = g.removeEventListener) == null || H.call(g, "change", P);
+          (Y = k.addEventListener) == null || Y.call(k, "addtrack", N), (A = k.addEventListener) == null || A.call(k, "removetrack", N), (J = k.addEventListener) == null || J.call(k, "change", N), k.length > 0 && N(), g = () => {
+            var D, H, V;
+            (D = k.removeEventListener) == null || D.call(k, "addtrack", N), (H = k.removeEventListener) == null || H.call(k, "removetrack", N), (V = k.removeEventListener) == null || V.call(k, "change", N);
           };
         }
       }
     }
-    function h(u) {
-      var W;
-      if (u == null || u < 0) return;
-      const C = w.value;
-      if (C) {
-        C.audioTrack !== u && (C.audioTrack = u);
+    function m(p) {
+      var Y;
+      if (p == null || p < 0) return;
+      const x = h.value;
+      if (x) {
+        x.audioTrack !== p && (x.audioTrack = p);
         return;
       }
-      const B = (W = a.value) == null ? void 0 : W.audioTracks;
+      const B = (Y = o.value) == null ? void 0 : Y.audioTracks;
       if (B)
-        for (let M = 0; M < B.length; M++)
-          B[M].enabled = M === u;
+        for (let A = 0; A < B.length; A++)
+          B[A].enabled = A === p;
     }
-    function x(u) {
-      if (u == null) return;
-      const C = w.value;
-      C && C.currentLevel !== u && (C.currentLevel = u);
+    function C(p) {
+      if (p == null) return;
+      const x = h.value;
+      x && x.currentLevel !== p && (x.currentLevel = p);
     }
-    return be(() => {
+    return He(() => {
       e.src && b(e.src);
     }), R(
       () => e.src,
-      (u) => {
-        u && b(u);
+      (p) => {
+        p && b(p);
       }
     ), R(
       () => e.audioTrackIndex,
-      (u) => h(u)
+      (p) => m(p)
     ), R(
       () => e.qualityLevelIndex,
-      (u) => x(u)
-    ), ne(A), o({ videoEl: a }), (u, C) => (i(), v("video", {
+      (p) => C(p)
+    ), ne(S), a({ videoEl: o }), (p, x) => (d(), f("video", {
       ref_key: "videoEl",
-      ref: a,
+      ref: o,
       muted: t.muted,
       loop: t.loop,
       controls: t.controls,
@@ -149,22 +149,23 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       playsinline: t.playsInline,
       preload: t.preload,
       poster: t.poster,
-      class: y(e.class),
-      onPlay: C[0] || (C[0] = (B) => f("play")),
-      onPause: C[1] || (C[1] = (B) => f("pause"))
+      class: w(e.class),
+      onPlay: x[0] || (x[0] = (B) => c("play")),
+      onPause: x[1] || (x[1] = (B) => c("pause")),
+      onEnded: x[2] || (x[2] = (B) => c("ended"))
     }, [
-      Ee(u.$slots, "default")
-    ], 42, Be));
+      Fe(p.$slots, "default")
+    ], 42, Je));
   }
-}), qe = { name: "IconAudio" }, De = /* @__PURE__ */ S({
-  ...qe,
+}), et = { name: "IconAudio" }, tt = /* @__PURE__ */ I({
+  ...et,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -172,13 +173,13 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M3 14V10C3 9.44772 3.44772 9 4 9H6.58579C6.851 9 7.10536 8.89464 7.29289 8.70711L11.2929 4.70711C11.9229 4.07714 13 4.52331 13 5.41421V18.5858C13 19.4767 11.9229 19.9229 11.2929 19.2929L7.29289 15.2929C7.10536 15.1054 6.851 15 6.58579 15H4C3.44772 15 3 14.5523 3 14Z",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linejoin": "round"
       }, null, -1),
-      l("path", {
+      r("path", {
         d: "M16.5 8C17.5 9 18 10.5 18 12C18 13.5 17.5 15 16.5 16M19 5.5C20.5 7 21.5 9.5 21.5 12C21.5 14.5 20.5 17 19 18.5",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -186,15 +187,15 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), Re = { name: "IconChevron" }, Le = /* @__PURE__ */ S({
-  ...Re,
+}), nt = { name: "IconChevron" }, Re = /* @__PURE__ */ I({
+  ...nt,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "12",
       height: "12",
       viewBox: "0 0 24 24",
@@ -202,7 +203,7 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M6 9L12 15L18 9",
         stroke: "currentColor",
         "stroke-width": "2",
@@ -211,80 +212,80 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), Fe = ["aria-expanded"], Ne = { class: "gvp-audio-label" }, Oe = {
+}), lt = ["aria-expanded"], at = { class: "gvp-audio-label" }, ot = {
   key: 0,
   class: "gvp-audio-menu",
   role: "listbox",
   "aria-label": "Audio tracks"
-}, Ue = ["aria-selected", "onClick"], Ze = /* @__PURE__ */ S({
+}, st = ["aria-selected", "onClick"], rt = /* @__PURE__ */ I({
   __name: "AudioTrackSwitcher",
   props: {
     tracks: {},
     activeIndex: {}
   },
   emits: ["select"],
-  setup(t, { emit: o }) {
-    const s = t, e = o, f = k(!1), a = k(null), w = N(
-      () => s.tracks.find((_) => _.index === s.activeIndex) ?? s.tracks[0]
+  setup(t, { emit: a }) {
+    const n = t, e = a, c = y(!1), o = y(null), h = T(
+      () => n.tracks.find(($) => $.index === n.activeIndex) ?? n.tracks[0]
     );
-    function m(_) {
-      a.value && !a.value.contains(_.target) && (f.value = !1);
+    function g($) {
+      o.value && !o.value.contains($.target) && (c.value = !1);
     }
-    function $(_) {
-      _.key === "Escape" && (f.value = !1);
+    function E($) {
+      $.key === "Escape" && (c.value = !1);
     }
-    R(f, (_) => {
-      _ ? (document.addEventListener("mousedown", m), document.addEventListener("keydown", $)) : (document.removeEventListener("mousedown", m), document.removeEventListener("keydown", $));
+    R(c, ($) => {
+      $ ? (document.addEventListener("mousedown", g), document.addEventListener("keydown", E)) : (document.removeEventListener("mousedown", g), document.removeEventListener("keydown", E));
     }), ne(() => {
-      document.removeEventListener("mousedown", m), document.removeEventListener("keydown", $);
+      document.removeEventListener("mousedown", g), document.removeEventListener("keydown", E);
     });
-    function E(_) {
-      e("select", _), f.value = !1;
+    function _($) {
+      e("select", $), c.value = !1;
     }
-    return (_, A) => {
+    return ($, S) => {
       var b;
-      return i(), v("div", {
+      return d(), f("div", {
         ref_key: "rootEl",
-        ref: a,
+        ref: o,
         class: "gvp-audio"
       }, [
-        l("button", {
+        r("button", {
           type: "button",
           class: "gvp-audio-btn",
           "aria-haspopup": "listbox",
-          "aria-expanded": f.value,
+          "aria-expanded": c.value,
           "aria-label": "Audio track",
-          onClick: A[0] || (A[0] = (h) => f.value = !f.value)
+          onClick: S[0] || (S[0] = (m) => c.value = !c.value)
         }, [
-          U(De),
-          l("span", Ne, O((b = w.value) == null ? void 0 : b.label), 1),
-          U(Le)
-        ], 8, Fe),
-        f.value ? (i(), v("ul", Oe, [
-          (i(!0), v(oe, null, ae(t.tracks, (h) => (i(), v("li", {
-            key: h.index
+          Z(tt),
+          r("span", at, U((b = h.value) == null ? void 0 : b.label), 1),
+          Z(Re)
+        ], 8, lt),
+        c.value ? (d(), f("ul", ot, [
+          (d(!0), f(ie, null, ue(t.tracks, (m) => (d(), f("li", {
+            key: m.index
           }, [
-            l("button", {
+            r("button", {
               type: "button",
               role: "option",
-              "aria-selected": h.index === t.activeIndex,
-              class: y(["gvp-audio-menu-item", { "is-active": h.index === t.activeIndex }]),
-              onClick: (x) => E(h.index)
-            }, O(h.label), 11, Ue)
+              "aria-selected": m.index === t.activeIndex,
+              class: w(["gvp-audio-menu-item", { "is-active": m.index === t.activeIndex }]),
+              onClick: (C) => _(m.index)
+            }, U(m.label), 11, st)
           ]))), 128))
-        ])) : T("", !0)
+        ])) : M("", !0)
       ], 512);
     };
   }
-}), je = { name: "IconSpeed" }, $e = /* @__PURE__ */ S({
-  ...je,
+}), it = { name: "IconSpeed" }, Oe = /* @__PURE__ */ I({
+  ...it,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -292,12 +293,12 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z",
         stroke: "currentColor",
         "stroke-width": "1.5"
       }, null, -1),
-      l("path", {
+      r("path", {
         d: "M12 8V12L14.5 14.5",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -306,72 +307,72 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), Qe = ["aria-expanded"], We = { class: "gvp-speed-label" }, ze = {
+}), ut = ["aria-expanded"], ct = { class: "gvp-speed-label" }, dt = {
   key: 0,
   class: "gvp-speed-menu",
   role: "listbox",
   "aria-label": "Playback speed"
-}, Ye = ["aria-selected", "onClick"], Ke = /* @__PURE__ */ S({
+}, vt = ["aria-selected", "onClick"], pt = /* @__PURE__ */ I({
   __name: "SpeedSwitcher",
   props: {
     speed: {}
   },
   emits: ["select"],
-  setup(t, { emit: o }) {
-    const s = [0.5, 0.75, 1, 1.25, 1.5, 2], e = o, f = k(!1), a = k(null);
-    function w(E) {
-      a.value && !a.value.contains(E.target) && (f.value = !1);
+  setup(t, { emit: a }) {
+    const n = [0.5, 0.75, 1, 1.25, 1.5, 2], e = a, c = y(!1), o = y(null);
+    function h(_) {
+      o.value && !o.value.contains(_.target) && (c.value = !1);
     }
-    function m(E) {
-      E.key === "Escape" && (f.value = !1);
+    function g(_) {
+      _.key === "Escape" && (c.value = !1);
     }
-    R(f, (E) => {
-      E ? (document.addEventListener("mousedown", w), document.addEventListener("keydown", m)) : (document.removeEventListener("mousedown", w), document.removeEventListener("keydown", m));
+    R(c, (_) => {
+      _ ? (document.addEventListener("mousedown", h), document.addEventListener("keydown", g)) : (document.removeEventListener("mousedown", h), document.removeEventListener("keydown", g));
     }), ne(() => {
-      document.removeEventListener("mousedown", w), document.removeEventListener("keydown", m);
+      document.removeEventListener("mousedown", h), document.removeEventListener("keydown", g);
     });
-    function $(E) {
-      e("select", E), f.value = !1;
+    function E(_) {
+      e("select", _), c.value = !1;
     }
-    return (E, _) => (i(), v("div", {
+    return (_, $) => (d(), f("div", {
       ref_key: "rootEl",
-      ref: a,
+      ref: o,
       class: "gvp-speed"
     }, [
-      l("button", {
+      r("button", {
         type: "button",
         class: "gvp-speed-btn",
         "aria-haspopup": "listbox",
-        "aria-expanded": f.value,
+        "aria-expanded": c.value,
         "aria-label": "`Playback speed: ${speed === 1 ? '1×' : speed + '×'}`",
-        onClick: _[0] || (_[0] = (A) => f.value = !f.value)
+        onClick: $[0] || ($[0] = (S) => c.value = !c.value)
       }, [
-        U($e),
-        l("span", We, O(t.speed === 1 ? "1×" : `${t.speed}×`), 1),
-        U(Le)
-      ], 8, Qe),
-      f.value ? (i(), v("ul", ze, [
-        (i(), v(oe, null, ae(s, (A) => l("li", { key: A }, [
-          l("button", {
+        Z(Oe),
+        r("span", ct, U(t.speed === 1 ? "1×" : `${t.speed}×`), 1),
+        Z(Re)
+      ], 8, ut),
+      c.value ? (d(), f("ul", dt, [
+        (d(), f(ie, null, ue(n, (S) => r("li", { key: S }, [
+          r("button", {
             type: "button",
             role: "option",
-            "aria-selected": A === t.speed,
-            class: y(["gvp-speed-menu-item", { "is-active": A === t.speed }]),
-            onClick: (b) => $(A)
-          }, O(A === 1 ? "Normal" : `${A}×`), 11, Ye)
+            "aria-selected": S === t.speed,
+            class: w(["gvp-speed-menu-item", { "is-active": S === t.speed }]),
+            onClick: (b) => E(S)
+          }, U(S === 1 ? "Normal" : `${S}×`), 11, vt)
         ])), 64))
-      ])) : T("", !0)
+      ])) : M("", !0)
     ], 512));
   }
-}), Je = { name: "IconCaptions" }, Pe = /* @__PURE__ */ S({
-  ...Je,
+}), ft = { name: "IconCaptions" }, Ue = /* @__PURE__ */ I({
+  ...ft,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -379,7 +380,7 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("rect", {
+      r("rect", {
         x: "2",
         y: "5",
         width: "20",
@@ -388,7 +389,7 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
         stroke: "currentColor",
         "stroke-width": "1.5"
       }, null, -1),
-      l("path", {
+      r("path", {
         d: "M7 12H11M13 12H17M7 15H9M11 15H13M15 15H17",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -396,120 +397,120 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), Xe = ["aria-expanded", "aria-pressed"], Ge = {
+}), mt = ["aria-expanded", "aria-pressed"], ht = {
   key: 0,
   class: "gvp-captions-menu",
   role: "listbox",
   "aria-label": "Captions"
-}, et = ["aria-selected"], tt = ["aria-selected", "onClick"], nt = /* @__PURE__ */ S({
+}, gt = ["aria-selected"], kt = ["aria-selected", "onClick"], yt = /* @__PURE__ */ I({
   __name: "CaptionsSwitcher",
   props: {
     video: {}
   },
   setup(t) {
-    const o = t, s = k([]), e = k(-1), f = k(!1), a = k(null);
-    function w(b) {
-      const h = [];
-      for (let u = 0; u < b.length; u++) {
-        const C = b[u];
-        (C.kind === "subtitles" || C.kind === "captions") && h.push({ index: u, label: C.label || C.language || `Track ${u + 1}` });
+    const a = t, n = y([]), e = y(-1), c = y(!1), o = y(null);
+    function h(b) {
+      const m = [];
+      for (let p = 0; p < b.length; p++) {
+        const x = b[p];
+        (x.kind === "subtitles" || x.kind === "captions") && m.push({ index: p, label: x.label || x.language || `Track ${p + 1}` });
       }
-      s.value = h;
-      let x = -1;
-      for (let u = 0; u < b.length; u++)
-        if (b[u].mode === "showing") {
-          x = u;
+      n.value = m;
+      let C = -1;
+      for (let p = 0; p < b.length; p++)
+        if (b[p].mode === "showing") {
+          C = p;
           break;
         }
-      e.value = x;
+      e.value = C;
     }
-    let m = null;
-    R(() => o.video, (b) => {
-      if (m == null || m(), m = null, !b) {
-        s.value = [], e.value = -1;
+    let g = null;
+    R(() => a.video, (b) => {
+      if (g == null || g(), g = null, !b) {
+        n.value = [], e.value = -1;
         return;
       }
-      const h = b.textTracks;
-      w(h);
-      const x = () => w(h);
-      typeof h.addEventListener == "function" && (h.addEventListener("addtrack", x), h.addEventListener("removetrack", x), h.addEventListener("change", x), m = () => {
-        h.removeEventListener("addtrack", x), h.removeEventListener("removetrack", x), h.removeEventListener("change", x);
+      const m = b.textTracks;
+      h(m);
+      const C = () => h(m);
+      typeof m.addEventListener == "function" && (m.addEventListener("addtrack", C), m.addEventListener("removetrack", C), m.addEventListener("change", C), g = () => {
+        m.removeEventListener("addtrack", C), m.removeEventListener("removetrack", C), m.removeEventListener("change", C);
       });
     }, { immediate: !0 }), ne(() => {
-      m == null || m(), document.removeEventListener("mousedown", $), document.removeEventListener("keydown", E);
+      g == null || g(), document.removeEventListener("mousedown", E), document.removeEventListener("keydown", _);
     });
-    function $(b) {
-      a.value && !a.value.contains(b.target) && (f.value = !1);
-    }
     function E(b) {
-      b.key === "Escape" && (f.value = !1);
+      o.value && !o.value.contains(b.target) && (c.value = !1);
+    }
+    function _(b) {
+      b.key === "Escape" && (c.value = !1);
     }
-    R(f, (b) => {
-      b ? (document.addEventListener("mousedown", $), document.addEventListener("keydown", E)) : (document.removeEventListener("mousedown", $), document.removeEventListener("keydown", E));
+    R(c, (b) => {
+      b ? (document.addEventListener("mousedown", E), document.addEventListener("keydown", _)) : (document.removeEventListener("mousedown", E), document.removeEventListener("keydown", _));
     });
-    function _() {
-      if (!o.video) return;
-      const b = o.video.textTracks;
-      for (let h = 0; h < b.length; h++) b[h].mode = "hidden";
-      e.value = -1, f.value = !1;
+    function $() {
+      if (!a.video) return;
+      const b = a.video.textTracks;
+      for (let m = 0; m < b.length; m++) b[m].mode = "hidden";
+      e.value = -1, c.value = !1;
     }
-    function A(b) {
-      if (!o.video) return;
-      const h = o.video.textTracks;
-      for (let x = 0; x < h.length; x++)
-        h[x].mode = x === b ? "showing" : "hidden";
-      e.value = b, f.value = !1;
+    function S(b) {
+      if (!a.video) return;
+      const m = a.video.textTracks;
+      for (let C = 0; C < m.length; C++)
+        m[C].mode = C === b ? "showing" : "hidden";
+      e.value = b, c.value = !1;
     }
-    return (b, h) => s.value.length > 0 ? (i(), v("div", {
+    return (b, m) => n.value.length > 0 ? (d(), f("div", {
       key: 0,
       ref_key: "rootEl",
-      ref: a,
+      ref: o,
       class: "gvp-captions"
     }, [
-      l("button", {
+      r("button", {
         type: "button",
-        class: y(["gvp-captions-btn", { "is-active": e.value >= 0 }]),
+        class: w(["gvp-captions-btn", { "is-active": e.value >= 0 }]),
         "aria-haspopup": "listbox",
-        "aria-expanded": f.value,
+        "aria-expanded": c.value,
         "aria-pressed": e.value >= 0,
         "aria-label": "Captions",
-        onClick: h[0] || (h[0] = (x) => f.value = !f.value)
+        onClick: m[0] || (m[0] = (C) => c.value = !c.value)
       }, [
-        U(Pe)
-      ], 10, Xe),
-      f.value ? (i(), v("ul", Ge, [
-        l("li", null, [
-          l("button", {
+        Z(Ue)
+      ], 10, mt),
+      c.value ? (d(), f("ul", ht, [
+        r("li", null, [
+          r("button", {
             type: "button",
             role: "option",
             "aria-selected": e.value === -1,
-            class: y(["gvp-captions-menu-item", { "is-active": e.value === -1 }]),
-            onClick: _
-          }, " Off ", 10, et)
+            class: w(["gvp-captions-menu-item", { "is-active": e.value === -1 }]),
+            onClick: $
+          }, " Off ", 10, gt)
         ]),
-        (i(!0), v(oe, null, ae(s.value, (x) => (i(), v("li", {
-          key: x.index
+        (d(!0), f(ie, null, ue(n.value, (C) => (d(), f("li", {
+          key: C.index
         }, [
-          l("button", {
+          r("button", {
             type: "button",
             role: "option",
-            "aria-selected": x.index === e.value,
-            class: y(["gvp-captions-menu-item", { "is-active": x.index === e.value }]),
-            onClick: (u) => A(x.index)
-          }, O(x.label), 11, tt)
+            "aria-selected": C.index === e.value,
+            class: w(["gvp-captions-menu-item", { "is-active": C.index === e.value }]),
+            onClick: (p) => S(C.index)
+          }, U(C.label), 11, kt)
         ]))), 128))
-      ])) : T("", !0)
-    ], 512)) : T("", !0);
+      ])) : M("", !0)
+    ], 512)) : M("", !0);
   }
-}), lt = { name: "IconPause" }, ot = /* @__PURE__ */ S({
-  ...lt,
+}), wt = { name: "IconPause" }, bt = /* @__PURE__ */ I({
+  ...wt,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -517,7 +518,7 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("rect", {
+      r("rect", {
         x: "6",
         y: "5",
         width: "4",
@@ -525,7 +526,7 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
         rx: "1",
         fill: "currentColor"
       }, null, -1),
-      l("rect", {
+      r("rect", {
         x: "14",
         y: "5",
         width: "4",
@@ -535,15 +536,15 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), at = { name: "IconPlaySolid" }, st = /* @__PURE__ */ S({
-  ...at,
+}), Ct = { name: "IconPlaySolid" }, xt = /* @__PURE__ */ I({
+  ...Ct,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -551,21 +552,77 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M7 5.5V18.5C7 19.2659 7.84856 19.7261 8.4899 19.3071L19.0801 12.4014C19.6644 12.0204 19.6644 11.9796 19.0801 11.5986L8.4899 4.69288C7.84856 4.27388 7 4.73408 7 5.5Z",
         fill: "currentColor"
       }, null, -1)
     ])], 2));
   }
-}), it = { name: "IconVolumeHigh" }, rt = /* @__PURE__ */ S({
-  ...it,
+}), Lt = { name: "IconPrev" }, Et = /* @__PURE__ */ I({
+  ...Lt,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    }, [...e[0] || (e[0] = [
+      r("path", {
+        d: "M16.5 18.5V5.5C16.5 4.73408 15.6514 4.27388 15.0101 4.69288L6.91993 9.98432C6.33563 10.3653 6.33563 11.0347 6.91993 11.4157L15.0101 16.7071C15.6514 17.1261 16.5 16.6659 16.5 15.9V18.5Z",
+        fill: "currentColor"
+      }, null, -1),
+      r("path", {
+        d: "M6 5V19",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round"
+      }, null, -1)
+    ])], 2));
+  }
+}), _t = { name: "IconNext" }, $t = /* @__PURE__ */ I({
+  ..._t,
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    }, [...e[0] || (e[0] = [
+      r("path", {
+        d: "M7.5 5.5V18.5C7.5 19.2659 8.34856 19.7261 8.98990 19.3071L17.0801 14.0157C17.6644 13.6347 17.6644 12.9653 17.0801 12.5843L8.98990 7.29288C8.34856 6.87388 7.5 7.33408 7.5 8.1V5.5Z",
+        fill: "currentColor"
+      }, null, -1),
+      r("path", {
+        d: "M18 5V19",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round"
+      }, null, -1)
+    ])], 2));
+  }
+}), Pt = { name: "IconVolumeHigh" }, Mt = /* @__PURE__ */ I({
+  ...Pt,
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -573,13 +630,13 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M3 14V10C3 9.44772 3.44772 9 4 9H6.58579C6.851 9 7.10536 8.89464 7.29289 8.70711L11.2929 4.70711C11.9229 4.07714 13 4.52331 13 5.41421V18.5858C13 19.4767 11.9229 19.9229 11.2929 19.2929L7.29289 15.2929C7.10536 15.1054 6.851 15 6.58579 15H4C3.44772 15 3 14.5523 3 14Z",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linejoin": "round"
       }, null, -1),
-      l("path", {
+      r("path", {
         d: "M16.5 8C17.5 9 18 10.5 18 12C18 13.5 17.5 15 16.5 16M19 5.5C20.5 7 21.5 9.5 21.5 12C21.5 14.5 20.5 17 19 18.5",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -587,15 +644,15 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), ut = { name: "IconVolumeLow" }, ct = /* @__PURE__ */ S({
-  ...ut,
+}), Tt = { name: "IconVolumeLow" }, It = /* @__PURE__ */ I({
+  ...Tt,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -603,13 +660,13 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M3 14V10C3 9.44772 3.44772 9 4 9H6.58579C6.851 9 7.10536 8.89464 7.29289 8.70711L11.2929 4.70711C11.9229 4.07714 13 4.52331 13 5.41421V18.5858C13 19.4767 11.9229 19.9229 11.2929 19.2929L7.29289 15.2929C7.10536 15.1054 6.851 15 6.58579 15H4C3.44772 15 3 14.5523 3 14Z",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linejoin": "round"
       }, null, -1),
-      l("path", {
+      r("path", {
         d: "M16.5 8C17.5 9 18 10.5 18 12C18 13.5 17.5 15 16.5 16",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -617,15 +674,15 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), dt = { name: "IconVolumeMuted" }, vt = /* @__PURE__ */ S({
-  ...dt,
+}), St = { name: "IconVolumeMuted" }, Nt = /* @__PURE__ */ I({
+  ...St,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -633,13 +690,13 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M3 14V10C3 9.44772 3.44772 9 4 9H6.58579C6.851 9 7.10536 8.89464 7.29289 8.70711L11.2929 4.70711C11.9229 4.07714 13 4.52331 13 5.41421V18.5858C13 19.4767 11.9229 19.9229 11.2929 19.2929L7.29289 15.2929C7.10536 15.1054 6.851 15 6.58579 15H4C3.44772 15 3 14.5523 3 14Z",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linejoin": "round"
       }, null, -1),
-      l("path", {
+      r("path", {
         d: "M16 9L22 15M22 9L16 15",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -647,15 +704,15 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), pt = { name: "IconQuality" }, ft = /* @__PURE__ */ S({
-  ...pt,
+}), At = { name: "IconQuality" }, Ht = /* @__PURE__ */ I({
+  ...At,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "16",
       height: "16",
       viewBox: "0 0 24 24",
@@ -663,12 +720,12 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z",
         stroke: "currentColor",
         "stroke-width": "1.5"
       }, null, -1),
-      l("path", {
+      r("path", {
         d: "M3 12C3 12.6 3.08 13.18 3.23 13.73L4.6 14.5C4.86 14.65 5.02 14.94 5 15.24C4.98 15.58 4.96 15.92 5.07 16.24C5.18 16.56 5.39 16.83 5.62 17.08C5.83 17.3 6.13 17.4 6.42 17.36L7.99 17.13C8.28 17.09 8.57 17.21 8.74 17.45C9.07 17.93 9.49 18.34 9.97 18.66C10.21 18.83 10.34 19.11 10.31 19.4L10.13 20.97C10.1 21.26 10.21 21.55 10.43 21.74C10.91 22.16 11.45 22 12 22C12.55 22 13.09 22.16 13.57 21.74C13.79 21.55 13.9 21.26 13.87 20.97L13.69 19.4C13.66 19.11 13.79 18.83 14.03 18.66",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -676,15 +733,15 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), mt = { name: "IconPiP" }, Me = /* @__PURE__ */ S({
-  ...mt,
+}), Bt = { name: "IconPiP" }, Ze = /* @__PURE__ */ I({
+  ...Bt,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -692,7 +749,7 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("rect", {
+      r("rect", {
         x: "2",
         y: "4",
         width: "20",
@@ -701,7 +758,7 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
         stroke: "currentColor",
         "stroke-width": "1.5"
       }, null, -1),
-      l("rect", {
+      r("rect", {
         x: "12",
         y: "12",
         width: "8",
@@ -711,15 +768,15 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), ht = { name: "IconFullscreen" }, gt = /* @__PURE__ */ S({
-  ...ht,
+}), Vt = { name: "IconFullscreen" }, qt = /* @__PURE__ */ I({
+  ...Vt,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -727,7 +784,7 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M4 9V4H9M15 4H20V9M20 15V20H15M9 20H4V15",
         stroke: "currentColor",
         "stroke-width": "1.75",
@@ -736,15 +793,15 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       }, null, -1)
     ])], 2));
   }
-}), kt = { name: "IconFullscreenExit" }, yt = /* @__PURE__ */ S({
-  ...kt,
+}), Dt = { name: "IconFullscreenExit" }, Ft = /* @__PURE__ */ I({
+  ...Dt,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "18",
       height: "18",
       viewBox: "0 0 24 24",
@@ -752,7 +809,7 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M9 4V9H4M15 9V4H20M15 20V15H20M9 15H4V20",
         stroke: "currentColor",
         "stroke-width": "1.75",
@@ -762,37 +819,128 @@ const Be = ["muted", "loop", "controls", "autoplay", "playsinline", "preload", "
     ])], 2));
   }
 });
-function _e(t) {
+function Ae(t) {
   if (!Number.isFinite(t) || t < 0) return "--:--";
-  const o = Math.floor(t), s = Math.floor(o / 3600), e = Math.floor(o % 3600 / 60), a = (o % 60).toString().padStart(2, "0");
-  if (s > 0) {
-    const w = e.toString().padStart(2, "0");
-    return `${s}:${w}:${a}`;
+  const a = Math.floor(t), n = Math.floor(a / 3600), e = Math.floor(a % 3600 / 60), o = (a % 60).toString().padStart(2, "0");
+  if (n > 0) {
+    const h = e.toString().padStart(2, "0");
+    return `${n}:${h}:${o}`;
+  }
+  return `${e}:${o}`;
+}
+function qe(t) {
+  const a = t.trim().split(":");
+  if (a.length < 2 || a.length > 3) return NaN;
+  const n = a.map(Number);
+  return n.some((e) => !Number.isFinite(e)) ? NaN : n.length === 3 ? n[0] * 3600 + n[1] * 60 + n[2] : n[0] * 60 + n[1];
+}
+function Rt(t, a) {
+  try {
+    return new URL(t, a).href;
+  } catch {
+    return t;
+  }
+}
+function Ot(t, a) {
+  const n = [], e = t.replace(/\r/g, "").split(`
+`);
+  for (let c = 0; c < e.length; c++) {
+    const o = e[c].indexOf("-->");
+    if (o === -1) continue;
+    const h = qe(e[c].slice(0, o)), g = qe(e[c].slice(o + 3));
+    if (!Number.isFinite(h) || !Number.isFinite(g)) continue;
+    const E = (e[c + 1] ?? "").trim();
+    if (!E) continue;
+    const _ = E.indexOf("#xywh=");
+    let $ = E, S = 0, b = 0, m = 0, C = 0;
+    if (_ !== -1) {
+      $ = E.slice(0, _);
+      const p = E.slice(_ + 6).split(",").map(Number);
+      p.length === 4 && p.every(Number.isFinite) && ([S, b, m, C] = p);
+    }
+    n.push({ start: h, end: g, url: Rt($, a), x: S, y: b, w: m, h: C });
+  }
+  return n.sort((c, o) => c.start - o.start), n;
+}
+function Ut(t) {
+  return {
+    cues: t,
+    cueAt(a) {
+      if (t.length === 0) return null;
+      let n = 0, e = t.length - 1, c = t[0];
+      for (; n <= e; ) {
+        const o = n + e >> 1, h = t[o];
+        if (a < h.start)
+          e = o - 1;
+        else if (a > h.end)
+          c = h, n = o + 1;
+        else
+          return h;
+      }
+      return c;
+    }
+  };
+}
+function De(t) {
+  const a = t.trim().split(":");
+  if (a.length < 2 || a.length > 3) return NaN;
+  const n = a.map(Number);
+  return n.some((e) => !Number.isFinite(e)) ? NaN : n.length === 3 ? n[0] * 3600 + n[1] * 60 + n[2] : n[0] * 60 + n[1];
+}
+function Zt(t) {
+  const a = [], n = t.replace(/\r/g, "").split(`
+`);
+  for (let e = 0; e < n.length; e++) {
+    const c = n[e].indexOf("-->");
+    if (c === -1) continue;
+    const o = De(n[e].slice(0, c)), h = De(n[e].slice(c + 3));
+    if (!Number.isFinite(o) || !Number.isFinite(h)) continue;
+    const g = (n[e + 1] ?? "").trim();
+    g && a.push({ start: o, end: h, title: g });
   }
-  return `${e}:${a}`;
+  return a.sort((e, c) => e.start - c.start), a;
+}
+function jt(t, a) {
+  const n = t.filter((e) => Number.isFinite(e.start) && e.start >= 0 && e.title).sort((e, c) => e.start - c.start);
+  return n.map((e, c) => {
+    var o;
+    return {
+      start: e.start,
+      end: Number.isFinite(e.end) ? e.end : ((o = n[c + 1]) == null ? void 0 : o.start) ?? a,
+      title: e.title
+    };
+  });
+}
+function Qt(t, a) {
+  for (const n of t)
+    if (a >= n.start && a < n.end) return n;
+  return null;
 }
-const wt = { class: "gvp-controls-row" }, bt = ["aria-label", "aria-pressed"], Ct = { class: "gvp-seek" }, xt = { class: "gvp-seek-track" }, _t = ["value", "disabled", "aria-valuemax", "aria-valuenow"], Et = {
+const Wt = { class: "gvp-controls-row" }, zt = ["disabled"], Yt = ["aria-label", "aria-pressed"], Kt = ["disabled"], Xt = {
+  key: 1,
+  class: "gvp-seek-preview-chapter"
+}, Jt = { class: "gvp-seek-preview-time" }, Gt = ["value", "disabled", "aria-valuemax", "aria-valuenow"], en = {
   class: "gvp-time",
   "aria-live": "off"
-}, Lt = ["aria-expanded", "aria-label"], $t = { class: "gvp-speed-label" }, Pt = {
+}, tn = ["aria-expanded", "aria-label"], nn = { class: "gvp-speed-label" }, ln = {
   key: 0,
   class: "gvp-speed-menu",
   role: "listbox",
   "aria-label": "Playback speed"
-}, Mt = ["aria-selected", "onClick"], Tt = ["aria-expanded", "aria-label"], It = { class: "gvp-quality-label" }, St = {
+}, an = ["aria-selected", "onClick"], on = ["aria-expanded", "aria-label"], sn = { class: "gvp-quality-label" }, rn = {
   key: 0,
   class: "gvp-quality-menu",
   role: "listbox",
   "aria-label": "Quality"
-}, Ht = ["aria-selected"], At = ["aria-selected", "onClick"], Bt = ["aria-expanded", "aria-pressed"], Vt = {
+}, un = ["aria-selected"], cn = ["aria-selected", "onClick"], dn = ["aria-expanded", "aria-pressed"], vn = {
   key: 0,
   class: "gvp-captions-menu",
   role: "listbox",
   "aria-label": "Captions"
-}, qt = ["aria-selected"], Dt = ["aria-selected", "onClick"], Rt = ["aria-label", "aria-pressed"], Ft = {
+}, pn = ["aria-selected"], fn = ["aria-selected", "onClick"], mn = ["aria-label", "aria-pressed"], hn = {
   key: 0,
   class: "gvp-volume-slider-wrap"
-}, Nt = { class: "gvp-volume-track" }, Ot = ["value", "aria-valuenow"], Ut = ["aria-label", "aria-pressed"], Zt = ["aria-label", "aria-pressed"], jt = 3e3, Qt = /* @__PURE__ */ S({
+}, gn = { class: "gvp-volume-track" }, kn = ["value", "aria-valuenow"], yn = ["aria-label", "aria-pressed"], wn = ["aria-label", "aria-pressed"], bn = 3e3, Cn = /* @__PURE__ */ I({
   __name: "ControlBar",
   props: {
     video: {},
@@ -801,423 +949,531 @@ const wt = { class: "gvp-controls-row" }, bt = ["aria-label", "aria-pressed"], C
     onTogglePlay: {},
     qualityLevels: { default: () => [] },
     currentLevel: { default: -1 },
-    selectedLevel: { default: -1 }
+    selectedLevel: { default: -1 },
+    thumbnails: {},
+    chapters: {},
+    hasPrev: { type: Boolean, default: !1 },
+    hasNext: { type: Boolean, default: !1 }
   },
-  emits: ["select-level"],
-  setup(t, { emit: o }) {
-    const s = (() => {
+  emits: ["select-level", "prev", "next"],
+  setup(t, { emit: a }) {
+    const n = (() => {
       if (typeof navigator > "u") return !1;
-      const n = navigator.userAgent;
-      return /iPad|iPhone|iPod/.test(n) || n.includes("Mac") && navigator.maxTouchPoints > 1;
-    })(), e = typeof navigator > "u" ? !1 : /iPhone|iPod/.test(navigator.userAgent), f = [0.5, 0.75, 1, 1.25, 1.5, 2], a = t, w = o, m = k(!0);
-    let $ = null;
-    function E() {
-      $ !== null && (clearTimeout($), $ = null);
-    }
+      const l = navigator.userAgent;
+      return /iPad|iPhone|iPod/.test(l) || l.includes("Mac") && navigator.maxTouchPoints > 1;
+    })(), e = typeof navigator > "u" ? !1 : /iPhone|iPod/.test(navigator.userAgent), c = [0.5, 0.75, 1, 1.25, 1.5, 2], o = t, h = a, g = y(!0);
+    let E = null;
     function _() {
-      E(), a.isPlaying && ($ = setTimeout(() => {
-        m.value = !1;
-      }, jt));
+      E !== null && (clearTimeout(E), E = null);
+    }
+    function $() {
+      _(), o.isPlaying && (E = setTimeout(() => {
+        g.value = !1;
+      }, bn));
     }
-    function A() {
-      m.value = !0, _();
+    function S() {
+      g.value = !0, $();
     }
-    R(() => a.isPlaying, (n) => {
-      n ? _() : (E(), m.value = !0);
-    }, { immediate: !0 }), R(() => a.container, (n) => {
-      if (!n) return;
-      const r = () => A();
-      n.addEventListener("mousemove", r), n.addEventListener("touchstart", r), n.addEventListener("focusin", r);
+    R(() => o.isPlaying, (l) => {
+      l ? $() : (_(), g.value = !0);
+    }, { immediate: !0 }), R(() => o.container, (l) => {
+      if (!l) return;
+      const s = () => S();
+      l.addEventListener("mousemove", s), l.addEventListener("touchstart", s), l.addEventListener("focusin", s);
     }, { immediate: !0 });
-    const b = k(0), h = k(0), x = k(0);
-    R(() => a.video, (n) => {
-      if (!n) return;
-      const r = () => {
-        b.value = n.currentTime;
-      }, p = () => {
-        h.value = Number.isFinite(n.duration) ? n.duration : 0;
+    const b = y(0), m = y(0), C = y(0);
+    R(() => o.video, (l) => {
+      if (!l) return;
+      const s = () => {
+        b.value = l.currentTime;
+      }, i = () => {
+        m.value = Number.isFinite(l.duration) ? l.duration : 0;
       }, L = () => {
-        const q = n.buffered;
-        if (!q || q.length === 0) {
-          x.value = 0;
+        const F = l.buffered;
+        if (!F || F.length === 0) {
+          C.value = 0;
           return;
         }
-        let Ce = q.end(q.length - 1);
-        for (let ie = 0; ie < q.length; ie++)
-          if (q.start(ie) <= n.currentTime && n.currentTime <= q.end(ie)) {
-            Ce = q.end(ie);
+        let Be = F.end(F.length - 1);
+        for (let ye = 0; ye < F.length; ye++)
+          if (F.start(ye) <= l.currentTime && l.currentTime <= F.end(ye)) {
+            Be = F.end(ye);
             break;
           }
-        x.value = Ce;
+        C.value = Be;
       };
-      r(), p(), L(), n.addEventListener("timeupdate", r), n.addEventListener("durationchange", p), n.addEventListener("loadedmetadata", p), n.addEventListener("progress", L), n.addEventListener("timeupdate", L);
+      s(), i(), L(), l.addEventListener("timeupdate", s), l.addEventListener("durationchange", i), l.addEventListener("loadedmetadata", i), l.addEventListener("progress", L), l.addEventListener("timeupdate", L);
     }, { immediate: !0 });
-    const u = () => h.value > 0, C = () => u() ? b.value / h.value * 100 : 0, B = () => u() ? x.value / h.value * 100 : 0;
-    function W(n) {
-      const r = a.video;
-      if (!r || !u()) return;
-      const p = Number(n.target.value) / 100 * h.value;
-      r.currentTime = p, b.value = p;
+    const p = () => m.value > 0, x = () => p() ? b.value / m.value * 100 : 0, B = () => p() ? C.value / m.value * 100 : 0;
+    function Y(l) {
+      const s = o.video;
+      if (!s || !p()) return;
+      const i = Number(l.target.value) / 100 * m.value;
+      s.currentTime = i, b.value = i;
+    }
+    const A = y(null), J = y(null), k = y(0), N = y(0), D = y(!1);
+    R(() => o.thumbnails, (l) => {
+      if (A.value = null, !l) return;
+      let s = !1;
+      fetch(l).then((i) => i.ok ? i.text() : Promise.reject(new Error("fetch failed"))).then((i) => {
+        if (s) return;
+        const L = Ot(i, new URL(l, location.href).href);
+        A.value = L.length > 0 ? Ut(L) : null;
+      }).catch(() => {
+        s || (A.value = null);
+      }), ne(() => {
+        s = !0;
+      });
+    }, { immediate: !0 });
+    function H(l) {
+      const s = J.value;
+      if (!s || !p()) return;
+      const i = s.getBoundingClientRect(), L = Math.min(Math.max(l.clientX - i.left, 0), i.width);
+      N.value = L, k.value = L / i.width * m.value, D.value = !0;
+    }
+    function V() {
+      D.value = !1;
     }
-    const M = k(1), Z = k(!1);
-    R(() => a.video, (n) => {
-      if (!n) return;
-      const r = () => {
-        M.value = n.volume, Z.value = n.muted;
+    const O = T(
+      () => {
+        var l;
+        return D.value ? ((l = A.value) == null ? void 0 : l.cueAt(k.value)) ?? null : null;
+      }
+    ), me = T(() => {
+      const l = O.value;
+      return l !== null && l.w > 0 && l.h > 0;
+    }), Pe = T(() => {
+      var L;
+      const l = O.value, s = ((L = J.value) == null ? void 0 : L.clientWidth) ?? 0;
+      if (!me.value || !l || s === 0) return N.value;
+      const i = l.w / 2;
+      return Math.min(Math.max(N.value, i), s - i);
+    }), oe = y([]);
+    R(() => o.chapters, (l) => {
+      if (oe.value = [], typeof l != "string" || !l) return;
+      let s = !1;
+      fetch(l).then((i) => i.ok ? i.text() : Promise.reject(new Error("fetch failed"))).then((i) => {
+        s || (oe.value = Zt(i));
+      }).catch(() => {
+        s || (oe.value = []);
+      }), ne(() => {
+        s = !0;
+      });
+    }, { immediate: !0 });
+    const ce = T(() => typeof o.chapters == "string" ? oe.value : Array.isArray(o.chapters) ? jt(o.chapters, m.value) : []), de = T(
+      () => D.value ? Qt(ce.value, k.value) : null
+    ), K = y(1), q = y(!1);
+    R(() => o.video, (l) => {
+      if (!l) return;
+      const s = () => {
+        K.value = l.volume, q.value = l.muted;
       };
-      r(), n.addEventListener("volumechange", r);
+      s(), l.addEventListener("volumechange", s);
     }, { immediate: !0 });
-    function g() {
-      a.video && (a.video.muted = !a.video.muted);
+    function Me() {
+      o.video && (o.video.muted = !o.video.muted);
     }
-    function P(n) {
-      const r = a.video;
-      if (!r) return;
-      const p = Number(n.target.value) / 100;
-      r.volume = p, p > 0 && r.muted && (r.muted = !1);
+    function Te(l) {
+      const s = o.video;
+      if (!s) return;
+      const i = Number(l.target.value) / 100;
+      s.volume = i, i > 0 && s.muted && (s.muted = !1);
     }
-    const V = k(1), I = k(!1), H = k(null);
-    R(() => a.video, (n) => {
-      if (!n) return;
-      const r = () => {
-        V.value = n.playbackRate;
+    const X = y(1), le = y(!1), we = y(null);
+    R(() => o.video, (l) => {
+      if (!l) return;
+      const s = () => {
+        X.value = l.playbackRate;
       };
-      r(), n.addEventListener("ratechange", r);
+      s(), l.addEventListener("ratechange", s);
     }, { immediate: !0 });
-    function z(n) {
-      a.video && (a.video.playbackRate = n), V.value = n, I.value = !1;
+    function Ie(l) {
+      o.video && (o.video.playbackRate = l), X.value = l, le.value = !1;
     }
-    const X = k(!1), re = k(null), ke = N(() => a.qualityLevels.length >= 2), Q = N(
-      () => [...a.qualityLevels].sort((n, r) => r.height - n.height)
-    ), te = N(
-      () => a.qualityLevels.find((n) => n.index === a.currentLevel)
-    ), se = N(() => {
-      if (a.selectedLevel < 0)
-        return te.value ? `Auto (${te.value.label})` : "Auto";
-      const n = a.qualityLevels.find((r) => r.index === a.selectedLevel);
-      return (n == null ? void 0 : n.label) ?? "Auto";
+    const ae = y(!1), Q = y(null), he = T(() => o.qualityLevels.length >= 2), be = T(
+      () => [...o.qualityLevels].sort((l, s) => s.height - l.height)
+    ), ve = T(
+      () => o.qualityLevels.find((l) => l.index === o.currentLevel)
+    ), Ce = T(() => {
+      if (o.selectedLevel < 0)
+        return ve.value ? `Auto (${ve.value.label})` : "Auto";
+      const l = o.qualityLevels.find((s) => s.index === o.selectedLevel);
+      return (l == null ? void 0 : l.label) ?? "Auto";
     });
-    function ue(n) {
-      w("select-level", n), X.value = !1;
+    function se(l) {
+      h("select-level", l), ae.value = !1;
     }
-    const le = k([]), F = k(-1), Y = k(!1), ce = k(null);
-    function de(n) {
-      const r = [];
-      for (let L = 0; L < n.length; L++) {
-        const q = n[L];
-        (q.kind === "subtitles" || q.kind === "captions") && r.push({ index: L, label: q.label || q.language || `Track ${L + 1}` });
+    const pe = y([]), W = y(-1), G = y(!1), xe = y(null);
+    function ge(l) {
+      const s = [];
+      for (let L = 0; L < l.length; L++) {
+        const F = l[L];
+        (F.kind === "subtitles" || F.kind === "captions") && s.push({ index: L, label: F.label || F.language || `Track ${L + 1}` });
       }
-      le.value = r;
-      let p = -1;
-      for (let L = 0; L < n.length; L++)
-        if (n[L].mode === "showing") {
-          p = L;
+      pe.value = s;
+      let i = -1;
+      for (let L = 0; L < l.length; L++)
+        if (l[L].mode === "showing") {
+          i = L;
           break;
         }
-      F.value = p;
+      W.value = i;
     }
-    R(() => a.video, (n) => {
-      if (!n) {
-        le.value = [], F.value = -1;
+    R(() => o.video, (l) => {
+      if (!l) {
+        pe.value = [], W.value = -1;
         return;
       }
-      const r = n.textTracks;
-      de(r);
-      const p = () => de(r);
-      typeof r.addEventListener == "function" && (r.addEventListener("addtrack", p), r.addEventListener("removetrack", p), r.addEventListener("change", p));
+      const s = l.textTracks;
+      ge(s);
+      const i = () => ge(s);
+      typeof s.addEventListener == "function" && (s.addEventListener("addtrack", i), s.addEventListener("removetrack", i), s.addEventListener("change", i));
     }, { immediate: !0 });
-    function ve(n) {
-      var p;
-      const r = (p = a.video) == null ? void 0 : p.textTracks;
-      if (r) {
-        for (let L = 0; L < r.length; L++) r[L].mode = L === n ? "showing" : "hidden";
-        F.value = n, Y.value = !1;
+    function Le(l) {
+      var i;
+      const s = (i = o.video) == null ? void 0 : i.textTracks;
+      if (s) {
+        for (let L = 0; L < s.length; L++) s[L].mode = L === l ? "showing" : "hidden";
+        W.value = l, G.value = !1;
       }
     }
-    function pe() {
-      var r;
-      const n = (r = a.video) == null ? void 0 : r.textTracks;
-      if (n) {
-        for (let p = 0; p < n.length; p++) n[p].mode = "hidden";
-        F.value = -1, Y.value = !1;
+    function u() {
+      var s;
+      const l = (s = o.video) == null ? void 0 : s.textTracks;
+      if (l) {
+        for (let i = 0; i < l.length; i++) l[i].mode = "hidden";
+        W.value = -1, G.value = !1;
       }
     }
-    const c = k(!1), d = typeof document < "u" && !!document.pictureInPictureEnabled;
-    R(() => a.video, (n) => {
-      n && (n.addEventListener("enterpictureinpicture", () => {
-        c.value = !0;
-      }), n.addEventListener("leavepictureinpicture", () => {
-        c.value = !1;
+    const v = y(!1), P = typeof document < "u" && !!document.pictureInPictureEnabled;
+    R(() => o.video, (l) => {
+      l && (l.addEventListener("enterpictureinpicture", () => {
+        v.value = !0;
+      }), l.addEventListener("leavepictureinpicture", () => {
+        v.value = !1;
       }));
     }, { immediate: !0 });
-    function D() {
-      a.video && (document.pictureInPictureElement ? document.exitPictureInPicture().catch(() => {
-      }) : a.video.requestPictureInPicture().catch(() => {
+    function fe() {
+      o.video && (document.pictureInPictureElement ? document.exitPictureInPicture().catch(() => {
+      }) : o.video.requestPictureInPicture().catch(() => {
       }));
     }
-    const K = k(!1), fe = typeof document > "u" ? !1 : !!(document.fullscreenEnabled || document.webkitFullscreenEnabled);
-    function me() {
+    const j = y(!1), Ee = typeof document > "u" ? !1 : !!(document.fullscreenEnabled || document.webkitFullscreenEnabled);
+    function Se() {
       return document.fullscreenElement ?? document.webkitFullscreenElement ?? null;
     }
-    function ye(n) {
-      const r = n.requestFullscreen ?? n.webkitRequestFullscreen;
-      return r ? r.call(n) : Promise.reject(new Error("unsupported"));
+    function _e(l) {
+      const s = l.requestFullscreen ?? l.webkitRequestFullscreen;
+      return s ? s.call(l) : Promise.reject(new Error("unsupported"));
     }
-    function he() {
-      const n = document.exitFullscreen ?? document.webkitExitFullscreen;
-      return n ? n.call(document) : Promise.reject(new Error("unsupported"));
+    function ke() {
+      const l = document.exitFullscreen ?? document.webkitExitFullscreen;
+      return l ? l.call(document) : Promise.reject(new Error("unsupported"));
     }
-    function G() {
-      K.value = me() === a.container;
+    function $e() {
+      j.value = Se() === o.container;
     }
-    be(() => {
-      document.addEventListener("fullscreenchange", G), document.addEventListener("webkitfullscreenchange", G);
+    He(() => {
+      document.addEventListener("fullscreenchange", $e), document.addEventListener("webkitfullscreenchange", $e);
     }), ne(() => {
-      E(), document.removeEventListener("fullscreenchange", G), document.removeEventListener("webkitfullscreenchange", G);
+      _(), document.removeEventListener("fullscreenchange", $e), document.removeEventListener("webkitfullscreenchange", $e);
     });
-    function Te() {
-      var n, r;
+    function je() {
+      var l, s;
       if (e) {
-        (r = (n = a.video) == null ? void 0 : n.webkitEnterFullscreen) == null || r.call(n);
+        (s = (l = o.video) == null ? void 0 : l.webkitEnterFullscreen) == null || s.call(l);
         return;
       }
-      K.value ? he().catch(() => {
-      }) : a.container && ye(a.container).catch(() => {
+      j.value ? ke().catch(() => {
+      }) : o.container && _e(o.container).catch(() => {
       });
     }
-    const Ie = fe || e && a.video !== null && typeof a.video.webkitEnterFullscreen == "function";
-    function we(n, r) {
-      function p(q) {
-        r.value && !r.value.contains(q.target) && (n.value = !1);
+    const Qe = Ee || e && o.video !== null && typeof o.video.webkitEnterFullscreen == "function";
+    function Ne(l, s) {
+      function i(F) {
+        s.value && !s.value.contains(F.target) && (l.value = !1);
       }
-      function L(q) {
-        q.key === "Escape" && (n.value = !1);
+      function L(F) {
+        F.key === "Escape" && (l.value = !1);
       }
-      R(n, (q) => {
-        q ? (document.addEventListener("mousedown", p), document.addEventListener("keydown", L)) : (document.removeEventListener("mousedown", p), document.removeEventListener("keydown", L));
+      R(l, (F) => {
+        F ? (document.addEventListener("mousedown", i), document.addEventListener("keydown", L)) : (document.removeEventListener("mousedown", i), document.removeEventListener("keydown", L));
       }), ne(() => {
-        document.removeEventListener("mousedown", p), document.removeEventListener("keydown", L);
+        document.removeEventListener("mousedown", i), document.removeEventListener("keydown", L);
       });
     }
-    return we(I, H), we(Y, ce), we(X, re), (n, r) => (i(), v("div", {
+    return Ne(le, we), Ne(G, xe), Ne(ae, Q), (l, s) => (d(), f("div", {
       role: "toolbar",
       "aria-label": "Video controls",
-      class: y(["gvp-controls", !m.value && "is-hidden"]),
-      onMouseenter: E,
-      onMouseleave: _
+      class: w(["gvp-controls", !g.value && "is-hidden"]),
+      onMouseenter: _,
+      onMouseleave: $
     }, [
-      l("div", wt, [
-        l("button", {
+      r("div", Wt, [
+        t.hasPrev || t.hasNext ? (d(), f("button", {
+          key: 0,
+          type: "button",
+          class: "gvp-ctrl-btn",
+          "aria-label": "Previous video",
+          disabled: !t.hasPrev,
+          onClick: s[0] || (s[0] = (i) => h("prev"))
+        }, [
+          Z(Et)
+        ], 8, zt)) : M("", !0),
+        r("button", {
           type: "button",
           class: "gvp-ctrl-btn",
           "aria-label": t.isPlaying ? "Pause" : "Play",
           "aria-pressed": t.isPlaying,
-          onClick: r[0] || (r[0] = //@ts-ignore
-          (...p) => t.onTogglePlay && t.onTogglePlay(...p))
+          onClick: s[1] || (s[1] = //@ts-ignore
+          (...i) => t.onTogglePlay && t.onTogglePlay(...i))
         }, [
-          t.isPlaying ? (i(), j(ot, { key: 0 })) : (i(), j(st, { key: 1 }))
-        ], 8, bt),
-        l("div", Ct, [
-          l("div", xt, [
-            l("div", {
+          t.isPlaying ? (d(), z(bt, { key: 0 })) : (d(), z(xt, { key: 1 }))
+        ], 8, Yt),
+        t.hasPrev || t.hasNext ? (d(), f("button", {
+          key: 1,
+          type: "button",
+          class: "gvp-ctrl-btn",
+          "aria-label": "Next video",
+          disabled: !t.hasNext,
+          onClick: s[2] || (s[2] = (i) => h("next"))
+        }, [
+          Z($t)
+        ], 8, Kt)) : M("", !0),
+        r("div", {
+          class: "gvp-seek",
+          onPointermove: H,
+          onPointerleave: V
+        }, [
+          r("div", {
+            ref_key: "seekTrackEl",
+            ref: J,
+            class: "gvp-seek-track"
+          }, [
+            r("div", {
               class: "gvp-seek-buffered",
-              style: ge({ width: `${B()}%` })
+              style: re({ width: `${B()}%` })
             }, null, 4),
-            l("div", {
+            r("div", {
               class: "gvp-seek-progress",
-              style: ge({ width: `${C()}%` })
-            }, null, 4)
-          ]),
-          l("input", {
+              style: re({ width: `${x()}%` })
+            }, null, 4),
+            p() ? (d(!0), f(ie, { key: 0 }, ue(ce.value, (i) => We((d(), f("div", {
+              key: `${i.start}-${i.title}`,
+              class: "gvp-seek-chapter-tick",
+              style: re({ left: `${i.start / m.value * 100}%` })
+            }, null, 4)), [
+              [ze, i.start > 0 && i.start < m.value]
+            ])), 128)) : M("", !0)
+          ], 512),
+          D.value && p() ? (d(), f("div", {
+            key: 0,
+            class: w(["gvp-seek-preview", { "has-thumb": me.value }]),
+            style: re({ left: `${Pe.value}px` })
+          }, [
+            me.value && O.value ? (d(), f("div", {
+              key: 0,
+              class: "gvp-seek-preview-thumb",
+              style: re({
+                width: `${O.value.w}px`,
+                height: `${O.value.h}px`,
+                backgroundImage: `url(${JSON.stringify(O.value.url)})`,
+                backgroundPosition: `-${O.value.x}px -${O.value.y}px`
+              })
+            }, null, 4)) : M("", !0),
+            de.value ? (d(), f("span", Xt, U(de.value.title), 1)) : M("", !0),
+            r("span", Jt, U(te(Ae)(k.value)), 1)
+          ], 6)) : M("", !0),
+          r("input", {
             type: "range",
             class: "gvp-seek-input",
             min: 0,
             max: 100,
             step: 0.1,
-            value: C(),
-            disabled: !u(),
+            value: x(),
+            disabled: !p(),
             "aria-label": "Seek",
             "aria-valuemin": 0,
-            "aria-valuemax": Math.floor(h.value),
+            "aria-valuemax": Math.floor(m.value),
             "aria-valuenow": Math.floor(b.value),
-            onInput: W
-          }, null, 40, _t)
-        ]),
-        l("span", Et, O(ee(_e)(b.value)) + " / " + O(ee(_e)(h.value)), 1),
-        l("div", {
+            onInput: Y
+          }, null, 40, Gt)
+        ], 32),
+        r("span", en, U(te(Ae)(b.value)) + " / " + U(te(Ae)(m.value)), 1),
+        r("div", {
           ref_key: "speedRootEl",
-          ref: H,
+          ref: we,
           class: "gvp-speed"
         }, [
-          l("button", {
+          r("button", {
             type: "button",
             class: "gvp-ctrl-btn gvp-speed-btn",
             "aria-haspopup": "listbox",
-            "aria-expanded": I.value,
-            "aria-label": `Playback speed: ${V.value === 1 ? "1×" : V.value + "×"}`,
-            onClick: r[1] || (r[1] = (p) => I.value = !I.value)
+            "aria-expanded": le.value,
+            "aria-label": `Playback speed: ${X.value === 1 ? "1×" : X.value + "×"}`,
+            onClick: s[3] || (s[3] = (i) => le.value = !le.value)
           }, [
-            U($e),
-            l("span", $t, O(V.value === 1 ? "1×" : `${V.value}×`), 1)
-          ], 8, Lt),
-          I.value ? (i(), v("ul", Pt, [
-            (i(), v(oe, null, ae(f, (p) => l("li", { key: p }, [
-              l("button", {
+            Z(Oe),
+            r("span", nn, U(X.value === 1 ? "1×" : `${X.value}×`), 1)
+          ], 8, tn),
+          le.value ? (d(), f("ul", ln, [
+            (d(), f(ie, null, ue(c, (i) => r("li", { key: i }, [
+              r("button", {
                 type: "button",
                 role: "option",
-                "aria-selected": p === V.value,
-                class: y(["gvp-speed-menu-item", { "is-active": p === V.value }]),
-                onClick: (L) => z(p)
-              }, O(p === 1 ? "Normal" : `${p}×`), 11, Mt)
+                "aria-selected": i === X.value,
+                class: w(["gvp-speed-menu-item", { "is-active": i === X.value }]),
+                onClick: (L) => Ie(i)
+              }, U(i === 1 ? "Normal" : `${i}×`), 11, an)
             ])), 64))
-          ])) : T("", !0)
+          ])) : M("", !0)
         ], 512),
-        ke.value ? (i(), v("div", {
-          key: 0,
+        he.value ? (d(), f("div", {
+          key: 2,
           ref_key: "qualityRootEl",
-          ref: re,
+          ref: Q,
           class: "gvp-quality"
         }, [
-          l("button", {
+          r("button", {
             type: "button",
             class: "gvp-ctrl-btn gvp-quality-btn",
             "aria-haspopup": "listbox",
-            "aria-expanded": X.value,
-            "aria-label": `Quality: ${se.value}`,
-            onClick: r[2] || (r[2] = (p) => X.value = !X.value)
+            "aria-expanded": ae.value,
+            "aria-label": `Quality: ${Ce.value}`,
+            onClick: s[4] || (s[4] = (i) => ae.value = !ae.value)
           }, [
-            U(ft),
-            l("span", It, O(se.value), 1)
-          ], 8, Tt),
-          X.value ? (i(), v("ul", St, [
-            l("li", null, [
-              l("button", {
+            Z(Ht),
+            r("span", sn, U(Ce.value), 1)
+          ], 8, on),
+          ae.value ? (d(), f("ul", rn, [
+            r("li", null, [
+              r("button", {
                 type: "button",
                 role: "option",
                 "aria-selected": t.selectedLevel < 0,
-                class: y(["gvp-quality-menu-item", { "is-active": t.selectedLevel < 0 }]),
-                onClick: r[3] || (r[3] = (p) => ue(ee(He).index))
-              }, O(te.value ? `Auto (${te.value.label})` : "Auto"), 11, Ht)
+                class: w(["gvp-quality-menu-item", { "is-active": t.selectedLevel < 0 }]),
+                onClick: s[5] || (s[5] = (i) => se(te(Ke).index))
+              }, U(ve.value ? `Auto (${ve.value.label})` : "Auto"), 11, un)
             ]),
-            (i(!0), v(oe, null, ae(Q.value, (p) => (i(), v("li", {
-              key: p.index
+            (d(!0), f(ie, null, ue(be.value, (i) => (d(), f("li", {
+              key: i.index
             }, [
-              l("button", {
+              r("button", {
                 type: "button",
                 role: "option",
-                "aria-selected": p.index === t.selectedLevel,
-                class: y(["gvp-quality-menu-item", { "is-active": p.index === t.selectedLevel }]),
-                onClick: (L) => ue(p.index)
-              }, O(p.label), 11, At)
+                "aria-selected": i.index === t.selectedLevel,
+                class: w(["gvp-quality-menu-item", { "is-active": i.index === t.selectedLevel }]),
+                onClick: (L) => se(i.index)
+              }, U(i.label), 11, cn)
             ]))), 128))
-          ])) : T("", !0)
-        ], 512)) : T("", !0),
-        le.value.length > 0 ? (i(), v("div", {
-          key: 1,
+          ])) : M("", !0)
+        ], 512)) : M("", !0),
+        pe.value.length > 0 ? (d(), f("div", {
+          key: 3,
           ref_key: "captionsRootEl",
-          ref: ce,
+          ref: xe,
           class: "gvp-captions"
         }, [
-          l("button", {
+          r("button", {
             type: "button",
-            class: y(["gvp-ctrl-btn", F.value >= 0 && "is-active"]),
+            class: w(["gvp-ctrl-btn", W.value >= 0 && "is-active"]),
             "aria-haspopup": "listbox",
-            "aria-expanded": Y.value,
+            "aria-expanded": G.value,
             "aria-label": "Captions",
-            "aria-pressed": F.value >= 0,
-            onClick: r[4] || (r[4] = (p) => Y.value = !Y.value)
+            "aria-pressed": W.value >= 0,
+            onClick: s[6] || (s[6] = (i) => G.value = !G.value)
           }, [
-            U(Pe)
-          ], 10, Bt),
-          Y.value ? (i(), v("ul", Vt, [
-            l("li", null, [
-              l("button", {
+            Z(Ue)
+          ], 10, dn),
+          G.value ? (d(), f("ul", vn, [
+            r("li", null, [
+              r("button", {
                 type: "button",
                 role: "option",
-                "aria-selected": F.value === -1,
-                class: y(["gvp-captions-menu-item", { "is-active": F.value === -1 }]),
-                onClick: pe
-              }, "Off", 10, qt)
+                "aria-selected": W.value === -1,
+                class: w(["gvp-captions-menu-item", { "is-active": W.value === -1 }]),
+                onClick: u
+              }, "Off", 10, pn)
             ]),
-            (i(!0), v(oe, null, ae(le.value, (p) => (i(), v("li", {
-              key: p.index
+            (d(!0), f(ie, null, ue(pe.value, (i) => (d(), f("li", {
+              key: i.index
             }, [
-              l("button", {
+              r("button", {
                 type: "button",
                 role: "option",
-                "aria-selected": p.index === F.value,
-                class: y(["gvp-captions-menu-item", { "is-active": p.index === F.value }]),
-                onClick: (L) => ve(p.index)
-              }, O(p.label), 11, Dt)
+                "aria-selected": i.index === W.value,
+                class: w(["gvp-captions-menu-item", { "is-active": i.index === W.value }]),
+                onClick: (L) => Le(i.index)
+              }, U(i.label), 11, fn)
             ]))), 128))
-          ])) : T("", !0)
-        ], 512)) : T("", !0),
-        l("div", {
-          class: y(["gvp-volume", !ee(s) && "is-expandable"])
+          ])) : M("", !0)
+        ], 512)) : M("", !0),
+        r("div", {
+          class: w(["gvp-volume", !te(n) && "is-expandable"])
         }, [
-          l("button", {
+          r("button", {
             type: "button",
             class: "gvp-ctrl-btn",
-            "aria-label": Z.value ? "Unmute" : "Mute",
-            "aria-pressed": Z.value,
-            onClick: g
+            "aria-label": q.value ? "Unmute" : "Mute",
+            "aria-pressed": q.value,
+            onClick: Me
           }, [
-            Z.value || M.value === 0 ? (i(), j(vt, { key: 0 })) : M.value < 0.5 ? (i(), j(ct, { key: 1 })) : (i(), j(rt, { key: 2 }))
-          ], 8, Rt),
-          ee(s) ? T("", !0) : (i(), v("div", Ft, [
-            l("div", Nt, [
-              l("div", {
+            q.value || K.value === 0 ? (d(), z(Nt, { key: 0 })) : K.value < 0.5 ? (d(), z(It, { key: 1 })) : (d(), z(Mt, { key: 2 }))
+          ], 8, mn),
+          te(n) ? M("", !0) : (d(), f("div", hn, [
+            r("div", gn, [
+              r("div", {
                 class: "gvp-volume-fill",
-                style: ge({ width: `${Z.value ? 0 : Math.round(M.value * 100)}%` })
+                style: re({ width: `${q.value ? 0 : Math.round(K.value * 100)}%` })
               }, null, 4)
             ]),
-            l("input", {
+            r("input", {
               type: "range",
               class: "gvp-volume-input",
               min: 0,
               max: 100,
               step: 1,
-              value: Z.value ? 0 : Math.round(M.value * 100),
+              value: q.value ? 0 : Math.round(K.value * 100),
               "aria-label": "Volume",
               "aria-valuemin": 0,
               "aria-valuemax": 100,
-              "aria-valuenow": Z.value ? 0 : Math.round(M.value * 100),
-              onInput: P
-            }, null, 40, Ot)
+              "aria-valuenow": q.value ? 0 : Math.round(K.value * 100),
+              onInput: Te
+            }, null, 40, kn)
           ]))
         ], 2),
-        ee(d) ? (i(), v("button", {
-          key: 2,
+        te(P) ? (d(), f("button", {
+          key: 4,
           type: "button",
-          class: y(["gvp-ctrl-btn", c.value && "is-active"]),
-          "aria-label": c.value ? "Exit picture-in-picture" : "Picture-in-picture",
-          "aria-pressed": c.value,
-          onClick: D
+          class: w(["gvp-ctrl-btn", v.value && "is-active"]),
+          "aria-label": v.value ? "Exit picture-in-picture" : "Picture-in-picture",
+          "aria-pressed": v.value,
+          onClick: fe
         }, [
-          U(Me)
-        ], 10, Ut)) : T("", !0),
-        ee(Ie) ? (i(), v("button", {
-          key: 3,
+          Z(Ze)
+        ], 10, yn)) : M("", !0),
+        te(Qe) ? (d(), f("button", {
+          key: 5,
           type: "button",
-          class: y(["gvp-ctrl-btn", K.value && "is-active"]),
-          "aria-label": K.value ? "Exit fullscreen" : "Enter fullscreen",
-          "aria-pressed": K.value,
-          onClick: Te
+          class: w(["gvp-ctrl-btn", j.value && "is-active"]),
+          "aria-label": j.value ? "Exit fullscreen" : "Enter fullscreen",
+          "aria-pressed": j.value,
+          onClick: je
         }, [
-          K.value ? (i(), j(yt, { key: 0 })) : (i(), j(gt, { key: 1 }))
-        ], 10, Zt)) : T("", !0)
+          j.value ? (d(), z(Ft, { key: 0 })) : (d(), z(qt, { key: 1 }))
+        ], 10, wn)) : M("", !0)
       ])
     ], 34));
   }
-}), Wt = { name: "IconDesktop" }, zt = /* @__PURE__ */ S({
-  ...Wt,
+}), xn = { name: "IconDesktop" }, Ln = /* @__PURE__ */ I({
+  ...xn,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "20",
       height: "20",
       viewBox: "0 0 24 24",
@@ -1225,26 +1481,26 @@ const wt = { class: "gvp-controls-row" }, bt = ["aria-label", "aria-pressed"], C
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M14 2H10C6.72077 2 5.08116 2 3.91891 2.81382C3.48891 3.1149 3.1149 3.48891 2.81382 3.91891C2 5.08116 2 6.72077 2 10C2 13.2792 2 14.9188 2.81382 16.0811C3.1149 16.5111 3.48891 16.8851 3.91891 17.1862C5.08116 18 6.72077 18 10 18H14C17.2792 18 18.9188 18 20.0811 17.1862C20.5111 16.8851 20.8851 16.5111 21.1862 16.0811C22 14.9188 22 13.2792 22 10C22 6.72077 22 5.08116 21.1862 3.91891C20.8851 3.48891 20.5111 3.1149 20.0811 2.81382C18.9188 2 17.2792 2 14 2Z",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linecap": "round"
       }, null, -1),
-      l("path", {
+      r("path", {
         d: "M11 15H13",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
       }, null, -1),
-      l("path", {
+      r("path", {
         d: "M14.5 22L14.1845 21.5811C13.4733 20.6369 13.2969 19.1944 13.7468 18M9.5 22L9.8155 21.5811C10.5267 20.6369 10.7031 19.1944 10.2532 18",
         stroke: "currentColor",
         "stroke-width": "1.5",
         "stroke-linecap": "round"
       }, null, -1),
-      l("path", {
+      r("path", {
         d: "M7 22H17",
         stroke: "currentColor",
         "stroke-width": "1.5",
@@ -1252,15 +1508,15 @@ const wt = { class: "gvp-controls-row" }, bt = ["aria-label", "aria-pressed"], C
       }, null, -1)
     ])], 2));
   }
-}), Yt = { name: "IconMobile" }, Kt = /* @__PURE__ */ S({
-  ...Yt,
+}), En = { name: "IconMobile" }, _n = /* @__PURE__ */ I({
+  ...En,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "20",
       height: "20",
       viewBox: "0 0 24 24",
@@ -1268,20 +1524,20 @@ const wt = { class: "gvp-controls-row" }, bt = ["aria-label", "aria-pressed"], C
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M5 9C5 5.70017 5 4.05025 6.02513 3.02513C7.05025 2 8.70017 2 12 2C15.2998 2 16.9497 2 17.9749 3.02513C19 4.05025 19 5.70017 19 9V15C19 18.2998 19 19.9497 17.9749 20.9749C16.9497 22 15.2998 22 12 22C8.70017 22 7.05025 22 6.02513 20.9749C5 19.9497 5 18.2998 5 15V9Z",
         stroke: "currentColor",
         "stroke-width": "2",
         "stroke-linecap": "round"
       }, null, -1),
-      l("path", {
+      r("path", {
         d: "M11 19H13",
         stroke: "currentColor",
         "stroke-width": "2",
         "stroke-linecap": "round",
         "stroke-linejoin": "round"
       }, null, -1),
-      l("path", {
+      r("path", {
         d: "M9 2L9.089 2.53402C9.28188 3.69129 9.37832 4.26993 9.77519 4.62204C10.1892 4.98934 10.7761 5 12 5C13.2239 5 13.8108 4.98934 14.2248 4.62204C14.6217 4.26993 14.7181 3.69129 14.911 2.53402L15 2",
         stroke: "currentColor",
         "stroke-width": "2",
@@ -1289,15 +1545,15 @@ const wt = { class: "gvp-controls-row" }, bt = ["aria-label", "aria-pressed"], C
       }, null, -1)
     ])], 2));
   }
-}), Jt = { name: "IconPlay" }, Xt = /* @__PURE__ */ S({
-  ...Jt,
+}), $n = { name: "IconPlay" }, Pn = /* @__PURE__ */ I({
+  ...$n,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "22",
       height: "22",
       viewBox: "0 0 16 16",
@@ -1305,21 +1561,21 @@ const wt = { class: "gvp-controls-row" }, bt = ["aria-label", "aria-pressed"], C
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M5.3335 11.45V4.54997C5.3335 4.36108 5.40016 4.20275 5.5335 4.07497C5.66683 3.94719 5.82238 3.8833 6.00016 3.8833C6.05572 3.8833 6.11405 3.89163 6.17516 3.9083C6.23627 3.92497 6.29461 3.94997 6.35016 3.9833L11.7835 7.4333C11.8835 7.49997 11.9585 7.5833 12.0085 7.6833C12.0585 7.7833 12.0835 7.88886 12.0835 7.99997C12.0835 8.11108 12.0585 8.21663 12.0085 8.31663C11.9585 8.41663 11.8835 8.49997 11.7835 8.56663L6.35016 12.0166C6.29461 12.05 6.23627 12.075 6.17516 12.0916C6.11405 12.1083 6.05572 12.1166 6.00016 12.1166C5.82238 12.1166 5.66683 12.0527 5.5335 11.925C5.40016 11.7972 5.3335 11.6389 5.3335 11.45Z",
         fill: "currentColor"
       }, null, -1)
     ])], 2));
   }
-}), Gt = { name: "IconX" }, en = /* @__PURE__ */ S({
-  ...Gt,
+}), Mn = { name: "IconX" }, Tn = /* @__PURE__ */ I({
+  ...Mn,
   props: {
     class: {}
   },
   setup(t) {
-    const o = t;
-    return (s, e) => (i(), v("svg", {
-      class: y(["gvp-icon", o.class]),
+    const a = t;
+    return (n, e) => (d(), f("svg", {
+      class: w(["gvp-icon", a.class]),
       width: "14",
       height: "14",
       viewBox: "0 0 14 14",
@@ -1327,87 +1583,90 @@ const wt = { class: "gvp-controls-row" }, bt = ["aria-label", "aria-pressed"], C
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true"
     }, [...e[0] || (e[0] = [
-      l("path", {
+      r("path", {
         d: "M6.94994 5.53594L12.1929 0.292938C12.5834 -0.0975275 13.2165 -0.0975279 13.6069 0.292938C13.9974 0.683403 13.9974 1.31647 13.6069 1.70694L8.36394 6.94994L13.6069 12.1929C13.9974 12.5834 13.9974 13.2165 13.6069 13.6069C13.2165 13.9974 12.5834 13.9974 12.1929 13.6069L6.94994 8.36394L1.70694 13.6069C1.31647 13.9974 0.683403 13.9974 0.292938 13.6069C-0.0975279 13.2165 -0.0975277 12.5834 0.292938 12.1929L5.53594 6.94994L0.292938 1.70694C-0.0975279 1.31647 -0.0975279 0.683403 0.292938 0.292938C0.683403 -0.0975279 1.31647 -0.0975277 1.70694 0.292938L6.94994 5.53594Z",
         fill: "currentColor"
       }, null, -1)
     ])], 2));
   }
 });
-function tn(t) {
+function In(t) {
   if (!t) return null;
   if (/^[A-Za-z0-9_-]{11}$/.test(t)) return t;
-  let o;
+  let a;
   try {
-    o = new URL(t);
+    a = new URL(t);
   } catch {
     return null;
   }
-  const s = o.hostname.replace(/^www\./, "");
-  if (s === "youtu.be") {
-    const e = o.pathname.slice(1).split("/")[0];
+  const n = a.hostname.replace(/^www\./, "");
+  if (n === "youtu.be") {
+    const e = a.pathname.slice(1).split("/")[0];
     return /^[A-Za-z0-9_-]{11}$/.test(e) ? e : null;
   }
-  if (s === "youtube.com" || s === "m.youtube.com" || s === "music.youtube.com" || s === "youtube-nocookie.com") {
-    const e = o.searchParams.get("v");
+  if (n === "youtube.com" || n === "m.youtube.com" || n === "music.youtube.com" || n === "youtube-nocookie.com") {
+    const e = a.searchParams.get("v");
     if (e && /^[A-Za-z0-9_-]{11}$/.test(e)) return e;
-    const f = /^\/(?:embed|shorts|v|live)\/([A-Za-z0-9_-]{11})/.exec(
-      o.pathname
+    const c = /^\/(?:embed|shorts|v|live)\/([A-Za-z0-9_-]{11})/.exec(
+      a.pathname
     );
-    if (f) return f[1];
+    if (c) return c[1];
   }
   return null;
 }
-function nn(t) {
+function Sn(t) {
   try {
-    const o = new URL(t), s = o.searchParams.get("t") ?? o.searchParams.get("start");
-    if (!s) return null;
-    if (/^\d+s?$/.test(s)) return Number.parseInt(s, 10);
-    const e = /^(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?$/.exec(s);
+    const a = new URL(t), n = a.searchParams.get("t") ?? a.searchParams.get("start");
+    if (!n) return null;
+    if (/^\d+s?$/.test(n)) return Number.parseInt(n, 10);
+    const e = /^(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?$/.exec(n);
     if (e) {
-      const f = Number.parseInt(e[1] ?? "0", 10), a = Number.parseInt(e[2] ?? "0", 10), w = Number.parseInt(e[3] ?? "0", 10), m = f * 3600 + a * 60 + w;
-      return m > 0 ? m : null;
+      const c = Number.parseInt(e[1] ?? "0", 10), o = Number.parseInt(e[2] ?? "0", 10), h = Number.parseInt(e[3] ?? "0", 10), g = c * 3600 + o * 60 + h;
+      return g > 0 ? g : null;
     }
   } catch {
   }
   return null;
 }
-function ln(t, o = {}) {
+function Nn(t, a = {}) {
   const {
-    autoPlay: s = !1,
+    autoPlay: n = !1,
     muted: e = !0,
-    loop: f = !1,
-    controls: a = !0,
-    startSeconds: w
-  } = o, m = new URLSearchParams({
+    loop: c = !1,
+    controls: o = !0,
+    startSeconds: h
+  } = a, g = new URLSearchParams({
     rel: "0",
     modestbranding: "1",
     playsinline: "1",
-    controls: a ? "1" : "0"
+    controls: o ? "1" : "0"
   });
-  return s ? (m.set("autoplay", "1"), m.set("mute", "1")) : e && m.set("mute", "1"), f && (m.set("loop", "1"), m.set("playlist", t)), w && w > 0 && m.set("start", String(w)), `https://www.youtube-nocookie.com/embed/${t}?${m.toString()}`;
+  return n ? (g.set("autoplay", "1"), g.set("mute", "1")) : e && g.set("mute", "1"), c && (g.set("loop", "1"), g.set("playlist", t)), h && h > 0 && g.set("start", String(h)), `https://www.youtube-nocookie.com/embed/${t}?${g.toString()}`;
 }
-const on = ["src"], an = {
+const An = ["src"], Hn = {
   key: 2,
   class: "gvp-vignette"
-}, sn = {
+}, Bn = {
   key: 3,
   class: "gvp-toggle"
-}, rn = { class: "gvp-toggle-pill" }, un = ["aria-pressed"], cn = ["aria-pressed"], dn = ["aria-label", "aria-pressed"], vn = ["aria-label"], pn = {
+}, Vn = { class: "gvp-toggle-pill" }, qn = ["aria-pressed"], Dn = ["aria-pressed"], Fn = ["aria-label", "aria-pressed"], Rn = ["aria-label"], On = {
   key: 10,
   class: "gvp-play-wrap"
-}, fn = {
+}, Un = {
   key: 0,
   class: "gvp-tooltip",
   role: "tooltip"
-}, mn = {
+}, Zn = {
   key: 12,
   class: "gvp-bottom-fade"
-}, kn = /* @__PURE__ */ S({
+}, Wn = /* @__PURE__ */ I({
   __name: "VideoPlayer",
   props: {
     src: {},
     poster: {},
+    playlist: {},
+    defaultIndex: { default: 0 },
+    autoAdvance: { type: Boolean, default: !0 },
     showDeviceToggle: { type: Boolean, default: !0 },
     defaultDevice: { default: "desktop" },
     hoverPlay: { type: Boolean, default: !1 },
@@ -1420,299 +1679,360 @@ const on = ["src"], an = {
     aspectRatio: {},
     hlsConfig: {},
     isHls: { type: Boolean },
+    thumbnails: {},
+    chapters: {},
     class: { default: "" },
     closable: { type: Boolean, default: !1 }
   },
-  emits: ["close", "play", "pause"],
-  setup(t, { emit: o }) {
-    const s = t, e = o, f = k(null), a = k(s.defaultDevice), w = k(!1), m = k(!1), $ = k(null), E = k([]), _ = k(-1), A = k([]), b = k(-1), h = k(-1), x = k(1), u = k(!1), C = k(!1), B = k(null), W = typeof document < "u" && !!document.pictureInPictureEnabled, M = N(
-      () => s.controls === !0 || s.controls === "custom"
-    ), Z = N(() => s.controls === "native"), g = N(() => tn(s.src)), P = N(() => g.value !== null), V = N(
-      () => g.value ? ln(g.value, {
-        autoPlay: s.autoPlay,
-        muted: s.muted,
-        loop: s.loop,
-        controls: M.value ? !0 : Z.value,
-        startSeconds: nn(s.src)
+  emits: ["close", "play", "pause", "ended", "time-update", "seeked", "volume-change", "milestone", "error", "playlist-change"],
+  setup(t, { emit: a }) {
+    const n = t, e = a, c = y(null), o = y(n.defaultDevice), h = y(!1), g = y(!1), E = y(null), _ = y([]), $ = y(-1), S = y([]), b = y(-1), m = y(-1), C = y(1), p = y(!1), x = y(!1), B = y(null), Y = typeof document < "u" && !!document.pictureInPictureEnabled, A = T(
+      () => n.controls === !0 || n.controls === "custom"
+    ), J = T(() => n.controls === "native"), k = T(
+      () => Array.isArray(n.playlist) && n.playlist.length > 0
+    ), N = y(
+      k.value ? Math.min(Math.max(n.defaultIndex, 0), n.playlist.length - 1) : 0
+    ), D = T(
+      () => k.value ? n.playlist[Math.min(N.value, n.playlist.length - 1)] : null
+    ), H = T(() => {
+      var u;
+      return ((u = D.value) == null ? void 0 : u.src) ?? n.src ?? "";
+    }), V = T(() => {
+      var u;
+      return ((u = D.value) == null ? void 0 : u.poster) ?? n.poster;
+    }), O = T(
+      () => {
+        var u;
+        return ((u = D.value) == null ? void 0 : u.thumbnails) ?? n.thumbnails;
+      }
+    ), me = T(
+      () => {
+        var u;
+        return ((u = D.value) == null ? void 0 : u.chapters) ?? n.chapters;
+      }
+    ), Pe = T(() => k.value && N.value > 0), oe = T(
+      () => k.value && N.value < n.playlist.length - 1
+    );
+    let ce = !1;
+    function de(u, v = !1) {
+      if (!k.value) return;
+      const P = Math.min(Math.max(u, 0), n.playlist.length - 1);
+      P !== N.value && (ce = v, N.value = P, e("playlist-change", P, n.playlist[P]));
+    }
+    const K = T(() => In(H.value)), q = T(() => K.value !== null), Me = T(
+      () => K.value ? Nn(K.value, {
+        autoPlay: n.autoPlay,
+        muted: n.muted,
+        loop: n.loop,
+        controls: A.value ? !0 : J.value,
+        startSeconds: Sn(H.value)
       }) : null
     );
-    function I(c) {
-      E.value = c, _.value = -1;
+    function Te(u) {
+      _.value = u, $.value = -1;
     }
-    function H(c) {
-      A.value = c, h.value = -1;
+    function X(u) {
+      S.value = u, m.value = -1;
     }
-    const z = N(
-      () => !P.value && E.value.length > 1
-    ), X = N(
+    const le = T(
+      () => !q.value && _.value.length > 1
+    ), we = T(
       () => {
-        var c;
-        return _.value >= 0 ? _.value : ((c = E.value[0]) == null ? void 0 : c.index) ?? -1;
+        var u;
+        return $.value >= 0 ? $.value : ((u = _.value[0]) == null ? void 0 : u.index) ?? -1;
       }
-    ), re = N(
+    ), Ie = T(
       () => {
-        var c, d;
-        return a.value === "mobile" ? ((c = s.aspectRatio) == null ? void 0 : c.mobile) ?? "9/16" : ((d = s.aspectRatio) == null ? void 0 : d.desktop) ?? "16/9";
+        var u, v;
+        return o.value === "mobile" ? ((u = n.aspectRatio) == null ? void 0 : u.mobile) ?? "9/16" : ((v = n.aspectRatio) == null ? void 0 : v.desktop) ?? "16/9";
       }
-    ), ke = N(
+    ), ae = T(
       () => {
-        var c, d;
-        return a.value === "mobile" ? ((c = s.frameMaxWidth) == null ? void 0 : c.mobile) ?? "420px" : ((d = s.frameMaxWidth) == null ? void 0 : d.desktop) ?? "960px";
+        var u, v;
+        return o.value === "mobile" ? ((u = n.frameMaxWidth) == null ? void 0 : u.mobile) ?? "420px" : ((v = n.frameMaxWidth) == null ? void 0 : v.desktop) ?? "960px";
       }
-    ), Q = N(() => {
-      var c;
-      return ((c = f.value) == null ? void 0 : c.videoEl) ?? null;
+    ), Q = T(() => {
+      var u;
+      return ((u = c.value) == null ? void 0 : u.videoEl) ?? null;
     });
-    async function te() {
-      const c = Q.value;
-      if (c)
+    async function he() {
+      const u = Q.value;
+      if (u)
         try {
-          c.readyState < 2 && c.load();
-          const d = c.play();
-          $.value = d, await d, w.value = !0;
+          u.readyState < 2 && u.load();
+          const v = u.play();
+          E.value = v, await v, h.value = !0;
         } catch {
-          w.value = !1;
+          h.value = !1;
         } finally {
-          $.value = null;
+          E.value = null;
         }
     }
-    async function se() {
-      const c = Q.value;
-      if (c) {
-        if ($.value)
+    async function be() {
+      const u = Q.value;
+      if (u) {
+        if (E.value)
           try {
-            await $.value;
+            await E.value;
           } catch {
           }
-        c.pause();
+        u.pause();
       }
     }
-    async function ue() {
-      !s.hoverPlay || P.value || await te();
+    async function ve() {
+      !n.hoverPlay || q.value || await he();
+    }
+    async function Ce() {
+      !n.hoverPlay || q.value || (await be(), h.value = !1);
     }
-    async function le() {
-      !s.hoverPlay || P.value || (await se(), w.value = !1);
+    async function se() {
+      const u = Q.value;
+      u && (u.paused ? await he() : (await be(), h.value = !1));
     }
-    async function F() {
-      const c = Q.value;
-      c && (c.paused ? await te() : (await se(), w.value = !1));
+    function pe() {
+      h.value = !1, e("ended"), k.value && n.autoAdvance && oe.value && de(N.value + 1, !0);
     }
-    function Y() {
-      m.value = !0, ue();
+    R(H, () => {
+      ce && (ce = !1, he());
+    });
+    function W() {
+      g.value = !0, ve();
     }
-    function ce() {
-      m.value = !1, le();
+    function G() {
+      g.value = !1, Ce();
     }
-    function de(c) {
-      x.value = c;
-      const d = Q.value;
-      d && (d.playbackRate = c);
+    function xe(u) {
+      C.value = u;
+      const v = Q.value;
+      v && (v.playbackRate = u);
     }
-    R(Q, (c) => {
-      c && (c.addEventListener("ratechange", () => {
-        x.value = c.playbackRate;
-      }), c.addEventListener("enterpictureinpicture", () => {
-        u.value = !0;
-      }), c.addEventListener("leavepictureinpicture", () => {
-        u.value = !1;
-      }));
+    R(Q, (u) => {
+      if (!u) return;
+      u.addEventListener("ratechange", () => {
+        C.value = u.playbackRate;
+      }), u.addEventListener("enterpictureinpicture", () => {
+        p.value = !0;
+      }), u.addEventListener("leavepictureinpicture", () => {
+        p.value = !1;
+      });
+      const v = /* @__PURE__ */ new Set();
+      u.addEventListener("timeupdate", () => {
+        const P = u.duration;
+        if (e("time-update", u.currentTime, Number.isFinite(P) ? P : 0), !Number.isFinite(P) || P <= 0) return;
+        const fe = u.currentTime / P * 100;
+        for (const j of [25, 50, 75, 100])
+          fe >= j && !v.has(j) && (v.add(j), e("milestone", j));
+      }), u.addEventListener("seeked", () => {
+        e("seeked", u.currentTime);
+      }), u.addEventListener("volumechange", () => {
+        e("volume-change", u.volume, u.muted);
+      }), u.addEventListener("error", () => {
+        e("error");
+      });
     });
-    function ve() {
-      const c = Q.value;
-      c && (document.pictureInPictureElement ? document.exitPictureInPicture().catch(() => {
-      }) : c.requestPictureInPicture().catch(() => {
+    function ge() {
+      const u = Q.value;
+      u && (document.pictureInPictureElement ? document.exitPictureInPicture().catch(() => {
+      }) : u.requestPictureInPicture().catch(() => {
       }));
     }
-    function pe(c) {
-      var K, fe, me;
-      const d = Q.value;
-      if (!(!d || !C.value && !((K = B.value) != null && K.contains(document.activeElement)) || c.target.tagName === "INPUT" && c.key !== " "))
-        switch (c.key) {
+    function Le(u) {
+      var fe, j, Ee;
+      const v = Q.value;
+      if (!(!v || !x.value && !((fe = B.value) != null && fe.contains(document.activeElement)) || u.target.tagName === "INPUT" && u.key !== " "))
+        switch (u.key) {
           case " ":
           case "k":
-            c.preventDefault(), F();
+            u.preventDefault(), se();
             break;
           case "ArrowLeft":
-            c.preventDefault(), d.currentTime = Math.max(0, d.currentTime - 5);
+            u.preventDefault(), v.currentTime = Math.max(0, v.currentTime - 5);
             break;
           case "ArrowRight":
-            c.preventDefault(), d.currentTime = Math.min(d.duration || 0, d.currentTime + 5);
+            u.preventDefault(), v.currentTime = Math.min(v.duration || 0, v.currentTime + 5);
             break;
           case "ArrowUp":
-            c.preventDefault(), d.volume = Math.min(1, d.volume + 0.1), d.muted && (d.muted = !1);
+            u.preventDefault(), v.volume = Math.min(1, v.volume + 0.1), v.muted && (v.muted = !1);
             break;
           case "ArrowDown":
-            c.preventDefault(), d.volume = Math.max(0, d.volume - 0.1);
+            u.preventDefault(), v.volume = Math.max(0, v.volume - 0.1);
             break;
           case "m":
-            d.muted = !d.muted;
+            v.muted = !v.muted;
             break;
           case "f": {
-            const ye = document.fullscreenElement ?? document.webkitFullscreenElement ?? null, he = ((fe = B.value) == null ? void 0 : fe.requestFullscreen) ?? ((me = B.value) == null ? void 0 : me.webkitRequestFullscreen), G = document.exitFullscreen ?? document.webkitExitFullscreen;
-            ye === B.value ? G == null || G.call(document).catch(() => {
-            }) : he && B.value && he.call(B.value).catch(() => {
+            const Se = document.fullscreenElement ?? document.webkitFullscreenElement ?? null, _e = ((j = B.value) == null ? void 0 : j.requestFullscreen) ?? ((Ee = B.value) == null ? void 0 : Ee.webkitRequestFullscreen), ke = document.exitFullscreen ?? document.webkitExitFullscreen;
+            Se === B.value ? ke == null || ke.call(document).catch(() => {
+            }) : _e && B.value && _e.call(B.value).catch(() => {
             });
             break;
           }
           case "p":
-            W && ve();
+            Y && ge();
             break;
         }
     }
-    return be(() => {
-      document.addEventListener("keydown", pe);
+    return He(() => {
+      document.addEventListener("keydown", Le);
     }), ne(() => {
-      document.removeEventListener("keydown", pe);
-    }), (c, d) => (i(), v("div", {
+      document.removeEventListener("keydown", Le);
+    }), (u, v) => (d(), f("div", {
       ref_key: "rootEl",
       ref: B,
-      class: y(["gvp-root", s.class]),
-      style: ge({ width: ke.value, aspectRatio: re.value }),
-      onMouseenter: d[10] || (d[10] = (D) => {
-        C.value = !0, Y();
+      class: w(["gvp-root", n.class]),
+      style: re({ width: ae.value, aspectRatio: Ie.value }),
+      onMouseenter: v[12] || (v[12] = (P) => {
+        x.value = !0, W();
       }),
-      onMouseleave: d[11] || (d[11] = (D) => {
-        C.value = !1, ce();
+      onMouseleave: v[13] || (v[13] = (P) => {
+        x.value = !1, G();
       })
     }, [
-      P.value ? (i(), v("iframe", {
+      q.value ? (d(), f("iframe", {
         key: 0,
         class: "gvp-video gvp-youtube",
-        src: V.value ?? void 0,
+        src: Me.value ?? void 0,
         title: "YouTube video player",
         allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
         allowfullscreen: "",
         referrerpolicy: "strict-origin-when-cross-origin"
-      }, null, 8, on)) : (i(), j(Ve, {
-        key: 1,
+      }, null, 8, An)) : (d(), z(Ge, {
         ref_key: "hlsPlayerRef",
-        ref: f,
-        controls: Z.value,
+        ref: c,
+        key: H.value,
+        controls: J.value,
         "hls-config": t.hlsConfig,
         "is-hls": t.isHls,
         loop: t.loop,
         muted: t.muted,
         "auto-play": t.autoPlay,
-        "audio-track-index": _.value,
-        "quality-level-index": h.value,
+        "audio-track-index": $.value,
+        "quality-level-index": m.value,
         "plays-inline": !0,
-        poster: t.poster,
-        src: t.src,
+        poster: V.value,
+        src: H.value,
         class: "gvp-video",
         preload: "metadata",
-        onAudioTracks: I,
-        onQualityLevels: H,
-        onCurrentLevel: d[0] || (d[0] = (D) => b.value = D),
-        onPause: d[1] || (d[1] = (D) => {
-          w.value = !1, e("pause");
+        onAudioTracks: Te,
+        onQualityLevels: X,
+        onCurrentLevel: v[0] || (v[0] = (P) => b.value = P),
+        onEnded: pe,
+        onPause: v[1] || (v[1] = (P) => {
+          h.value = !1, e("pause");
         }),
-        onPlay: d[2] || (d[2] = (D) => {
-          w.value = !0, e("play");
+        onPlay: v[2] || (v[2] = (P) => {
+          h.value = !0, e("play");
         })
       }, {
-        default: Se(() => [
-          Ee(c.$slots, "default")
+        default: Ye(() => [
+          Fe(u.$slots, "default")
         ]),
         _: 3
       }, 8, ["controls", "hls-config", "is-hls", "loop", "muted", "auto-play", "audio-track-index", "quality-level-index", "poster", "src"])),
-      P.value ? T("", !0) : (i(), v("div", an)),
-      t.showDeviceToggle ? (i(), v("div", sn, [
-        l("div", rn, [
-          l("button", {
-            "aria-pressed": a.value === "desktop",
-            class: y(["gvp-toggle-btn", { "is-active": a.value === "desktop" }]),
+      q.value ? M("", !0) : (d(), f("div", Hn)),
+      t.showDeviceToggle ? (d(), f("div", Bn, [
+        r("div", Vn, [
+          r("button", {
+            "aria-pressed": o.value === "desktop",
+            class: w(["gvp-toggle-btn", { "is-active": o.value === "desktop" }]),
             "aria-label": "Desktop view",
             type: "button",
-            onClick: d[3] || (d[3] = (D) => a.value = "desktop")
+            onClick: v[3] || (v[3] = (P) => o.value = "desktop")
           }, [
-            U(zt)
-          ], 10, un),
-          d[12] || (d[12] = l("div", { class: "gvp-toggle-divider" }, null, -1)),
-          l("button", {
-            "aria-pressed": a.value === "mobile",
-            class: y(["gvp-toggle-btn", { "is-active": a.value === "mobile" }]),
+            Z(Ln)
+          ], 10, qn),
+          v[14] || (v[14] = r("div", { class: "gvp-toggle-divider" }, null, -1)),
+          r("button", {
+            "aria-pressed": o.value === "mobile",
+            class: w(["gvp-toggle-btn", { "is-active": o.value === "mobile" }]),
             "aria-label": "Mobile view",
             type: "button",
-            onClick: d[4] || (d[4] = (D) => a.value = "mobile")
+            onClick: v[4] || (v[4] = (P) => o.value = "mobile")
           }, [
-            U(Kt)
-          ], 10, cn)
+            Z(_n)
+          ], 10, Dn)
         ])
-      ])) : T("", !0),
-      t.closable ? (i(), v("button", {
+      ])) : M("", !0),
+      t.closable ? (d(), f("button", {
         key: 4,
         "aria-label": "Close",
         class: "gvp-close",
         type: "button",
-        onClick: d[5] || (d[5] = (D) => e("close"))
+        onClick: v[5] || (v[5] = (P) => e("close"))
       }, [
-        U(en)
-      ])) : T("", !0),
-      z.value && !M.value ? (i(), j(Ze, {
+        Z(Tn)
+      ])) : M("", !0),
+      le.value && !A.value ? (d(), z(rt, {
         key: 5,
-        tracks: E.value,
-        "active-index": X.value,
-        onSelect: d[6] || (d[6] = (D) => _.value = D)
-      }, null, 8, ["tracks", "active-index"])) : T("", !0),
-      !P.value && !M.value ? (i(), j(Ke, {
+        tracks: _.value,
+        "active-index": we.value,
+        onSelect: v[6] || (v[6] = (P) => $.value = P)
+      }, null, 8, ["tracks", "active-index"])) : M("", !0),
+      !q.value && !A.value ? (d(), z(pt, {
         key: 6,
-        speed: x.value,
-        onSelect: de
-      }, null, 8, ["speed"])) : T("", !0),
-      !P.value && !M.value ? (i(), j(nt, {
+        speed: C.value,
+        onSelect: xe
+      }, null, 8, ["speed"])) : M("", !0),
+      !q.value && !A.value ? (d(), z(yt, {
         key: 7,
         video: Q.value
-      }, null, 8, ["video"])) : T("", !0),
-      !P.value && ee(W) && !M.value ? (i(), v("button", {
+      }, null, 8, ["video"])) : M("", !0),
+      !q.value && te(Y) && !A.value ? (d(), f("button", {
         key: 8,
         type: "button",
-        class: y(["gvp-pip-btn", { "is-active": u.value }]),
-        "aria-label": u.value ? "Exit picture-in-picture" : "Picture-in-picture",
-        "aria-pressed": u.value,
-        onClick: ve
+        class: w(["gvp-pip-btn", { "is-active": p.value }]),
+        "aria-label": p.value ? "Exit picture-in-picture" : "Picture-in-picture",
+        "aria-pressed": p.value,
+        onClick: ge
       }, [
-        U(Me)
-      ], 10, dn)) : T("", !0),
-      !P.value && M.value ? (i(), v("button", {
+        Z(Ze)
+      ], 10, Fn)) : M("", !0),
+      !q.value && A.value ? (d(), f("button", {
         key: 9,
         type: "button",
         class: "gvp-click-layer",
-        "aria-label": w.value ? "Pause" : "Play",
-        onClick: F
-      }, null, 8, vn)) : T("", !0),
-      !P.value && !M.value && !w.value ? (i(), v("div", pn, [
-        l("button", {
+        "aria-label": h.value ? "Pause" : "Play",
+        onClick: se
+      }, null, 8, Rn)) : M("", !0),
+      !q.value && !A.value && !h.value ? (d(), f("div", On, [
+        r("button", {
           "aria-label": "Play",
           class: "gvp-play",
           type: "button",
-          onClick: F,
-          onMouseenter: d[7] || (d[7] = (D) => m.value = !0),
-          onMouseleave: d[8] || (d[8] = (D) => m.value = !1)
+          onClick: se,
+          onMouseenter: v[7] || (v[7] = (P) => g.value = !0),
+          onMouseleave: v[8] || (v[8] = (P) => g.value = !1)
         }, [
-          U(Xt),
-          t.tooltipText && m.value ? (i(), v("span", fn, O(t.tooltipText), 1)) : T("", !0)
+          Z(Pn),
+          t.tooltipText && g.value ? (d(), f("span", Un, U(t.tooltipText), 1)) : M("", !0)
         ], 32)
-      ])) : T("", !0),
-      !P.value && M.value ? (i(), j(Qt, {
+      ])) : M("", !0),
+      !q.value && A.value ? (d(), z(Cn, {
         key: 11,
         video: Q.value,
-        "is-playing": w.value,
+        "is-playing": h.value,
         container: B.value,
-        "on-toggle-play": F,
-        "quality-levels": A.value,
+        "on-toggle-play": se,
+        "quality-levels": S.value,
         "current-level": b.value,
-        "selected-level": h.value,
-        onSelectLevel: d[9] || (d[9] = (D) => h.value = D)
-      }, null, 8, ["video", "is-playing", "container", "quality-levels", "current-level", "selected-level"])) : T("", !0),
-      !P.value && !M.value ? (i(), v("div", mn)) : T("", !0)
+        "selected-level": m.value,
+        thumbnails: O.value,
+        chapters: me.value,
+        "has-prev": Pe.value,
+        "has-next": oe.value,
+        onSelectLevel: v[9] || (v[9] = (P) => m.value = P),
+        onPrev: v[10] || (v[10] = (P) => de(N.value - 1, !0)),
+        onNext: v[11] || (v[11] = (P) => de(N.value + 1, !0))
+      }, null, 8, ["video", "is-playing", "container", "quality-levels", "current-level", "selected-level", "thumbnails", "chapters", "has-prev", "has-next"])) : M("", !0),
+      !q.value && !A.value ? (d(), f("div", Zn)) : M("", !0)
     ], 38));
   }
 });
 export {
-  Ve as HLSPlayer,
-  kn as VueVideoPlayer,
-  tn as parseYouTubeId,
-  nn as parseYouTubeStart,
-  ln as youTubeEmbedUrl
+  Ge as HLSPlayer,
+  Wn as VueVideoPlayer,
+  In as parseYouTubeId,
+  Sn as parseYouTubeStart,
+  Nn as youTubeEmbedUrl
 };
 //# sourceMappingURL=index.mjs.map