@lazycatcloud/lzc-video-player 0.0.1 → 0.0.2

package/dist/components/Video/index.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     back: () => void;
+    controlBarActive: (show: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     onInit: {
         type: import("vue").PropType<(player: import("video.js").VideoJsPlayer) => void>;
@@ -16,5 +17,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onBack?: (() => any) | undefined;
+    onControlBarActive?: ((show: boolean) => any) | undefined;
 }, {}>;
 export default _default;

package/dist/{index-horizontal.4350090a.js → index-horizontal.6d44f0c8.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, defineAsyncComponent as o, openBlock as t, createElementBlock as p, unref as e, createBlock as l, createCommentVNode as y } from "vue";
-import { a as n, _ } from "./lzc-video-player.47190826.js";
+import { a as n, _ } from "./lzc-video-player.c352003d.js";
 import "pinia";
 const m = { class: "modal-content" }, u = /* @__PURE__ */ i({
   __name: "index-horizontal",
@@ -7,7 +7,7 @@ const m = { class: "modal-content" }, u = /* @__PURE__ */ i({
     player: null
   },
   setup(a) {
-    const r = o(() => import("./list.7099181d.js")), s = o(() => import("./playrate.b2b089b8.js")), c = o(() => import("./resolution.2163011d.js"));
+    const r = o(() => import("./list.ef315d4b.js")), s = o(() => import("./playrate.a962a582.js")), c = o(() => import("./resolution.2be9c173.js"));
     return (d, f) => (t(), p("div", m, [
       e(n) === "LzcPlayrate" ? (t(), l(e(s), {
         key: 0,

package/dist/{index-vertical.4c7b466b.js → index-vertical.e10b92b8.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, defineAsyncComponent as l, openBlock as t, createElementBlock as s, unref as e, createBlock as n, createCommentVNode as y } from "vue";
-import { a as o, _ } from "./lzc-video-player.47190826.js";
+import { a as o, _ } from "./lzc-video-player.c352003d.js";
 import "pinia";
 const m = { class: "modal-content" }, d = /* @__PURE__ */ p({
   __name: "index-vertical",
@@ -7,7 +7,7 @@ const m = { class: "modal-content" }, d = /* @__PURE__ */ p({
     player: null
   },
   setup(a) {
-    const r = l(() => import("./list.7099181d.js")), c = l(() => import("./playrate.b2b089b8.js")), i = l(() => import("./resolution.2163011d.js"));
+    const r = l(() => import("./list.ef315d4b.js")), c = l(() => import("./playrate.a962a582.js")), i = l(() => import("./resolution.2be9c173.js"));
     return (u, f) => (t(), s("div", m, [
       e(o) === "LzcPlayrate" ? (t(), n(e(c), {
         key: 0,

package/dist/{list.7099181d.js → list.ef315d4b.js}

@@ -1,5 +1,5 @@
 import { openBlock as c, createElementBlock as a, createElementVNode as s, renderSlot as $, withModifiers as A, defineComponent as y, useCssVars as E, pushScopeId as V, popScopeId as P, unref as u, ref as N, onMounted as Q, nextTick as U, createVNode as d, createTextVNode as _, withCtx as p, Fragment as h, renderList as H, createBlock as f, normalizeClass as C, toDisplayString as g, createCommentVNode as O } from "vue";
-import { _ as b, E as I, u as q, r as L, Q as B, b as M, c as z, f as S, g as j } from "./lzc-video-player.47190826.js";
+import { _ as b, E as I, u as q, r as L, Q as B, b as M, c as z, f as S, g as j } from "./lzc-video-player.c352003d.js";
 import "pinia";
 const G = {}, J = { class: "container" }, K = { class: "content" };
 function R(t, n) {

package/dist/{lzc-video-player.47190826.js → lzc-video-player.c352003d.js}

@@ -24459,9 +24459,9 @@ const _hoisted_1$6 = ["onClick"], _sfc_main$8 = /* @__PURE__ */ defineComponent(
   },
   setup(e) {
     const t = e, n = defineAsyncComponent(
-      () => import("./index-vertical.4c7b466b.js")
+      () => import("./index-vertical.e10b92b8.js")
     ), a = defineAsyncComponent(
-      () => import("./index-horizontal.4350090a.js")
+      () => import("./index-horizontal.6d44f0c8.js")
     ), r = () => {
       t.modal.opened() && (activePage.value = "", t.modal.close());
     };
@@ -57399,7 +57399,13 @@ const _withScopeId$2 = (e) => (pushScopeId("data-v-04ecdf3e"), e = e(), popScope
       })) : createCommentVNode("", !0)
     ], 64));
   }
-}), _withScopeId$1 = (e) => (pushScopeId("data-v-672f0d57"), e = e(), popScopeId(), e), _hoisted_1$4 = { class: "overlay" }, _hoisted_2$2 = {
+});
+function isMobile() {
+  return navigator.userAgent.search(
+    /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
+  ) > -1;
+}
+const _withScopeId$1 = (e) => (pushScopeId("data-v-25e02bc4"), e = e(), popScopeId(), e), _hoisted_1$4 = { class: "overlay" }, _hoisted_2$2 = {
   key: 0,
   class: "vjs-overlay-padding top-space"
 }, _hoisted_3$2 = { class: "title" }, _hoisted_4$2 = { class: "overlay-center" }, _hoisted_5$2 = {
@@ -57415,13 +57421,13 @@ const _withScopeId$2 = (e) => (pushScopeId("data-v-04ecdf3e"), e = e(), popScope
       t.player.trigger({ type: "back" });
     }, { videoName: a } = useVideoName(t.player), r = ref(t.player.options_.showTopBar);
     return window.document.addEventListener("fullscreenchange", () => {
-      t.player.isFullscreen() ? r.value = !0 : r.value = t.player.options_.showTopBar;
+      t.player.isFullscreen() ? r.value = isMobile() : r.value = t.player.options_.showTopBar;
     }), (o, s) => (openBlock(), createElementBlock("div", _hoisted_1$4, [
       r.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
         createVNode(QIcon, {
           onClick: n,
           name: "svguse:#icon-\u8FD4\u56DE.svg",
-          size: "2.4rem"
+          size: "1.4rem"
         }),
         createElementVNode("span", _hoisted_3$2, toDisplayString(unref(a)), 1),
         unref(vertical) ? createCommentVNode("", !0) : (openBlock(), createBlock(_sfc_main$6, {
@@ -57438,7 +57444,7 @@ const _withScopeId$2 = (e) => (pushScopeId("data-v-04ecdf3e"), e = e(), popScope
       _hoisted_6$2
     ]));
   }
-}), playingLayout_vue_vue_type_style_index_0_scoped_672f0d57_lang = "", PlayingLayout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-672f0d57"]]), _hoisted_1$3 = { class: "sensitivity" }, _hoisted_2$1 = {
+}), playingLayout_vue_vue_type_style_index_0_scoped_25e02bc4_lang = "", PlayingLayout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-25e02bc4"]]), _hoisted_1$3 = { class: "sensitivity" }, _hoisted_2$1 = {
   key: 0,
   class: "top-tip-container"
 }, _hoisted_3$1 = { class: "top-tip" }, _hoisted_4$1 = { class: "toast-text" }, _hoisted_5$1 = {
@@ -58255,7 +58261,7 @@ const _hoisted_1 = { class: "lzc-video-player h-full w-full" }, _sfc_main = /* @
     onInit: null,
     options: null
   },
-  emits: ["back"],
+  emits: ["back", "controlBarActive"],
   setup(e, { emit: t }) {
     const n = e;
     videojs.addLanguage("zh-CN", videoZH);
@@ -58333,7 +58339,7 @@ const _hoisted_1 = { class: "lzc-video-player h-full w-full" }, _sfc_main = /* @
       };
       a.load(), a.on("back", () => {
         a.dispose(), t("back");
-      }), a.on("seeked", d(1e3)), a.on("pause", d(1e3)), a.on("timeupdate", d(5e3)), a.on("canplay", () => {
+      }), a.on("seeked", d(1e3)), a.on("pause", d(1e3)), a.on("timeupdate", d(5e3)), a.on("useractive", () => t("controlBarActive", !0)), a.on("userinactive", () => t("controlBarActive", a.paused())), a.on("canplay", () => {
         a.play(), d(100);
       }), n.onInit && n.onInit(a), window.player = a;
     }), onUnmounted(() => {