vue-video-plus 1.2.1 → 1.2.2

package/dist/vueVideo-es.js

@@ -1,6 +1,5 @@
-import { defineComponent as O, openBlock as y, createElementBlock as g, normalizeClass as z, normalizeStyle as L, createElementVNode as t, getCurrentInstance as ke, computed as A, withDirectives as P, toDisplayString as _, createCommentVNode as E, createVNode as p, vShow as V, createTextVNode as D, useCssVars as ne, ref as W, reactive as J, withModifiers as Te, nextTick as me, resolveComponent as ae, watch as fe, onMounted as ye, onUnmounted as be, Transition as ee, withCtx as te, Fragment as le, renderList as oe, createStaticVNode as xe, unref as q, mergeProps as Se, withKeys as N } from "vue";
-import "//at.alicdn.com/t/c/font_4726673_sgkem61p1m8.js";
-const ue = [
+import { defineComponent as O, openBlock as v, createElementBlock as g, normalizeClass as q, normalizeStyle as E, createElementVNode as l, getCurrentInstance as w6, computed as D, withDirectives as M, toDisplayString as V, createCommentVNode as $, createVNode as h, vShow as S, createTextVNode as F, useCssVars as a6, ref as R, reactive as G, withModifiers as x6, nextTick as m6, resolveComponent as n6, watch as h6, onMounted as y6, onUnmounted as z6, Transition as e6, withCtx as t6, Fragment as l6, renderList as o6, createStaticVNode as k6, unref as N, mergeProps as T6, withKeys as W } from "vue";
+const c6 = [
   //当浏览器开始查找音频/视频时触发。
   "loadstart",
   //当音频/视频已开始或不再暂停时触发。
@@ -29,7 +28,7 @@ const ue = [
   "error",
   //当浏览器尝试获取媒体数据，但数据不可用时触发
   "stalled"
-], _e = {
+], V6 = {
   width: { type: String, default: "800px" },
   height: { type: String, default: "450px" },
   color: { type: String, default: "#409eff" },
@@ -85,21 +84,57 @@ const ue = [
   //是否显示控制器
   preload: { type: String, default: "auto" }
   //预加载
-}, Ce = (l) => `${parseInt("0x" + l.slice(1, 3))},${parseInt(
-  "0x" + l.slice(3, 5)
-)},${parseInt("0x" + l.slice(5, 7))}`, Pe = (l) => l.charAt(0).toUpperCase() + l.slice(1), U = "ontouchstart" in window, Q = (l) => {
-  let o = ~~(l / 3600), u = ~~(l % 3600 / 60), a = ~~(l % 60);
-  return o = o < 10 ? "0" + o : o, u = u < 10 ? "0" + u : u, a = a < 10 ? "0" + a : a, `${o}:${u}:${a}`;
-}, Ve = (l) => {
+}, _6 = (t) => `${parseInt("0x" + t.slice(1, 3))},${parseInt(
+  "0x" + t.slice(3, 5)
+)},${parseInt("0x" + t.slice(5, 7))}`, M6 = (t) => t.charAt(0).toUpperCase() + t.slice(1), U = "ontouchstart" in window, J = (t) => {
+  let o = ~~(t / 3600), c = ~~(t % 3600 / 60), n = ~~(t % 60);
+  return o = o < 10 ? "0" + o : o, c = c < 10 ? "0" + c : c, n = n < 10 ? "0" + n : n, `${o}:${c}:${n}`;
+}, S6 = (t) => {
   document.pictureInPictureElement ? document.exitPictureInPicture().catch((o) => {
     console.log(o, "Video failed to leave Picture-in-Picture mode.");
-  }) : l.requestPictureInPicture().catch((o) => {
+  }) : t.requestPictureInPicture().catch((o) => {
     console.log(o, "Video failed to enter Picture-in-Picture mode.");
   });
-}, $e = (l) => {
-  let o = document, u = document.fullscreenElement;
-  return u ? (document.exitFullscreen || o.webkitExitFullScreen).call(o) : l.requestFullscreen.call(l), !u;
-}, Be = ["xlink:href", "fill"], Fe = /* @__PURE__ */ O({
+}, B6 = (t) => {
+  let o = document, c = document.fullscreenElement;
+  return c ? (document.exitFullscreen || o.webkitExitFullScreen).call(o) : t.requestFullscreen.call(t), !c;
+};
+window._iconfont_svg_string_4726673 = '<svg><symbol id="icon-guanbi" viewBox="0 0 1024 1024"><path d="M1023.997 114.97 911.408 2.388 516.149 397.629 118.5 0 5.91 112.585l397.649 397.629L7.107 906.648l112.587 112.59 396.454-396.439 395.259 395.249 112.59-112.59L628.738 510.214 1023.997 114.97z" fill="#272636" ></path></symbol><symbol id="icon-x" viewBox="0 0 1024 1024"><path d="M720.298667 768c-12.714667 0-23.850667-4.778667-33.408-14.293333L270.293333 337.066667c-19.072-19.114667-19.072-49.322667 0-66.816 19.114667-19.072 49.322667-19.072 66.816 0l416.597334 415.018666c19.072 19.072 19.072 49.28 0 66.773334-9.557333 11.136-22.272 15.914667-33.408 15.914666z" fill="#172B4D" ></path><path d="M303.701333 768c-12.714667 0-23.850667-4.778667-33.408-14.293333-19.072-19.114667-19.072-49.322667 0-66.816l415.018667-416.597334c19.072-19.072 49.28-19.072 66.773333 0 19.114667 19.114667 19.114667 49.322667 0 66.816l-414.976 416.597334a45.781333 45.781333 0 0 1-33.408 14.293333z" fill="#172B4D" ></path></symbol><symbol id="icon-X" viewBox="0 0 1024 1024"><path d="M808.680727 212.650667a31.030303 31.030303 0 0 1 0 43.876848l-558.545454 558.545455a31.030303 31.030303 0 0 1-43.876849-43.876849l558.545455-558.545454a31.030303 31.030303 0 0 1 43.876848 0z" fill="#303133" ></path><path d="M206.258424 212.650667a31.030303 31.030303 0 0 1 43.876849 0l558.545454 558.545454a31.030303 31.030303 0 0 1-43.876848 43.876849l-558.545455-558.545455a31.030303 31.030303 0 0 1 0-43.876848z" fill="#303133" ></path></symbol><symbol id="icon-x-copy" viewBox="0 0 1024 1024"><path d="M720.298667 768c-12.714667 0-23.850667-4.778667-33.408-14.293333L270.293333 337.066667c-19.072-19.114667-19.072-49.322667 0-66.816 19.114667-19.072 49.322667-19.072 66.816 0l416.597334 415.018666c19.072 19.072 19.072 49.28 0 66.773334-9.557333 11.136-22.272 15.914667-33.408 15.914666z" fill="#ffffff" ></path><path d="M303.701333 768c-12.714667 0-23.850667-4.778667-33.408-14.293333-19.072-19.114667-19.072-49.322667 0-66.816l415.018667-416.597334c19.072-19.072 49.28-19.072 66.773333 0 19.114667 19.114667 19.114667 49.322667 0 66.816l-414.976 416.597334a45.781333 45.781333 0 0 1-33.408 14.293333z" fill="#ffffff" ></path></symbol><symbol id="icon-guanbi-copy" viewBox="0 0 1024 1024"><path d="M1023.997 114.97 911.408 2.388 516.149 397.629 118.5 0 5.91 112.585l397.649 397.629L7.107 906.648l112.587 112.59 396.454-396.439 395.259 395.249 112.59-112.59L628.738 510.214 1023.997 114.97z" fill="#ffffff" ></path></symbol><symbol id="icon-shezhi" viewBox="0 0 1024 1024"><path d="M945.230769 590.769231v-157.538462h-87.433846c-9.058462-39.384615-24.418462-76.8-45.686154-109.883077l61.833846-61.833846-111.458461-111.458461-61.833846 61.833846c-33.476923-20.873846-70.498462-36.627692-109.883077-45.686154V78.769231h-157.538462v87.433846c-39.384615 9.058462-76.8 24.418462-109.883077 45.686154L261.513846 150.055385 150.055385 261.513846l61.833846 61.833846c-20.873846 33.476923-36.627692 70.498462-45.686154 109.883077H78.769231v157.538462h87.433846c9.058462 39.384615 24.418462 76.8 45.686154 109.883077l-61.833846 61.833846 111.458461 111.458461 61.833846-61.833846c33.476923 20.873846 70.498462 36.627692 109.883077 45.686154V945.230769h157.538462v-87.433846c39.384615-9.058462 76.8-24.418462 109.883077-45.686154l61.833846 61.833846 111.458461-111.458461-61.833846-61.833846c20.873846-33.476923 36.627692-70.498462 45.686154-109.883077H945.230769z m-433.230769 181.169231c-143.36 0-259.938462-116.578462-259.938462-259.938462s116.578462-259.938462 259.938462-259.938462 259.938462 116.578462 259.938462 259.938462-116.578462 259.938462-259.938462 259.938462z"  ></path><path d="M512 512m-78.769231 0a78.769231 78.769231 0 1 0 157.538462 0 78.769231 78.769231 0 1 0-157.538462 0Z"  ></path></symbol><symbol id="icon-settings1" viewBox="0 0 1024 1024"><path d="M512 605.090909c-51.432727 0-93.090909-41.658182-93.090909-93.090909s41.658182-93.090909 93.090909-93.090909 93.090909 41.658182 93.090909 93.090909-41.658182 93.090909-93.090909 93.090909z m0 93.090909c102.865455 0 186.181818-83.316364 186.181818-186.181818s-83.316364-186.181818-186.181818-186.181818-186.181818 83.316364-186.181818 186.181818 83.316364 186.181818 186.181818 186.181818z m52.829091 132.491637c-17.221818 2.792727-34.792727 4.189091-52.829091 4.18909-18.036364 0-35.607273-1.396364-52.829091-4.18909l-48.407273 58.763636a46.533818 46.533818 0 0 1-59.229091 10.705454l-92.974545-53.643636a46.557091 46.557091 0 0 1-20.247273-56.669091l25.949091-69.12a327.424 327.424 0 0 1-57.250909-96.581818l-75.054545-12.567273A46.475636 46.475636 0 0 1 93.090909 565.713455v-107.403637c0-22.690909 16.407273-42.123636 38.865455-45.847273l72.843636-12.218181c12.683636-35.84 31.534545-68.770909 55.156364-97.629091l-26.763637-71.330909c-7.912727-21.410909 0.698182-45.265455 20.363637-56.669091l92.974545-53.643637c19.665455-11.403636 44.683636-6.865455 59.229091 10.705455l46.894545 57.018182c19.2-3.607273 39.098182-5.469091 59.345455-5.469091 20.247273 0 40.145455 1.861818 59.345455 5.469091l46.894545-57.018182c14.545455-17.570909 39.563636-22.109091 59.229091-10.705455l92.974545 53.643637c19.665455 11.403636 28.276364 35.258182 20.363637 56.669091l-26.763637 71.330909c23.621818 28.858182 42.472727 61.789091 55.156364 97.629091l72.843636 12.218181c22.458182 3.723636 38.865455 23.156364 38.865455 45.847273v107.403637c0 22.690909-16.407273 42.123636-38.865455 45.847272l-75.054545 12.567273a327.424 327.424 0 0 1-57.250909 96.581818l25.949091 69.12c8.029091 21.294545-0.581818 45.265455-20.247273 56.669091l-92.974545 53.643636c-19.665455 11.403636-44.8 6.865455-59.229091-10.705454l-48.407273-58.763636z"  ></path></symbol><symbol id="icon-pause" viewBox="0 0 1024 1024"><path d="M311.442286 146.285714C221.147429 146.285714 219.428571 220.013714 219.428571 220.013714l-0.292571 583.972572s0.877714 73.435429 91.721143 73.435428 91.282286-72.996571 91.282286-72.996571L402.870857 219.428571s-1.133714-73.142857-91.428571-73.142857z"  ></path><path d="M311.442286 146.285714C221.147429 146.285714 219.428571 220.013714 219.428571 220.013714l-0.292571 583.972572s0.877714 73.435429 91.721143 73.435428 91.282286-72.996571 91.282286-72.996571L402.870857 219.428571s-1.133714-73.142857-91.428571-73.142857z"  ></path><path d="M706.852571 146.285714c-90.294857 0-92.013714 73.728-92.013714 73.728l-0.292571 583.972572s0.877714 73.435429 91.721143 73.435428 91.282286-72.996571 91.282285-72.996571L798.281143 219.428571s-1.133714-73.142857-91.428572-73.142857z"  ></path><path d="M706.852571 146.285714c-90.294857 0-92.013714 73.728-92.013714 73.728l-0.292571 583.972572s0.877714 73.435429 91.721143 73.435428 91.282286-72.996571 91.282285-72.996571L798.281143 219.428571s-1.133714-73.142857-91.428572-73.142857z"  ></path></symbol><symbol id="icon-play" viewBox="0 0 1024 1024"><path d="M254.866286 114.285714s-47.433143-13.714286-87.442286 14.848C142.262857 149.686857 146.285714 219.721143 146.285714 219.721143v585.435428s-4.571429 81.408 36.571429 108.836572 146.285714-35.145143 146.285714-35.145143l474.294857-298.276571S841.142857 550.838857 841.142857 512s-37.705143-70.875429-37.705143-70.875429l-548.571428-326.838857z"  ></path><path d="M254.866286 114.285714s-47.433143-13.714286-87.442286 14.848C142.262857 149.686857 146.285714 219.721143 146.285714 219.721143v585.435428s-4.571429 81.408 36.571429 108.836572 146.285714-35.145143 146.285714-35.145143l474.294857-298.276571S841.142857 550.838857 841.142857 512s-37.705143-70.875429-37.705143-70.875429l-548.571428-326.838857z"  ></path></symbol><symbol id="icon-volume-mute" viewBox="0 0 1024 1024"><path d="M463.0559082 183.06933619a88.98925781 88.98925781 0 0 1 88.98925782 88.98925781v482.68432592a88.98925781 88.98925781 0 0 1-142.08618165 71.38916016L256.2382815 711.83032227H216.0612793A88.46191381 88.46191381 0 0 1 127.63232397 623.40136693V402.64208984A88.46191381 88.46191381 0 0 1 216.02832006 314.24609375h40.24291992l153.85253906-113.70849609a88.98925781 88.98925781 0 0 1 52.89916993-17.40234375z m0 72.50976512a16.47949193 16.47949193 0 0 0-9.78881836 3.22998097L299.41455078 372.51757838c-12.49145533 9.22851588-27.58666992 14.17236353-43.07739232 14.17236277H216.02832006a15.95214869 15.95214869 0 0 0-15.91918945 15.95214869v220.75927709c0 8.80004883 7.11914063 15.91918945 15.91918945 15.91918946h40.20996144c15.58959936 0 30.75073242 5.04272461 43.242187 14.3371582l153.72070363 114.30175781a16.47949193 16.47949193 0 0 0 26.30126953-13.21655248V272.058594a16.47949193 16.47949193 0 0 0-16.47949269-16.47949269z m166.90429688 123.26660207l103.82080078 103.82080078 103.19457982-103.22753906 51.2841802 51.28417943-103.22753906 103.16162135 103.82080078 103.82080078-51.2841802 51.28417943-103.82080078-103.82080078-103.16162059 103.22753906-51.28418019-51.28417943 103.16162135-103.19458058-103.75488307-103.82080079 51.25122096-51.25122019z"  ></path></symbol><symbol id="icon-volume-down" viewBox="0 0 1024 1024"><path d="M461.312 246.4768a17.066667 17.066667 0 0 1 17.066667 17.066667V763.392a17.066667 17.066667 0 0 1-27.2384 13.687467l-159.197867-118.3744a75.076267 75.076267 0 0 0-44.782933-14.813867h-41.642667a16.5376 16.5376 0 0 1-16.520533-16.520533V398.779733c0-9.1136 7.406933-16.520533 16.520533-16.520533h41.710933a75.264 75.264 0 0 0 44.612267-14.677333l159.3344-117.76a16.9472 16.9472 0 0 1 10.1376-3.345067z m0-75.093333c-19.729067 0-38.912 6.314667-54.784 18.056533L247.1936 307.2h-41.6768a91.5968 91.5968 0 0 0-91.613867 91.579733V627.370667a91.630933 91.630933 0 0 0 91.613867 91.613866h41.608533l159.197867 118.3744a92.194133 92.194133 0 0 0 147.1488-73.966933V263.543467a92.16 92.16 0 0 0-92.16-92.16zM635.460267 416.4608l6.075733 7.406933c25.2928 32.4608 39.0144 71.304533 39.0144 112.0256 0 44.032-16.145067 85.8112-45.4656 119.842134l56.866133 49.015466 6.997334-8.3968c36.488533-45.909333 56.695467-101.751467 56.695466-160.4608 0-62.122667-22.562133-121.002667-63.1808-168.311466l-57.002666 48.878933z"  ></path></symbol><symbol id="icon-volume-down-fill" viewBox="0 0 1024 1024"><path d="M379.264 682.666667H213.333333a42.666667 42.666667 0 0 1-42.666666-42.666667V384a42.666667 42.666667 0 0 1 42.666666-42.666667h165.930667l225.877333-184.832a21.333333 21.333333 0 0 1 34.858667 16.512v677.973334a21.333333 21.333333 0 0 1-34.858667 16.512L379.306667 682.666667z m425.557333 25.216l-60.672-60.672A170.368 170.368 0 0 0 810.666667 512c0-61.013333-32-114.56-80.213334-144.725333l61.397334-61.397334A255.616 255.616 0 0 1 896 512c0 78.592-35.413333 148.906667-91.178667 195.882667z"  ></path></symbol><symbol id="icon-volume-mute-fill" viewBox="0 0 1024 1024"><path d="M251.264 682.666667H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666667V384a42.666667 42.666667 0 0 1 42.666666-42.666667h165.930667l225.877333-184.832a21.333333 21.333333 0 0 1 34.858667 16.512v677.973334a21.333333 21.333333 0 0 1-34.858667 16.512L251.306667 682.666667z m619.733333-170.666667l150.869334 150.869333-60.330667 60.330667L810.666667 572.330667l-150.869334 150.869333-60.330666-60.330667L750.336 512 599.466667 361.130667l60.330666-60.330667L810.666667 451.669333l150.869333-150.869333 60.330667 60.330667L870.997333 512z"  ></path></symbol><symbol id="icon-volume-up-fill" viewBox="0 0 1024 1024"><path d="M251.264 682.666667H85.333333a42.666667 42.666667 0 0 1-42.666666-42.666667V384a42.666667 42.666667 0 0 1 42.666666-42.666667h165.930667l225.877333-184.832a21.333333 21.333333 0 0 1 34.858667 16.512v677.973334a21.333333 21.333333 0 0 1-34.858667 16.512L251.306667 682.666667z m576.725333 176.384l-60.416-60.416A383.061333 383.061333 0 0 0 896 512a383.232 383.232 0 0 0-140.970667-297.301333l60.586667-60.586667A468.309333 468.309333 0 0 1 981.333333 512c0 137.514667-59.136 261.205333-153.344 347.050667z m-151.168-151.168l-60.672-60.672A170.368 170.368 0 0 0 682.666667 512c0-61.013333-32-114.56-80.213334-144.725333l61.397334-61.397334A255.616 255.616 0 0 1 768 512c0 78.592-35.413333 148.906667-91.178667 195.882667z"  ></path></symbol><symbol id="icon-huazhonghua" viewBox="0 0 1024 1024"><path d="M297.984 105.472h76.288c11.776 0 20.48 6.144 25.6 16.384 5.12 9.728 4.608 19.456-1.024 28.672-6.144 9.728-14.848 14.848-26.624 14.848H254.976c-16.384 0-32.256 3.584-46.592 11.776-29.696 17.92-45.568 44.032-46.08 78.848-0.512 31.232 0 62.464 0 93.696 0 6.656-1.024 12.8-4.608 18.944-6.656 11.264-20.48 16.896-33.792 13.312-12.8-3.584-22.016-15.36-22.016-28.672 0-40.96-0.512-81.92 0-122.88 0.512-41.472 18.432-74.752 51.2-99.84 18.432-13.824 39.424-22.016 62.464-24.064 1.536-0.512 3.584-0.512 6.144-0.512h76.288z m443.392 0h-76.288c-11.776 0-20.48 6.144-25.6 16.384-5.12 9.728-4.608 19.456 1.024 28.672 6.144 9.728 14.848 14.848 26.624 14.848h117.248c16.384 0 32.256 3.584 46.592 11.776 29.696 17.92 45.568 44.032 46.08 78.848 0.512 31.232 0 62.464 0 93.696 0 6.656 1.024 12.8 4.608 18.944 6.656 11.264 20.48 16.896 33.792 13.312 12.8-3.584 22.016-15.36 22.016-28.672 0-40.96 0.512-81.92 0-122.88-0.512-41.472-18.432-74.752-51.2-99.84-18.432-13.824-39.424-22.016-62.464-24.064-2.048 0-4.096-0.512-6.144-0.512h-76.288zM297.984 912.384h76.288c11.776 0 20.48-6.144 25.6-16.384 5.12-9.728 4.608-19.456-1.024-28.672-6.144-9.728-14.848-14.848-26.624-14.848H254.976c-16.384 0-32.256-3.584-46.592-11.776-29.696-17.92-45.568-44.032-46.08-78.848-0.512-31.232 0-62.464 0-93.696 0-6.656-1.024-12.8-4.608-18.944-6.656-11.264-20.48-16.896-33.792-13.312-12.8 3.584-22.016 15.36-22.016 28.672 0 40.96-0.512 81.92 0 122.88 0.512 41.472 18.432 74.752 51.2 99.84 18.432 13.824 39.424 22.016 62.464 24.064 2.048 0 4.096 0.512 6.144 0.512h76.288z m443.392 0h-76.288c-11.776 0-20.48-6.144-25.6-16.384-5.12-9.728-4.608-19.456 1.024-28.672 6.144-9.728 14.848-14.848 26.624-14.848h117.248c16.384 0 32.256-3.584 46.592-11.776 29.696-17.92 45.568-44.032 46.08-78.848 0.512-31.232 0-62.464 0-93.696 0-6.656 1.024-12.8 4.608-18.944 6.656-11.264 20.48-16.896 33.792-13.312 12.8 3.584 22.016 15.36 22.016 28.672 0 40.96 0.512 81.92 0 122.88-0.512 41.472-18.432 74.752-51.2 99.84-18.432 13.824-39.424 22.016-62.464 24.064-2.048 0-4.096 0.512-6.144 0.512h-76.288z m-468.48-244.736c4.608 11.776 14.336 18.944 26.112 18.944H737.28c7.68 0 14.848-3.072 20.48-9.728 5.632-6.144 11.264-14.336 11.264-23.552V374.272c0-24.064-10.24-36.352-21.504-41.472s-23.552-1.536-31.744 9.216L563.2 545.28c-5.632 7.68-12.8 11.264-21.504 11.264-8.704 0-15.872-3.584-21.504-11.264L452.096 454.656c-5.632-7.68-13.312-11.264-21.504-11.264-8.704 0-15.872 4.096-21.504 11.264l-131.072 177.664c-8.192 10.24-9.728 23.552-5.12 35.328z m0 0"  ></path><path d="M325.12 373.76m-56.32 0a56.32 56.32 0 1 0 112.64 0 56.32 56.32 0 1 0-112.64 0Z"  ></path></symbol><symbol id="icon-huazhonghua1" viewBox="0 0 1024 1024"><path d="M432 304c-16 0-32 12.8-32 32v89.6l-102.4-102.4c-12.8-12.8-32-12.8-44.8 0-3.2 3.2-6.4 9.6-9.6 12.8-3.2 9.6 0 22.4 9.6 28.8l102.4 102.4H268.8c-16 0-32 12.8-32 32 0 16 12.8 32 32 32h163.2c3.2 0 6.4 0 9.6-3.2 6.4-3.2 12.8-9.6 16-16 0-3.2 3.2-6.4 3.2-12.8v-163.2c3.2-19.2-12.8-32-28.8-32z"  ></path><path d="M908.8 889.6H544c-32 0-60.8-28.8-60.8-60.8v-240c0-32 28.8-60.8 60.8-60.8h364.8c32 0 60.8 28.8 60.8 60.8v240c0 35.2-28.8 60.8-60.8 60.8zM544 585.6c-3.2 0-3.2 0-3.2 3.2v240c0 3.2 0 3.2 3.2 3.2h364.8c3.2 0 3.2 0 3.2-3.2v-240c0-3.2 0-3.2-3.2-3.2H544z"  ></path><path d="M835.2 163.2H208C140.8 163.2 89.6 217.6 89.6 288v457.6c0 67.2 54.4 124.8 118.4 124.8H352c19.2 0 32-12.8 32-32s-12.8-32-32-32H208c-32 0-60.8-28.8-60.8-60.8V284.8c0-32 28.8-60.8 60.8-60.8h627.2c32 0 60.8 28.8 60.8 60.8V416c0 16 12.8 32 28.8 32s28.8-12.8 28.8-32V284.8c0-67.2-54.4-121.6-118.4-121.6z"  ></path></symbol><symbol id="icon-huazhonghua2" viewBox="0 0 1024 1024"><path d="M568.32 377.344c-16.384 0-29.696 13.312-29.696 29.696v136.704L321.536 326.656c-11.776-11.264-30.208-11.264-41.472 0.512-11.264 11.264-11.776 30.208-0.512 41.472L496.64 586.24H359.936c-16.384 0-29.696 13.312-29.696 29.696s13.312 29.696 29.696 29.696h179.2c32.768 0 59.392-26.624 59.392-59.392v-179.2c-0.512-16.384-13.824-29.696-30.208-29.696zM874.496 666.112h-158.72c-35.328 0-64 28.672-64 64v100.864c0 35.328 28.672 64 64 64h158.72c35.328 0 64-28.672 64-64v-100.864c0-35.328-28.672-64-64-64z"  ></path><path d="M513.536 820.224H211.968c-29.696 0-54.272-24.064-54.272-54.272V249.344c0-29.696 24.064-54.272 54.272-54.272h603.136c29.696 0 54.272 24.064 54.272 54.272v232.448c0 18.432 14.848 33.28 33.28 33.28s33.28-14.848 33.28-33.28V249.344c0-66.56-54.272-120.832-120.832-120.832H211.968c-66.56 0-120.832 54.272-120.832 120.832v516.608c0 66.56 54.272 120.832 120.832 120.832h301.568c18.432 0 33.28-14.848 33.28-33.28s-14.848-33.28-33.28-33.28z"  ></path></symbol><symbol id="icon-picture-in" viewBox="0 0 1024 1024"><path d="M810.666667 192H405.333333V128h426.666667a42.666667 42.666667 0 0 1 42.666667 42.666667v384h21.333333a42.666667 42.666667 0 0 1 42.666667 42.666666v256a42.666667 42.666667 0 0 1-42.666667 42.666667H469.333333a42.666667 42.666667 0 0 1-42.666666-42.666667v-85.333333H128a42.666667 42.666667 0 0 1-42.666667-42.666667v-277.333333h64v256H426.666667V597.333333a42.666667 42.666667 0 0 1 42.666666-42.666666h341.333334V192z m64 426.666667h-384v213.333333h384v-213.333333z"  ></path><path d="M232.106667 320H150.058667a8.533333 8.533333 0 0 0-8.533334 8.533333v46.933334c0 4.693333 3.84 8.533333 8.533334 8.533333H341.333333V192.768a8.533333 8.533333 0 0 0-8.533333-8.533333H285.866667a8.533333 8.533333 0 0 0-8.533334 8.533333v81.962667L134.357333 131.754667a8.533333 8.533333 0 0 0-12.074666 0l-33.194667 33.194666a8.533333 8.533333 0 0 0 0 12.074667L232.064 320z"  ></path></symbol><symbol id="icon-huazhonghua3" viewBox="0 0 1024 1024"><path d="M196.736 813.013333l219.904 0.298667q11.946667 0 20.608 8.106667 8.704 8.149333 9.557333 20.053333 0.810667 11.904-6.741333 21.12-7.424 9.173333-19.114667 10.837333l-4.522666 0.298667H196.736c-93.44 0-127.829333-45.354667-127.829333-127.914667V257.706667c0-85.162667 40.234667-127.829333 127.914666-127.829334H806.826667c89.728 0 127.829333 46.677333 127.829333 127.914667v198.613333q0 11.904-8.106667 20.608-8.149333 8.704-20.053333 9.514667-11.861333 0.810667-21.12-6.698667-9.130667-7.466667-10.837333-19.114666l-0.298667-4.565334v-198.4c0-52.352-13.226667-67.413333-67.285333-67.456H196.736c-54.357333 0-67.413333 11.946667-67.413333 67.285334v488.277333c0 47.658667 17.493333 67.114667 67.413333 67.114667zM290.346667 285.098667l144.64 144.64V306.517333q0-11.306667 7.466666-19.84c6.101333-6.997333 14.08-9.728 22.997334-10.368q11.178667 0.085333 19.626666 7.466667c6.997333 6.058667 9.728 14.037333 10.368 22.954667v170.666666q0 20.992-14.08 36.608c-10.794667 11.946667-24.96 17.237333-40.704 18.005334h-170.666666q-11.946667 0-20.650667-8.149334-8.704-8.106667-9.514667-20.053333-0.810667-11.861333 6.698667-21.077333c6.101333-7.509333 14.336-10.538667 23.637333-11.136h121.258667L247.466667 327.68q-8.576-8.405333-9.088-20.352-0.469333-11.946667 7.296-20.949333 7.808-9.045333 19.669333-10.325334c9.813333-1.066667 17.834667 2.816 25.002667 9.045334z m622.336 280.064h-341.717334q-17.536 0-29.952 12.458666-12.458667 12.373333-12.458666 29.994667v244.053333q0 17.578667 12.458666 29.994667 12.373333 12.416 29.952 12.416h341.76q17.493333 0 29.952-12.416 12.416-12.416 12.416-29.994667v-244.053333q0-17.578667-12.373333-29.994667-12.458667-12.458667-30.037333-12.458666z"  ></path></symbol><symbol id="icon-replay01" viewBox="0 0 1024 1024"><path d="M814.421333 825.002667l-245.76 0c-10.581333 0-19.114667-8.533333-19.114667-19.114667s8.533333-19.114667 19.114667-19.114667l245.76 0c24.917333 0 45.056-20.138667 45.056-45.056L859.477333 289.450667c0-24.917333-20.138667-45.056-45.056-45.056l-193.877333 0c-10.581333 0-19.114667-8.533333-19.114667-19.114667s8.533333-19.114667 19.114667-19.114667l193.877333 0c46.08 0 83.626667 37.546667 83.626667 83.626667l0 451.925333C898.048 787.456 860.501333 825.002667 814.421333 825.002667z"  ></path><path d="M423.936 825.002667 225.28 825.002667c-46.08 0-83.626667-37.546667-83.626667-83.626667L141.653333 289.450667c0-46.08 37.546667-83.626667 83.626667-83.626667l250.88 0c10.581333 0 19.114667 8.533333 19.114667 19.114667s-8.533333 19.114667-19.114667 19.114667L225.28 244.053333c-24.917333 0-45.056 20.138667-45.056 45.056l0 451.925333c0 24.917333 20.138667 45.056 45.056 45.056l198.656 0c10.581333 0 19.114667 8.533333 19.114667 19.114667S434.517333 825.002667 423.936 825.002667z"  ></path><path d="M381.610667 897.024c-4.778667 0-9.898667-2.048-13.653333-5.802667-7.509333-7.509333-7.509333-19.797333 0-27.306667l61.781333-61.781333L367.957333 740.693333c-7.509333-7.509333-7.509333-19.797333 0-27.306667 7.509333-7.509333 19.797333-7.509333 27.306667 0l89.088 89.088-89.088 89.088C391.509333 894.976 386.389333 897.024 381.610667 897.024z"  ></path><path d="M652.629333 316.416c-4.778667 0-9.898667-2.048-13.653333-5.802667L549.888 221.866667l89.088-89.088c7.509333-7.509333 19.797333-7.509333 27.306667 0 7.509333 7.509333 7.509333 19.797333 0 27.306667L604.501333 221.866667 666.282667 283.306667c7.509333 7.509333 7.509333 19.797333 0 27.306667C662.528 314.368 657.749333 316.416 652.629333 316.416z"  ></path><path d="M627.029333 501.418667 445.781333 606.208 445.781333 396.970667Z"  ></path><path d="M445.781333 630.442667c-4.096 0-8.192-1.024-11.946667-3.072-7.509333-4.437333-11.946667-12.288-11.946667-20.821333l0-209.237333c0-8.533333 4.437333-16.725333 11.946667-20.821333 7.509333-4.437333 16.725333-4.437333 24.234667 0l181.248 104.789333c7.509333 4.437333 11.946667 12.288 11.946667 20.821333 0 8.533333-4.437333 16.725333-11.946667 20.821333l-181.248 104.789333C453.973333 629.418667 449.877333 630.442667 445.781333 630.442667zM470.016 438.613333l0 125.952 108.885333-62.805333L470.016 438.613333z"  ></path></symbol><symbol id="icon-zhongbo" viewBox="0 0 1024 1024"><path d="M530.432 91.136h-1.024c-119.808 0-232.96 47.616-317.952 134.656s-131.584 202.24-131.584 325.12c0 253.44 201.728 459.264 449.536 459.264 119.808 0 232.96-47.616 317.952-134.656s131.584-202.24 131.584-325.12c0-117.76-43.52-229.888-122.88-315.904L834.56 256c73.728 79.872 114.688 183.808 114.688 293.888 0 114.176-43.52 221.696-122.368 302.592-79.36 80.896-184.32 125.44-296.96 125.44s-217.6-44.544-296.96-125.44c-78.848-80.896-122.368-188.416-122.368-302.592 0-114.176 43.52-221.696 122.368-302.592 79.36-80.896 184.32-125.44 296.96-125.44h14.848V201.728L701.44 112.64 544.256 23.552v67.584h-13.824z"  ></path><path d="M689.152 544.256L452.608 368.128v352.768z"  ></path></symbol><symbol id="icon-zhongbo1" viewBox="0 0 1024 1024"><path d="M148.48 512c0-200.704 162.816-363.52 363.52-363.52 67.584 0 132.096 18.432 189.44 53.248l-34.816 7.168c-11.264 2.048-18.432 13.312-16.384 24.576 2.048 9.216 10.24 16.384 20.48 16.384h4.096l91.136-18.432c11.264-2.048 18.432-13.312 16.384-24.576 0-1.024-1.024-3.072-1.024-4.096 0-2.048-1.024-4.096-1.024-6.144l-30.72-71.68c-4.096-10.24-16.384-15.36-26.624-10.24-10.24 4.096-15.36 16.384-10.24 26.624l11.264 25.6c-63.488-38.912-135.168-59.392-209.92-59.392-223.232 0-404.48 181.248-404.48 404.48 0 80.896 23.552 159.744 68.608 226.304 4.096 6.144 10.24 9.216 17.408 9.216 4.096 0 8.192-1.024 11.264-3.072 9.216-6.144 12.288-19.456 5.12-28.672-41.984-60.416-63.488-131.072-63.488-203.776zM849.92 289.792c-6.144-9.216-18.432-12.288-28.672-6.144-9.216 6.144-12.288 18.432-6.144 28.672 38.912 59.392 59.392 128 59.392 199.68 0 200.704-162.816 363.52-363.52 363.52-67.584 0-134.144-18.432-191.488-54.272l31.744-6.144c11.264-2.048 18.432-13.312 16.384-24.576-2.048-11.264-13.312-18.432-24.576-16.384l-91.136 18.432c-11.264 2.048-18.432 13.312-16.384 24.576 0 1.024 1.024 3.072 1.024 4.096 0 2.048 1.024 4.096 1.024 6.144l30.72 71.68c3.072 8.192 11.264 12.288 18.432 12.288 3.072 0 5.12-1.024 8.192-2.048 10.24-4.096 15.36-16.384 10.24-26.624l-8.192-27.648c64.512 39.936 138.24 61.44 215.04 61.44 223.232 0 404.48-181.248 404.48-404.48 0-78.848-22.528-155.648-66.56-222.208z"  ></path><path d="M453.632 347.136c-8.192-4.096-16.384-7.168-25.6-7.168-28.672 0-51.2 22.528-51.2 51.2v262.144c0 28.672 22.528 51.2 51.2 51.2 9.216 0 17.408-2.048 25.6-7.168l226.304-131.072c16.384-9.216 25.6-25.6 25.6-44.032s-9.216-34.816-25.6-44.032L453.632 347.136z m205.824 184.32L433.152 661.504c-6.144 4.096-15.36 0-15.36-9.216V391.168c0-6.144 5.12-10.24 10.24-10.24 2.048 0 3.072 0 5.12 1.024l226.304 131.072c5.12 3.072 5.12 7.168 5.12 9.216s0 6.144-5.12 9.216z"  ></path></symbol><symbol id="icon-loading" viewBox="0 0 1024 1024"><path d="M876.864 782.592c3.264 0 6.272-3.2 6.272-6.656 0-3.456-3.008-6.592-6.272-6.592-3.264 0-6.272 3.2-6.272 6.592 0 3.456 3.008 6.656 6.272 6.656z m-140.544 153.344c2.304 2.432 5.568 3.84 8.768 3.84a12.16 12.16 0 0 0 8.832-3.84 13.76 13.76 0 0 0 0-18.56 12.224 12.224 0 0 0-8.832-3.84 12.16 12.16 0 0 0-8.768 3.84 13.696 13.696 0 0 0 0 18.56zM552.32 1018.24c3.456 3.648 8.32 5.76 13.184 5.76a18.368 18.368 0 0 0 13.184-5.76 20.608 20.608 0 0 0 0-27.968 18.368 18.368 0 0 0-13.184-5.824 18.368 18.368 0 0 0-13.184 5.76 20.608 20.608 0 0 0 0 28.032z m-198.336-5.76c4.608 4.8 11.072 7.68 17.6 7.68a24.448 24.448 0 0 0 17.536-7.68 27.456 27.456 0 0 0 0-37.248 24.448 24.448 0 0 0-17.536-7.68 24.448 24.448 0 0 0-17.6 7.68 27.52 27.52 0 0 0 0 37.184z m-175.68-91.84c5.76 6.08 13.824 9.6 21.952 9.6a30.592 30.592 0 0 0 22.016-9.6 34.368 34.368 0 0 0 0-46.592 30.592 30.592 0 0 0-22.016-9.6 30.592 30.592 0 0 0-21.952 9.6 34.368 34.368 0 0 0 0 46.592z m-121.152-159.36c6.912 7.36 16.64 11.648 26.368 11.648a36.736 36.736 0 0 0 26.432-11.584 41.28 41.28 0 0 0 0-55.936 36.736 36.736 0 0 0-26.432-11.584 36.8 36.8 0 0 0-26.368 11.52 41.28 41.28 0 0 0 0 56zM12.736 564.672a42.88 42.88 0 0 0 30.784 13.44 42.88 42.88 0 0 0 30.784-13.44 48.128 48.128 0 0 0 0-65.216 42.88 42.88 0 0 0-30.72-13.44 42.88 42.88 0 0 0-30.848 13.44 48.128 48.128 0 0 0 0 65.216z m39.808-195.392a48.96 48.96 0 0 0 35.2 15.36 48.96 48.96 0 0 0 35.2-15.36 54.976 54.976 0 0 0 0-74.56 48.96 48.96 0 0 0-35.2-15.424 48.96 48.96 0 0 0-35.2 15.424 54.976 54.976 0 0 0 0 74.56zM168.32 212.48c10.368 11.008 24.96 17.408 39.68 17.408 14.592 0 29.184-6.4 39.552-17.408a61.888 61.888 0 0 0 0-83.84 55.104 55.104 0 0 0-39.616-17.408c-14.656 0-29.248 6.4-39.616 17.408a61.888 61.888 0 0 0 0 83.84zM337.344 124.8c11.52 12.16 27.712 19.264 43.968 19.264 16.256 0 32.448-7.04 43.968-19.264a68.672 68.672 0 0 0 0-93.184 61.248 61.248 0 0 0-43.968-19.264 61.248 61.248 0 0 0-43.968 19.264 68.736 68.736 0 0 0 0 93.184z m189.632-1.088c12.672 13.44 30.528 21.248 48.448 21.248s35.712-7.808 48.384-21.248a75.584 75.584 0 0 0 0-102.464A67.392 67.392 0 0 0 575.36 0c-17.92 0-35.776 7.808-48.448 21.248a75.584 75.584 0 0 0 0 102.464z m173.824 86.592c13.824 14.592 33.28 23.104 52.736 23.104 19.584 0 39.04-8.512 52.8-23.104a82.432 82.432 0 0 0 0-111.744 73.472 73.472 0 0 0-52.8-23.168c-19.52 0-38.912 8.512-52.736 23.168a82.432 82.432 0 0 0 0 111.744z m124.032 158.528c14.976 15.872 36.032 25.088 57.216 25.088 21.12 0 42.24-9.216 57.152-25.088a89.344 89.344 0 0 0 0-121.088 79.616 79.616 0 0 0-57.152-25.088c-21.184 0-42.24 9.216-57.216 25.088a89.344 89.344 0 0 0 0 121.088z m50.432 204.032c16.128 17.088 38.784 27.008 61.632 27.008 22.784 0 45.44-9.92 61.568-27.008a96.256 96.256 0 0 0 0-130.432 85.76 85.76 0 0 0-61.568-27.072c-22.848 0-45.44 9.984-61.632 27.072a96.192 96.192 0 0 0 0 130.432z"  ></path></symbol><symbol id="icon-replay" viewBox="0 0 1024 1024"><path d="M512 85.333333c200.448 0 368.64 138.24 414.378667 324.565334 8.021333 32.682667 12.288 66.901333 12.288 102.101333 0 231.68-184.618667 420.181333-414.72 426.496L512 938.666667a425.258667 425.258667 0 0 1-298.325333-121.642667 42.666667 42.666667 0 1 1 59.648-61.013333A340.053333 340.053333 0 0 0 512 853.333333l10.666667-0.170666A341.333333 341.333333 0 0 0 853.333333 512l-0.213333-11.946667a341.333333 341.333333 0 0 0-330.496-329.216L512 170.666667l-9.984 0.128-9.898667 0.426666-9.941333 0.725334-13.013333 1.365333-16.042667 2.432-14.976 2.901333-15.701333 3.882667-11.008 3.2-13.397334 4.394667-8.96 3.328-9.813333 3.968-9.258667 4.096-5.12 2.389333c-6.229333 2.986667-12.416 6.186667-18.474666 9.557333l-10.965334 6.314667-6.4 4.010667a342.016 342.016 0 0 0-16.554666 11.221333l-6.101334 4.522667-9.856 7.722666a343.381333 343.381333 0 0 0-30.933333 28.544l-10.752 11.776-7.381333 8.704-8.234667 10.496-10.581333 14.848-5.418667 8.32a341.12 341.12 0 0 0-10.24 17.237334l-4.906667 9.301333-3.882666 7.765333-4.693334 10.24-4.096 9.642667-4.949333 12.970667-5.589333 17.152-4.053334 14.72-2.389333 10.368a332.970667 332.970667 0 0 0-5.12 29.994666H256l5.546667 0.256a42.666667 42.666667 0 0 1 28.928 68.565334l-3.584 4.010666-112.085334 112.128-3.925333 3.456a42.666667 42.666667 0 0 1-67.072-21.205333A426.624 426.624 0 0 1 85.333333 511.957333C85.333333 276.394667 276.352 85.333333 512 85.333333z m-63.36 298.666667c3.84 0 7.637333 1.066667 10.965333 3.157333l169.386667 104.533334a24.362667 24.362667 0 0 1 0 40.618666l-169.386667 104.533334a21.205333 21.205333 0 0 1-29.994666-8.576 24.746667 24.746667 0 0 1-2.944-11.733334v-209.066666c0-12.970667 9.813333-23.466667 21.973333-23.466667z"  ></path></symbol><symbol id="icon-fullscreen" viewBox="0 0 1024 1024"><path d="M174.933333 587.264v135.68c0 43.989333 34.048 80.042667 77.226667 83.2l6.229333 0.256h135.68v93.866667h-135.68a177.322667 177.322667 0 0 1-177.066666-168.448l-0.256-8.874667v-135.68h93.866666z m451.712-26.965333l178.304 178.218666c0.597333-3.029333 0.981333-6.144 1.237334-9.344l0.213333-6.229333v-135.68h93.866667v135.68a177.322667 177.322667 0 0 1-168.448 177.066667l-8.874667 0.256h-135.68v-93.866667h135.68c5.333333 0 10.538667-0.512 15.573333-1.450667l-178.218666-178.304 66.389333-66.346666zM394.069333 81.066667v93.866666h-135.68c-5.333333 0-10.538667 0.512-15.573333 1.450667l178.218667 178.261333-66.346667 66.389334-178.304-178.218667a83.498667 83.498667 0 0 0-1.237333 9.344l-0.213334 6.229333v135.68H81.066667v-135.68a177.322667 177.322667 0 0 1 168.448-177.066666l8.874666-0.256h135.68z m328.874667 0a177.322667 177.322667 0 0 1 177.066667 168.448l0.256 8.874666v135.68h-93.866667v-135.68c0-43.989333-34.048-80.042667-77.226667-83.2l-6.229333-0.256h-135.68V81.066667h135.68z"  ></path></symbol><symbol id="icon-volume-up" viewBox="0 0 1024 1024"><path d="M461.312 246.4768a17.066667 17.066667 0 0 1 17.066667 17.066667V763.392a17.066667 17.066667 0 0 1-27.2384 13.687467l-159.197867-118.3744a75.076267 75.076267 0 0 0-44.782933-14.813867h-41.642667a16.5376 16.5376 0 0 1-16.520533-16.520533V398.779733c0-9.1136 7.406933-16.520533 16.520533-16.520533h41.710933a75.264 75.264 0 0 0 44.612267-14.677333l159.3344-117.76a16.9472 16.9472 0 0 1 10.1376-3.345067z m0-75.093333c-19.729067 0-38.912 6.314667-54.784 18.056533L247.1936 307.2h-41.6768a91.5968 91.5968 0 0 0-91.613867 91.579733V627.370667a91.630933 91.630933 0 0 0 91.613867 91.613866h41.608533l159.197867 118.3744a92.194133 92.194133 0 0 0 147.1488-73.966933V263.543467a92.16 92.16 0 0 0-92.16-92.16zM734.037333 319.761067l7.850667 7.304533c56.695467 54.203733 90.965333 128.375467 90.965333 205.0048 0 84.992-38.536533 166.229333-96.290133 217.838933l55.125333 47.7184 8.0896-7.4752c69.0176-65.979733 106.018133-158.378667 106.018134-260.1984 0-102.024533-44.612267-197.256533-121.7536-266.171733l-50.005334 55.978667z"  ></path><path d="M635.460267 416.4608l6.075733 7.406933c25.2928 32.4608 39.0144 71.304533 39.0144 112.0256 0 44.032-16.145067 85.8112-45.4656 119.842134l56.866133 49.015466 6.997334-8.3968c36.488533-45.909333 56.695467-101.751467 56.695466-160.4608 0-62.122667-22.562133-121.002667-63.1808-168.311466l-57.002666 48.878933z"  ></path></symbol><symbol id="icon-webfullscreen" viewBox="0 0 1024 1024"><path d="M708.266667 81.066667a234.666667 234.666667 0 0 1 234.666666 234.666666v392.533334a234.666667 234.666667 0 0 1-234.666666 234.666666H315.733333a234.666667 234.666667 0 0 1-234.666666-234.666666V315.733333a234.666667 234.666667 0 0 1 234.666666-234.666666z m0 93.866666H315.733333a140.8 140.8 0 0 0-140.8 140.8v392.533334a140.8 140.8 0 0 0 140.8 140.8h392.533334a140.8 140.8 0 0 0 140.8-140.8V315.733333a140.8 140.8 0 0 0-140.8-140.8z m52.992 405.930667v137.258667a46.933333 46.933333 0 0 1-41.813334 46.677333l-5.12 0.256h-137.258666v-93.866667h90.368v-90.325333h93.866666zM445.013333 264.618667v93.866666L354.645333 358.4v90.368h-93.866666V311.552a46.933333 46.933333 0 0 1 41.856-46.677333l5.12-0.256h137.258666z"  ></path></symbol><symbol id="icon-settings" viewBox="0 0 1024 1024"><path d="M722.4832 704.512l-149.162667 86.084267a123.630933 123.630933 0 0 1-123.665066-0.034134l-149.128534-86.101333a123.682133 123.682133 0 0 1-61.883733-107.093333v-172.202667a123.665067 123.665067 0 0 1 61.8496-107.178667l149.162667-86.084266a123.733333 123.733333 0 0 1 123.6992 0l149.128533 86.1184a123.665067 123.665067 0 0 1 61.8496 107.1104V597.333333a123.818667 123.818667 0 0 1-61.8496 107.178667zM859.426133 597.333333V425.130667a198.7584 198.7584 0 0 0-99.396266-172.151467l-149.128534-86.101333a198.826667 198.826667 0 0 0-198.792533 0l-149.162667 86.084266A198.843733 198.843733 0 0 0 163.584 425.130667V597.333333a198.826667 198.826667 0 0 0 99.413333 172.168534l149.128534 86.101333a198.7584 198.7584 0 0 0 198.775466 0l149.162667-86.101333A198.690133 198.690133 0 0 0 859.409067 597.333333z"  ></path><path d="M452.676267 512.785067a58.9312 58.9312 0 0 1 58.9824-58.914134 58.88 58.88 0 0 1 58.914133 58.914134 58.9312 58.9312 0 1 1-117.896533 0z m-75.0592 0a134.0928 134.0928 0 0 0 134.0416 134.109866c74.0352 0 133.973333-60.074667 133.973333-134.109866a133.9904 133.9904 0 1 0-268.014933 0z"  ></path></symbol><symbol id="icon-ai07" viewBox="0 0 1024 1024"><path d="M209.645253 863.934444l201.049992 0 0-703.866842L209.645253 160.067602 209.645253 863.934444zM611.804588 863.934444l201.113437 0 0-703.866842L611.804588 160.067602 611.804588 863.934444z"  ></path></symbol><symbol id="icon-24gl-pause2" viewBox="0 0 1024 1024"><path d="M373.333333 85.333333H266.666667a53.393333 53.393333 0 0 0-53.333334 53.333334v746.666666a53.393333 53.393333 0 0 0 53.333334 53.333334h106.666666a53.393333 53.393333 0 0 0 53.333334-53.333334V138.666667a53.393333 53.393333 0 0 0-53.333334-53.333334z m10.666667 800a10.666667 10.666667 0 0 1-10.666667 10.666667H266.666667a10.666667 10.666667 0 0 1-10.666667-10.666667V138.666667a10.666667 10.666667 0 0 1 10.666667-10.666667h106.666666a10.666667 10.666667 0 0 1 10.666667 10.666667z m373.333333-800H650.666667a53.393333 53.393333 0 0 0-53.333334 53.333334v746.666666a53.393333 53.393333 0 0 0 53.333334 53.333334h106.666666a53.393333 53.393333 0 0 0 53.333334-53.333334V138.666667a53.393333 53.393333 0 0 0-53.333334-53.333334z m10.666667 800a10.666667 10.666667 0 0 1-10.666667 10.666667H650.666667a10.666667 10.666667 0 0 1-10.666667-10.666667V138.666667a10.666667 10.666667 0 0 1 10.666667-10.666667h106.666666a10.666667 10.666667 0 0 1 10.666667 10.666667z"  ></path></symbol><symbol id="icon-play6" viewBox="0 0 1024 1024"><path d="M213.333333 278.698667C213.333333 179.2 321.877333 117.76 407.168 168.96l388.821333 233.301333c82.858667 49.706667 82.858667 169.813333 0 219.477334L407.168 855.04C321.834667 906.24 213.333333 844.8 213.333333 745.301333V278.698667z"  ></path></symbol><symbol id="icon-play1" viewBox="0 0 1024 1024"><path d="M791.04 384L378.88 147.626667a145.92 145.92 0 0 0-218.88 128v474.453333A145.92 145.92 0 0 0 305.92 896a146.346667 146.346667 0 0 0 72.96-19.626667L791.04 640a145.92 145.92 0 0 0 0-252.586667z m-42.666667 178.773333l-412.16 239.786667a61.44 61.44 0 0 1-60.586666 0 60.586667 60.586667 0 0 1-30.293334-52.48V273.92a60.586667 60.586667 0 0 1 30.293334-52.48A64.426667 64.426667 0 0 1 305.92 213.333333a65.706667 65.706667 0 0 1 30.293333 8.106667l412.16 238.08a60.586667 60.586667 0 0 1 0 104.96z"  ></path></symbol><symbol id="icon-play2" viewBox="0 0 1024 1024"><path d="M298.666667 247.04V682.666667a42.666667 42.666667 0 0 1-85.333334 0V170.666667a42.666667 42.666667 0 0 1 65.024-36.352l554.666667 341.333333a42.666667 42.666667 0 0 1 0 72.704l-554.666667 341.333333a42.666667 42.666667 0 0 1-44.714666-72.704L729.258667 512 298.666667 247.04z"  ></path></symbol><symbol id="icon-Stop" viewBox="0 0 1024 1024"><path d="M243.712 261.275152v527.515151h527.515152v-527.515151h-527.515152z m-62.060606-4.220122c0-31.961212 25.879273-57.840485 57.840485-57.840485H775.447273c31.961212 0 57.840485 25.879273 57.840485 57.840485v535.955394c0 31.961212-25.879273 57.840485-57.840485 57.840485H239.491879a57.840485 57.840485 0 0 1-57.840485-57.840485V257.05503z"  ></path></symbol><symbol id="icon-Play3" viewBox="0 0 1024 1024"><path d="M290.940121 129.613576a62.060606 62.060606 0 0 1 62.681212 1.179151l558.483394 341.271273a62.091636 62.091636 0 0 1 0 105.937455L353.652364 919.272727a62.029576 62.029576 0 0 1-94.425212-52.937697V183.761455a62.060606 62.060606 0 0 1 31.712969-54.147879zM879.709091 525.032727L321.287758 183.761455v682.573575L879.740121 525.032727z"  ></path></symbol></svg>', ((t) => {
+  var o = (c = (c = document.getElementsByTagName("script"))[c.length - 1]).getAttribute("data-injectcss"), c = c.getAttribute("data-disable-injectsvg");
+  if (!c) {
+    var n, e, y, a, m, z = function(d, u) {
+      u.parentNode.insertBefore(d, u);
+    };
+    if (o && !t.__iconfont__svg__cssinject__) {
+      t.__iconfont__svg__cssinject__ = !0;
+      try {
+        document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>");
+      } catch (d) {
+        console && console.log(d);
+      }
+    }
+    n = function() {
+      var d, u = document.createElement("div");
+      u.innerHTML = t._iconfont_svg_string_4726673, (u = u.getElementsByTagName("svg")[0]) && (u.setAttribute("aria-hidden", "true"), u.style.position = "absolute", u.style.width = 0, u.style.height = 0, u.style.overflow = "hidden", u = u, (d = document.body).firstChild ? z(u, d.firstChild) : d.appendChild(u));
+    }, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(n, 0) : (e = function() {
+      document.removeEventListener("DOMContentLoaded", e, !1), n();
+    }, document.addEventListener("DOMContentLoaded", e, !1)) : document.attachEvent && (y = n, a = t.document, m = !1, r(), a.onreadystatechange = function() {
+      a.readyState == "complete" && (a.onreadystatechange = null, b());
+    });
+  }
+  function b() {
+    m || (m = !0, y());
+  }
+  function r() {
+    try {
+      a.documentElement.doScroll("left");
+    } catch {
+      return void setTimeout(r, 50);
+    }
+    b();
+  }
+})(window);
+const C6 = ["xlink:href", "fill"], L6 = /* @__PURE__ */ O({
   __name: "SvgIcon",
   props: {
     //复杂写法
@@ -129,25 +164,25 @@ const ue = [
       type: String
     }
   },
-  setup(l) {
-    return (o, u) => (y(), g("div", null, [
-      (y(), g("svg", {
-        class: z(["icon", l.class]),
-        style: L({ width: l.width, height: l.height })
+  setup(t) {
+    return (o, c) => (v(), g("div", null, [
+      (v(), g("svg", {
+        class: q(["icon", t.class]),
+        style: E({ width: t.width, height: t.height })
       }, [
-        t("use", {
-          "xlink:href": l.prefix + l.name,
-          fill: l.color
-        }, null, 8, Be)
+        l("use", {
+          "xlink:href": t.prefix + t.name,
+          fill: t.color
+        }, null, 8, C6)
       ], 6))
     ]));
   }
-}), H = (l, o) => {
-  const u = l.__vccOpts || l;
-  for (const [a, e] of o)
-    u[a] = e;
-  return u;
-}, G = /* @__PURE__ */ H(Fe, [["__scopeId", "data-v-7fc789fa"]]), Ie = { key: 0 }, Me = { class: "mr5" }, Ee = { class: "mr5" }, De = /* @__PURE__ */ O({
+}), A = (t, o) => {
+  const c = t.__vccOpts || t;
+  for (const [n, e] of o)
+    c[n] = e;
+  return c;
+}, Z = /* @__PURE__ */ A(L6, [["__scopeId", "data-v-b71d0b3b"]]), P6 = { key: 0 }, H6 = { class: "mr5" }, $6 = { class: "mr5" }, F6 = /* @__PURE__ */ O({
   __name: "Loading",
   props: {
     loadType: String,
@@ -156,80 +191,80 @@ const ue = [
       default: ""
     }
   },
-  setup(l) {
-    const { proxy: o } = ke(), u = ["loadstart", "waiting", "ended", "error", "stalled"], a = l, e = () => {
+  setup(t) {
+    const { proxy: o } = w6(), c = ["loadstart", "waiting", "ended", "error", "stalled"], n = t, e = () => {
       o.$parent.play();
-    }, v = A(() => {
-      let n = "background: rgba(0, 0, 0, .1);z-index:1";
-      return a.loadType == "loadstart" && (n = "background: rgba(0, 0, 0, 1);;z-index:3"), n;
+    }, y = D(() => {
+      let a = "background: rgba(0, 0, 0, .1);z-index:1";
+      return n.loadType == "loadstart" && (a = "background: rgba(0, 0, 0, 1);;z-index:3"), a;
     });
-    return (n, m) => P((y(), g("div", {
+    return (a, m) => M((v(), g("div", {
       class: "loading",
-      style: L(v.value)
+      style: E(y.value)
     }, [
-      t("div", null, [
-        l.loadType == "loadstart" ? (y(), g("span", Ie, [
-          m[0] || (m[0] = t("i", { class: "rotating iconfont icon-loading f50" }, null, -1)),
-          t("p", null, _(l.text), 1)
-        ])) : E("", !0),
-        P(t("span", null, [
-          p(G, {
+      l("div", null, [
+        t.loadType == "loadstart" ? (v(), g("span", P6, [
+          m[0] || (m[0] = l("i", { class: "rotating iconfont icon-loading f50" }, null, -1)),
+          l("p", null, V(t.text), 1)
+        ])) : $("", !0),
+        M(l("span", null, [
+          h(Z, {
             color: "#fff",
             name: "loading",
             width: "40",
             height: "40",
             class: "rotating"
           }),
-          m[1] || (m[1] = t("p", { style: { "margin-top": "6px" } }, "正在缓冲...", -1))
+          m[1] || (m[1] = l("p", { style: { "margin-top": "6px" } }, "正在缓冲...", -1))
         ], 512), [
-          [V, l.loadType == "waiting"]
+          [S, t.loadType == "waiting"]
         ]),
-        P(t("span", null, [
-          t("p", {
+        M(l("span", null, [
+          l("p", {
             onClick: e,
             class: "d-flex-x d-pointer"
           }, [
-            t("span", Me, [
-              p(G, {
+            l("span", H6, [
+              h(Z, {
                 color: "#fff",
                 name: "replay",
                 width: "26",
                 height: "26"
               }),
-              m[2] || (m[2] = D("重新播放 "))
+              m[2] || (m[2] = F("重新播放 "))
             ])
           ])
         ], 512), [
-          [V, l.loadType == "ended"]
+          [S, t.loadType == "ended"]
         ]),
-        P(t("span", null, [
-          t("p", {
+        M(l("span", null, [
+          l("p", {
             onClick: e,
             class: "d-flex-x d-pointer"
           }, [
-            t("span", Ee, [
-              p(G, {
+            l("span", $6, [
+              h(Z, {
                 color: "#fff",
                 name: "replay",
                 width: "26",
                 height: "26"
               }),
-              m[3] || (m[3] = D(" 请求错误 "))
+              m[3] || (m[3] = F(" 请求错误 "))
             ])
           ])
         ], 512), [
-          [V, l.loadType == "error" || l.loadType == "stalled"]
+          [S, t.loadType == "error" || t.loadType == "stalled"]
         ])
       ])
     ], 4)), [
-      [V, u.includes(l.loadType)]
+      [S, c.includes(t.loadType)]
     ]);
   }
-}), He = /* @__PURE__ */ H(De, [["__scopeId", "data-v-139d9272"]]), R = function(l, o, u, a = !1) {
-  l && o && u && l.addEventListener(o, u, a);
-}, F = function(l, o, u, a = !1) {
-  l && o && u && l.removeEventListener(o, u, a);
-}, Le = /* @__PURE__ */ O({
+}), A6 = /* @__PURE__ */ A(F6, [["__scopeId", "data-v-139d9272"]]), I = function(t, o, c, n = !1) {
+  t && o && c && t.addEventListener(o, c, n);
+}, L = function(t, o, c, n = !1) {
+  t && o && c && t.removeEventListener(o, c, n);
+}, E6 = /* @__PURE__ */ O({
   __name: "ProgressBar",
   props: {
     modelValue: {
@@ -257,124 +292,124 @@ const ue = [
     }
   },
   emits: ["update:modelValue", "change", "onMousemove"],
-  setup(l, { emit: o }) {
-    ne((d) => ({
-      "56f40db4": l.size
+  setup(t, { emit: o }) {
+    a6((p) => ({
+      "56f40db4": t.size
     }));
-    const u = W(), a = W(), e = l, v = o, n = J({
+    const c = R(), n = R(), e = t, y = o, a = G({
       dragging: !1,
       //拖拽状态
       mousePosition: 0,
       //鼠标位置
       hoverTipsPos: "50%"
       //提示偏移位置
-    }), m = A(() => {
-      let d = e.modelValue < 0 ? 0 : e.modelValue > 1 ? 1 : e.modelValue;
-      return e.vertical ? `height:${d * 100}%` : `width:${d * 100}%`;
-    }), b = A(() => {
-      let d = e.preload < 0 ? 0 : e.preload > 1 ? 1 : e.preload;
-      return e.vertical ? `height:${d * 100}%` : `width:${d * 100}%`;
-    }), k = A(() => {
-      let d = n.mousePosition < 0 ? 0 : n.mousePosition > 1 ? 1 : n.mousePosition;
-      return e.vertical ? `bottom:${d * 100}%` : `left:${d * 100}%`;
-    }), r = (d) => {
-      d.preventDefault();
-    }, c = (d) => {
-      e.disabled || (d.preventDefault(), n.dragging = !0, f(d), R(window, "mousemove", I), R(window, "touchmove", I), R(window, "mouseup", B), R(window, "touchend", B));
-    }, T = (d) => {
+    }), m = D(() => {
+      let p = e.modelValue < 0 ? 0 : e.modelValue > 1 ? 1 : e.modelValue;
+      return e.vertical ? `height:${p * 100}%` : `width:${p * 100}%`;
+    }), z = D(() => {
+      let p = e.preload < 0 ? 0 : e.preload > 1 ? 1 : e.preload;
+      return e.vertical ? `height:${p * 100}%` : `width:${p * 100}%`;
+    }), b = D(() => {
+      let p = a.mousePosition < 0 ? 0 : a.mousePosition > 1 ? 1 : a.mousePosition;
+      return e.vertical ? `bottom:${p * 100}%` : `left:${p * 100}%`;
+    }), r = (p) => {
+      p.preventDefault();
+    }, d = (p) => {
+      e.disabled || (p.preventDefault(), a.dragging = !0, f(p), I(window, "mousemove", P), I(window, "touchmove", P), I(window, "mouseup", C), I(window, "touchend", C));
+    }, u = (p) => {
       if (!e.hover) return;
-      let w = $(d);
-      if (v("onMousemove", d, w), n.mousePosition = w, e.vertical) return;
-      let S = u.value, M = a.value.clientWidth / 2, C = d.clientX - S.getBoundingClientRect().left;
-      C < M ? (console.log("11"), n.hoverTipsPos = M - C + "px") : S.clientWidth - C < M ? (console.log("22"), n.hoverTipsPos = S.clientWidth - C - M + "px") : n.hoverTipsPos = "50%";
-    }, f = (d) => {
-      let w = $(d);
-      v("update:modelValue", w), v("change", d, w);
-    }, $ = (d) => {
-      let w = u.value, S = 0;
+      let x = B(p);
+      if (y("onMousemove", p, x), a.mousePosition = x, e.vertical) return;
+      let T = c.value, H = n.value.clientWidth / 2, _ = p.clientX - T.getBoundingClientRect().left;
+      _ < H ? (console.log("11"), a.hoverTipsPos = H - _ + "px") : T.clientWidth - _ < H ? (console.log("22"), a.hoverTipsPos = T.clientWidth - _ - H + "px") : a.hoverTipsPos = "50%";
+    }, f = (p) => {
+      let x = B(p);
+      y("update:modelValue", x), y("change", p, x);
+    }, B = (p) => {
+      let x = c.value, T = 0;
       if (e.vertical) {
-        let M = w.clientHeight;
-        S = (w.getBoundingClientRect().bottom - d.clientY) / M;
+        let H = x.clientHeight;
+        T = (x.getBoundingClientRect().bottom - p.clientY) / H;
       } else
-        S = (d.clientX - w.getBoundingClientRect().left) / w.clientWidth;
-      return S < 0 ? 0 : S > 1 ? 1 : S;
-    }, I = (d) => {
-      f(d);
-    }, B = (d) => {
-      n.dragging && (F(window, "mousemove", I), F(window, "touchmove", I), F(window, "mouseup", B), F(window, "touchend", B), F(window, "contextmenu", B), setTimeout(() => {
-        n.dragging = !1;
+        T = (p.clientX - x.getBoundingClientRect().left) / x.clientWidth;
+      return T < 0 ? 0 : T > 1 ? 1 : T;
+    }, P = (p) => {
+      f(p);
+    }, C = (p) => {
+      a.dragging && (L(window, "mousemove", P), L(window, "touchmove", P), L(window, "mouseup", C), L(window, "touchend", C), L(window, "contextmenu", C), setTimeout(() => {
+        a.dragging = !1;
       }, 0));
     };
-    return (d, w) => (y(), g("div", {
+    return (p, x) => (v(), g("div", {
       ref_key: "refProgress",
-      ref: u,
-      class: z(["progress", { "is-vertical": e.vertical }]),
-      onMousedown: Te(c, ["stop"]),
+      ref: c,
+      class: q(["progress", { "is-vertical": e.vertical }]),
+      onMousedown: x6(d, ["stop"]),
       onContextmenu: r
     }, [
-      t("div", {
+      l("div", {
         class: "progress__runway",
-        onMousemove: T
+        onMousemove: u
       }, [
-        P(t("div", {
+        M(l("div", {
           class: "progress__cursor",
-          style: L(k.value)
+          style: E(b.value)
         }, [
-          P(t("div", {
+          M(l("div", {
             class: "progress__tips",
             ref_key: "refTips",
-            ref: a,
-            style: L({ left: n.hoverTipsPos })
-          }, _(l.hoverText), 5), [
-            [V, e.hoverText]
+            ref: n,
+            style: E({ left: a.hoverTipsPos })
+          }, V(t.hoverText), 5), [
+            [S, e.hoverText]
           ])
         ], 4), [
-          [V, l.hover]
+          [S, t.hover]
         ]),
-        t("div", {
+        l("div", {
           class: "progress__preload",
-          style: L(b.value)
+          style: E(z.value)
         }, null, 4),
-        t("div", {
+        l("div", {
           class: "progress__bar",
-          style: L(m.value)
+          style: E(m.value)
         }, null, 4)
       ], 32)
     ], 34));
   }
-}), X = /* @__PURE__ */ H(Le, [["__scopeId", "data-v-39bb7042"]]);
-function Re(l, o, u) {
-  var a = u || {}, e = a.noTrailing, v = e === void 0 ? !1 : e, n = a.noLeading, m = n === void 0 ? !1 : n, b = a.debounceMode, k = b === void 0 ? void 0 : b, r, c = !1, T = 0;
+}), X = /* @__PURE__ */ A(E6, [["__scopeId", "data-v-39bb7042"]]);
+function I6(t, o, c) {
+  var n = c, e = n.noTrailing, y = e === void 0 ? !1 : e, a = n.noLeading, m = a === void 0 ? !1 : a, z = n.debounceMode, b = z === void 0 ? void 0 : z, r, d = !1, u = 0;
   function f() {
     r && clearTimeout(r);
   }
-  function $(B) {
-    var d = B || {}, w = d.upcomingOnly, S = w === void 0 ? !1 : w;
-    f(), c = !S;
+  function B(C) {
+    var p = C || {}, x = p.upcomingOnly, T = x === void 0 ? !1 : x;
+    f(), d = !T;
   }
-  function I() {
-    for (var B = arguments.length, d = new Array(B), w = 0; w < B; w++)
-      d[w] = arguments[w];
-    var S = this, M = Date.now() - T;
-    if (c)
+  function P() {
+    for (var C = arguments.length, p = new Array(C), x = 0; x < C; x++)
+      p[x] = arguments[x];
+    var T = this, H = Date.now() - u;
+    if (d)
       return;
-    function C() {
-      T = Date.now(), o.apply(S, d);
+    function _() {
+      u = Date.now(), o.apply(T, p);
     }
-    function K() {
+    function j() {
       r = void 0;
     }
-    !m && k && !r && C(), f(), k === void 0 && M > l ? m ? (T = Date.now(), v || (r = setTimeout(k ? K : C, l))) : C() : v !== !0 && (r = setTimeout(k ? K : C, k === void 0 ? l - M : l));
+    !m && b && !r && _(), f(), b === void 0 && H > t ? m ? (u = Date.now(), y || (r = setTimeout(b ? j : _, t))) : _() : y !== !0 && (r = setTimeout(b ? j : _, b === void 0 ? t - H : t));
   }
-  return I.cancel = $, I;
+  return P.cancel = B, P;
 }
-function de(l, o, u) {
-  var a = {}, e = a.atBegin, v = e === void 0 ? !1 : e;
-  return Re(l, o, {
-    debounceMode: v !== !1
+function d6(t, o, c) {
+  var n = {}, e = n.atBegin, y = e === void 0 ? !1 : e;
+  return I6(t, o, {
+    debounceMode: y !== !1
   });
 }
-const ze = ["checked"], Ae = /* @__PURE__ */ O({
+const q6 = ["checked"], D6 = /* @__PURE__ */ O({
   __name: "Switch",
   props: {
     modelValue: {
@@ -403,97 +438,97 @@ const ze = ["checked"], Ae = /* @__PURE__ */ O({
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(l, { emit: o }) {
-    ne((m) => ({
-      "8eab8736": l.width,
-      "7a1ce148": l.activeColor
+  setup(t, { emit: o }) {
+    a6((m) => ({
+      "8eab8736": t.width,
+      "7a1ce148": t.activeColor
     }));
-    const u = l, a = o, e = W(), v = A(() => u.modelValue === u.trueValue), n = (m) => {
-      me(() => {
-        const b = m.target.checked;
-        a("update:modelValue", b), a("change", b);
+    const c = t, n = o, e = R(), y = D(() => c.modelValue === c.trueValue), a = (m) => {
+      m6(() => {
+        const z = m.target.checked;
+        n("update:modelValue", z), n("change", z);
       });
     };
-    return (m, b) => (y(), g("div", {
-      class: z(["switch", { "is-checked": v.value }])
+    return (m, z) => (v(), g("div", {
+      class: q(["switch", { "is-checked": y.value }])
     }, [
-      t("input", {
+      l("input", {
         type: "checkbox",
         class: "switch_input",
         ref_key: "input",
         ref: e,
-        checked: v.value,
-        onChange: b[0] || (b[0] = (k) => n(k))
-      }, null, 40, ze),
-      b[1] || (b[1] = t("span", { class: "switch_action" }, null, -1))
+        checked: y.value,
+        onChange: z[0] || (z[0] = (b) => a(b))
+      }, null, 40, q6),
+      z[1] || (z[1] = l("span", { class: "switch_action" }, null, -1))
     ], 2));
   }
-}), Z = /* @__PURE__ */ H(Ae, [["__scopeId", "data-v-4ddca1e1"]]), We = { class: "status" }, Oe = { class: "flex-center" }, qe = { class: "status-icon" }, Ne = { class: "flex-center" }, Ue = { style: { "margin-right": "5px" } }, Xe = /* @__PURE__ */ O({
+}), Q = /* @__PURE__ */ A(D6, [["__scopeId", "data-v-4ddca1e1"]]), R6 = { class: "status" }, O6 = { class: "flex-center" }, N6 = { class: "status-icon" }, W6 = { class: "flex-center" }, U6 = { style: { "margin-right": "5px" } }, X6 = /* @__PURE__ */ O({
   __name: "Handle",
   props: ["state"],
-  setup(l) {
-    return W(!0), (o, u) => {
-      const a = ae("SvgIcon");
-      return P((y(), g("div", We, [
-        P(t("li", Oe, [
-          t("span", qe, [
-            p(a, {
-              name: `volume-${l.state.volume == 0 || l.state.muted ? "mute" : l.state.volume > 0.5 ? "up" : "down"}`,
+  setup(t) {
+    return R(!0), (o, c) => {
+      const n = n6("SvgIcon");
+      return M((v(), g("div", R6, [
+        M(l("li", O6, [
+          l("span", N6, [
+            h(n, {
+              name: `volume-${t.state.volume == 0 || t.state.muted ? "mute" : t.state.volume > 0.5 ? "up" : "down"}`,
               width: "25",
               height: "25",
               color: "#fff"
             }, null, 8, ["name"])
           ]),
-          D(" " + _(~~(l.state.volume * 100)) + "% ", 1)
+          F(" " + V(~~(t.state.volume * 100)) + "% ", 1)
         ], 512), [
-          [V, l.state.handleType == "volume"]
+          [S, t.state.handleType == "volume"]
         ]),
-        P(t("li", Ne, [
-          p(a, {
+        M(l("li", W6, [
+          h(n, {
             color: "#fff",
             name: "play",
             width: "16",
             height: "16"
           }),
-          t("span", Ue, [
-            p(a, {
+          l("span", U6, [
+            h(n, {
               color: "#fff",
               name: "play",
               width: "16",
               height: "16"
             })
           ]),
-          u[0] || (u[0] = D(" 5倍速播放中 "))
+          c[0] || (c[0] = F(" 5倍速播放中 "))
         ], 512), [
-          [V, l.state.handleType == "playbackRate" || l.state.isMultiplesPlay]
+          [S, t.state.handleType == "playbackRate" || t.state.isMultiplesPlay]
         ])
       ], 512)), [
-        [V, l.state.handleType || l.state.isMultiplesPlay]
+        [S, t.state.handleType || t.state.isMultiplesPlay]
       ]);
     };
   }
-}), Ke = /* @__PURE__ */ H(Xe, [["__scopeId", "data-v-7b4544a3"]]), ce = "1.0.0", Ye = {
+}), j6 = /* @__PURE__ */ A(X6, [["__scopeId", "data-v-7b4544a3"]]), u6 = "1.2.2", K6 = {
   key: 0,
   class: "player-dialog"
-}, je = { class: "player-dialog-body" }, Ge = { class: "player-dialog-title" }, Je = { class: "player-hotkey-panel" }, Qe = { class: "player-hotkey-panel-item" }, Ze = { class: "player-filter-panel" }, et = { class: "player-filter-panel-item" }, tt = { class: "player-filter-panel-item" }, lt = { class: "player-filter-panel-item" }, ot = {
+}, Y6 = { class: "player-dialog-body" }, Z6 = { class: "player-dialog-title" }, G6 = { class: "player-hotkey-panel" }, J6 = { class: "player-hotkey-panel-item" }, Q6 = { class: "player-filter-panel" }, e3 = { class: "player-filter-panel-item" }, t3 = { class: "player-filter-panel-item" }, l3 = { class: "player-filter-panel-item" }, o3 = {
   key: 0,
   class: "player-contextmenu"
-}, nt = ["playerKeyCode"], at = /* @__PURE__ */ O({
+}, a3 = ["playerKeyCode"], n3 = /* @__PURE__ */ O({
   __name: "Contextmenu",
-  setup(l) {
-    const o = J({
+  setup(t) {
+    const o = G({
       show: !1,
       dialogType: "",
       dialogTitle: "11",
-      version: ce,
+      version: u6,
       mouseX: 0,
       mouseY: 0
-    }), u = [
+    }), c = [
       { label: "视频色彩调整", key: "filter" },
       { label: "快捷键说明", key: "hotkey" },
       { label: "复制视频网址", key: "copy" },
-      { label: "版本：" + ce, key: "version" }
-    ], a = [
+      { label: "版本：" + u6, key: "version" }
+    ], n = [
       { key: "Space", label: "播放/暂停" },
       { key: "→", label: "单次快进10s，长按5倍速播放" },
       { key: "←", label: "快退5s" },
@@ -501,65 +536,65 @@ const ze = ["checked"], Ae = /* @__PURE__ */ O({
       { key: "↓", label: "音量增加降低10%" },
       { key: "Esc", label: "退出全屏/退出网页全屏" },
       { key: "F", label: "全屏/退出全屏" }
-    ], e = J({
+    ], e = G({
       //饱和度
       saturate: 0.392,
       //亮度
       brightness: 0.392,
       //对比度
       contrast: 0.392
-    }), v = A(() => ({
+    }), y = D(() => ({
       left: o.mouseX + "px",
       top: o.mouseY + "px"
     }));
-    fe(e, (r) => {
+    h6(e, (r) => {
       console.log(r.saturate, "newval");
-      let c = document.querySelector("#PlayerVideo"), T = (r.saturate * 2.55).toFixed(2), f = (r.brightness * 2.55).toFixed(2), $ = (r.contrast * 2.55).toFixed(2);
-      c.style.filter = `saturate(${T}) brightness(${f}) contrast(${$})`;
+      let d = document.querySelector("#PlayerVideo"), u = (r.saturate * 2.55).toFixed(2), f = (r.brightness * 2.55).toFixed(2), B = (r.contrast * 2.55).toFixed(2);
+      d.style.filter = `saturate(${u}) brightness(${f}) contrast(${B})`;
     });
-    const n = () => {
+    const a = () => {
       e.saturate = 0.392, e.brightness = 0.392, e.contrast = 0.392;
     }, m = (r) => {
-      r.key == "Escape" && k(0);
-    }, b = (r) => {
+      r.key == "Escape" && b(0);
+    }, z = (r) => {
       r.preventDefault();
-      let c = document.querySelector("#playerWrap");
-      R(window, "keydown", m), R(window, "click", k);
-      let T = c.clientWidth;
-      o.mouseX = r.clientX - c.getBoundingClientRect().left, T - o.mouseX < 130 && (o.mouseX = o.mouseX + (T - o.mouseX - 130)), o.mouseY = r.clientY - c.getBoundingClientRect().top, o.show = !0;
-    }, k = async (r) => {
-      let c = r.target.nodeName == "LI", T = r.target.attributes.playerKeyCode && r.target.attributes.playerKeyCode.value, f = u.map(($) => $.key);
-      if (c && f.includes(T))
-        if (o.dialogTitle = r.target.innerText, o.dialogType = T, T == "copy") {
+      let d = document.querySelector("#playerWrap");
+      I(window, "keydown", m), I(window, "click", b);
+      let u = d.clientWidth;
+      o.mouseX = r.clientX - d.getBoundingClientRect().left, u - o.mouseX < 130 && (o.mouseX = o.mouseX + (u - o.mouseX - 130)), o.mouseY = r.clientY - d.getBoundingClientRect().top, o.show = !0;
+    }, b = async (r) => {
+      let d = r.target.nodeName == "LI", u = r.target.attributes.playerKeyCode && r.target.attributes.playerKeyCode.value, f = c.map((B) => B.key);
+      if (d && f.includes(u))
+        if (o.dialogTitle = r.target.innerText, o.dialogType = u, u == "copy") {
           try {
             await navigator.clipboard.writeText(window.location.href), alert("网址信息已复制到剪切板");
-          } catch ($) {
-            console.log("复制失败: ", $);
+          } catch (B) {
+            console.log("复制失败: ", B);
           }
           o.dialogType = "";
-        } else T == "version" && (o.dialogType = "");
-      o.show = !1, F(window, "keydown", m), F(window, "click", k);
+        } else u == "version" && (o.dialogType = "");
+      o.show = !1, L(window, "keydown", m), L(window, "click", b);
     };
-    return ye(() => {
+    return y6(() => {
       let r = document.querySelector("#playerWrap");
-      F(window, "click", k), F(window, "keydown", m), R(r, "contextmenu", b);
-    }), be(() => {
+      L(window, "click", b), L(window, "keydown", m), I(r, "contextmenu", z);
+    }), z6(() => {
       let r = document.querySelector("#playerWrap");
-      F(window, "keydown", m), F(window, "click", k), F(r, "contextmenu", b);
-    }), (r, c) => {
-      const T = ae("SvgIcon");
-      return y(), g("div", null, [
-        p(ee, { name: "fade-in" }, {
-          default: te(() => [
-            o.dialogType ? (y(), g("div", Ye, [
-              t("div", je, [
-                t("h5", Ge, [
-                  D(_(o.dialogTitle) + " ", 1),
-                  t("span", {
+      L(window, "keydown", m), L(window, "click", b), L(r, "contextmenu", z);
+    }), (r, d) => {
+      const u = n6("SvgIcon");
+      return v(), g("div", null, [
+        h(e6, { name: "fade-in" }, {
+          default: t6(() => [
+            o.dialogType ? (v(), g("div", K6, [
+              l("div", Y6, [
+                l("h5", Z6, [
+                  F(V(o.dialogTitle) + " ", 1),
+                  l("span", {
                     class: "icon-close",
-                    onClick: c[0] || (c[0] = (f) => o.dialogType = "")
+                    onClick: d[0] || (d[0] = (f) => o.dialogType = "")
                   }, [
-                    p(T, {
+                    h(u, {
                       color: "#fff",
                       name: "x-copy",
                       width: "25",
@@ -568,116 +603,116 @@ const ze = ["checked"], Ae = /* @__PURE__ */ O({
                     })
                   ])
                 ]),
-                P(t("ul", Je, [
-                  (y(), g(le, null, oe(a, (f) => t("li", Qe, [
-                    t("span", null, _(f.key), 1),
-                    t("span", null, _(f.label), 1)
+                M(l("ul", G6, [
+                  (v(), g(l6, null, o6(n, (f) => l("li", J6, [
+                    l("span", null, V(f.key), 1),
+                    l("span", null, V(f.label), 1)
                   ])), 64))
                 ], 512), [
-                  [V, o.dialogType == "hotkey"]
+                  [S, o.dialogType == "hotkey"]
                 ]),
-                P(t("ul", Ze, [
-                  t("li", et, [
-                    c[4] || (c[4] = t("span", null, "饱和度", -1)),
-                    p(X, {
+                M(l("ul", Q6, [
+                  l("li", e3, [
+                    d[4] || (d[4] = l("span", null, "饱和度", -1)),
+                    h(X, {
                       class: "filter-panel-progress",
                       size: "5px",
                       modelValue: e.saturate,
-                      "onUpdate:modelValue": c[1] || (c[1] = (f) => e.saturate = f)
+                      "onUpdate:modelValue": d[1] || (d[1] = (f) => e.saturate = f)
                     }, null, 8, ["modelValue"]),
-                    t("span", null, _(Math.round(e.saturate * 255)), 1)
+                    l("span", null, V(Math.round(e.saturate * 255)), 1)
                   ]),
-                  t("li", tt, [
-                    c[5] || (c[5] = t("span", null, "亮度", -1)),
-                    p(X, {
+                  l("li", t3, [
+                    d[5] || (d[5] = l("span", null, "亮度", -1)),
+                    h(X, {
                       class: "filter-panel-progress",
                       size: "5px",
                       modelValue: e.brightness,
-                      "onUpdate:modelValue": c[2] || (c[2] = (f) => e.brightness = f)
+                      "onUpdate:modelValue": d[2] || (d[2] = (f) => e.brightness = f)
                     }, null, 8, ["modelValue"]),
-                    t("span", null, _(Math.round(e.brightness * 255)), 1)
+                    l("span", null, V(Math.round(e.brightness * 255)), 1)
                   ]),
-                  t("li", lt, [
-                    c[6] || (c[6] = t("span", null, "对比度", -1)),
-                    p(X, {
+                  l("li", l3, [
+                    d[6] || (d[6] = l("span", null, "对比度", -1)),
+                    h(X, {
                       class: "filter-panel-progress",
                       size: "5px",
                       modelValue: e.contrast,
-                      "onUpdate:modelValue": c[3] || (c[3] = (f) => e.contrast = f)
+                      "onUpdate:modelValue": d[3] || (d[3] = (f) => e.contrast = f)
                     }, null, 8, ["modelValue"]),
-                    t("span", null, _(Math.round(e.contrast * 255)), 1)
+                    l("span", null, V(Math.round(e.contrast * 255)), 1)
                   ]),
-                  t("span", {
-                    onClick: n,
+                  l("span", {
+                    onClick: a,
                     title: "重置",
                     "aria-label": "重置",
                     class: "player-filter-reset"
                   }, "重置")
                 ], 512), [
-                  [V, o.dialogType == "filter"]
+                  [S, o.dialogType == "filter"]
                 ])
               ])
-            ])) : E("", !0)
+            ])) : $("", !0)
           ]),
           _: 1
         }),
-        o.show ? (y(), g("div", ot, [
-          t("ul", {
+        o.show ? (v(), g("div", o3, [
+          l("ul", {
             class: "player-contextmenu-body",
-            style: L(v.value)
+            style: E(y.value)
           }, [
-            (y(), g(le, null, oe(u, (f) => t("li", {
+            (v(), g(l6, null, o6(c, (f) => l("li", {
               playerKeyCode: f.key,
               key: f.key
-            }, _(f.label), 9, nt)), 64))
+            }, V(f.label), 9, a3)), 64))
           ], 4),
-          c[7] || (c[7] = t("input", { class: "player-copyText" }, null, -1))
-        ])) : E("", !0)
+          d[7] || (d[7] = l("input", { class: "player-copyText" }, null, -1))
+        ])) : $("", !0)
       ]);
     };
   }
-}), st = /* @__PURE__ */ H(at, [["__scopeId", "data-v-0633897a"]]), it = {};
-function rt(l, o) {
-  return y(), g("div", null, o[0] || (o[0] = [
-    xe('<svg width="20px" height="20px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="pc" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="鼠标悬浮态" transform="translate(-1011.000000, -614.000000)"><g id="编组-3备份" transform="translate(-0.000000, 0.000000)"><g id="编组-9" transform="translate(771.000000, 614.000000)"><g id="网页全屏icon备份" transform="translate(240.000000, 0.000000)"><rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="24" height="24"></rect><g id="编组-16" transform="translate(3.000000, 3.000000)"><path d="M6.02375417,18 L4.41666657,18 C1.97740898,18 2.987229e-16,16.022591 0,13.5833334 L0,4.41666657 C-2.987229e-16,1.97740898 1.97740898,-4.4009407e-16 4.41666657,0 L13.5277779,0 C15.9670355,-4.4808435e-16 17.9444444,1.97740898 17.9444444,4.41666657 L17.9444444,6.94881161 L17.9444444,6.94881161" id="路径" stroke="#FFFFFF" stroke-width="2.2" stroke-linecap="square" stroke-linejoin="round"></path><rect id="矩形" stroke="#FFFFFF" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" x="10.5555556" y="11.6470588" width="8.44444444" height="6.35294118" rx="2.10317456"></rect><polyline id="路径-4备份" stroke="#FFFFFF" stroke-width="2.2" stroke-linecap="square" stroke-linejoin="round" transform="translate(6.838734, 6.948812) scale(-1, -1) translate(-6.838734, -6.948812) " points="5.25540107 8.5370469 5.25540107 5.36057631 8.42206774 5.36057631"></polyline><polygon id="矩形" fill="#FFFFFF" transform="translate(6.163971, 6.008746) rotate(-45.000000) translate(-6.163971, -6.008746) " points="5.07520753 2.83865288 7.26397133 2.83570116 7.25273513 9.17883841 5.06397133 9.18179013"></polygon></g></g></g></g></g></g></svg>', 1)
+}), s3 = /* @__PURE__ */ A(n3, [["__scopeId", "data-v-0633897a"]]), i3 = {};
+function r3(t, o) {
+  return v(), g("div", null, o[0] || (o[0] = [
+    k6('<svg width="20px" height="20px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="pc" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="鼠标悬浮态" transform="translate(-1011.000000, -614.000000)"><g id="编组-3备份" transform="translate(-0.000000, 0.000000)"><g id="编组-9" transform="translate(771.000000, 614.000000)"><g id="网页全屏icon备份" transform="translate(240.000000, 0.000000)"><rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="24" height="24"></rect><g id="编组-16" transform="translate(3.000000, 3.000000)"><path d="M6.02375417,18 L4.41666657,18 C1.97740898,18 2.987229e-16,16.022591 0,13.5833334 L0,4.41666657 C-2.987229e-16,1.97740898 1.97740898,-4.4009407e-16 4.41666657,0 L13.5277779,0 C15.9670355,-4.4808435e-16 17.9444444,1.97740898 17.9444444,4.41666657 L17.9444444,6.94881161 L17.9444444,6.94881161" id="路径" stroke="#FFFFFF" stroke-width="2.2" stroke-linecap="square" stroke-linejoin="round"></path><rect id="矩形" stroke="#FFFFFF" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" x="10.5555556" y="11.6470588" width="8.44444444" height="6.35294118" rx="2.10317456"></rect><polyline id="路径-4备份" stroke="#FFFFFF" stroke-width="2.2" stroke-linecap="square" stroke-linejoin="round" transform="translate(6.838734, 6.948812) scale(-1, -1) translate(-6.838734, -6.948812) " points="5.25540107 8.5370469 5.25540107 5.36057631 8.42206774 5.36057631"></polyline><polygon id="矩形" fill="#FFFFFF" transform="translate(6.163971, 6.008746) rotate(-45.000000) translate(-6.163971, -6.008746) " points="5.07520753 2.83865288 7.26397133 2.83570116 7.25273513 9.17883841 5.06397133 9.18179013"></polygon></g></g></g></g></g></g></svg>', 1)
   ]));
 }
-const ut = /* @__PURE__ */ H(it, [["render", rt]]), dt = {
+const c3 = /* @__PURE__ */ A(i3, [["render", r3]]), d3 = {
   class: "Player",
   id: "PlayerVideo"
-}, ct = ["src", "controls", "webkit-playsinline", "playsinline", "loop", "poster", "volume", "muted"], pt = { class: "player-lightoff" }, mt = {
+}, u3 = ["src", "controls", "webkit-playsinline", "playsinline", "loop", "poster", "volume", "muted"], p3 = { class: "player-lightoff" }, m3 = {
   key: 0,
   class: "player-state"
-}, ft = { class: "play-btn" }, yt = { class: "control-progress" }, gt = { class: "tool-bar" }, vt = { class: "tool-item tool-time audioTrack-btn" }, ht = { class: "total-time" }, wt = { class: "tool-bar" }, kt = {
+}, h3 = { class: "play-btn" }, y3 = { class: "control-progress" }, f3 = { class: "tool-bar" }, v3 = { class: "tool-item tool-time audioTrack-btn" }, g3 = { class: "total-time" }, b3 = { class: "tool-bar" }, w3 = {
   key: 0,
   style: { position: "relative", top: "-2px" },
   class: "tool-item speedRate-btn"
-}, Tt = { class: "tool-item-main" }, bt = { class: "speed-main" }, xt = ["onClick"], St = {
+}, x3 = { class: "tool-item-main" }, z3 = { class: "speed-main" }, k3 = ["onClick"], T3 = {
   key: 1,
   class: "tool-item volume-btn"
-}, _t = {
+}, V3 = {
   class: "tool-item-main volume-box",
   style: { width: "52px" }
-}, Ct = { class: "volume-text-size" }, Pt = { class: "tool-item setting-btn" }, Vt = { class: "biggerAni" }, $t = { class: "tool-item-main" }, Bt = { class: "speed-main" }, Ft = { class: "biggerAni" }, It = { class: "biggerAni" }, Mt = /* @__PURE__ */ O({
+}, _3 = { class: "volume-text-size" }, M3 = { class: "tool-item setting-btn" }, S3 = { class: "biggerAni" }, B3 = { class: "tool-item-main" }, C3 = { class: "speed-main" }, L3 = { class: "biggerAni" }, P3 = { class: "biggerAni" }, H3 = /* @__PURE__ */ O({
   __name: "VueVideoPlus",
-  props: _e,
+  props: V6,
   emits: [
-    ...ue,
+    ...c6,
     "mirrorChange",
     "loopChange",
     "lightOffChange"
   ],
-  setup(l, { expose: o, emit: u }) {
-    ne((i) => ({
-      "3c74652b": q(ve),
+  setup(t, { expose: o, emit: c }) {
+    a6((i) => ({
+      "3c74652b": N(v6),
       "48c06094": i.width,
       "95068fce": i.height
     }));
-    const a = l, e = J({
+    const n = t, e = G({
       Video: null,
-      ...a,
-      muted: a.muted,
-      playBtnState: a.autoPlay ? "pause" : "play",
+      ...n,
+      muted: n.muted,
+      playBtnState: n.autoPlay ? "pause" : "play",
       // 播放按钮状态
       loadStateType: "loadstart",
       // 加载状态类型 //loadstart初始化  waiting缓冲 ended播放结束
@@ -705,392 +740,393 @@ const ut = /* @__PURE__ */ H(it, [["render", rt]]), dt = {
       //分辨率数组
       currentLevel: 0
       //首选分辨率
-    }), v = u, n = W(), m = W(), b = W(), k = (...i) => (s) => i.reverse().reduce((x, h) => h(x), s), r = ue.reduce((i, s) => {
-      let x = `on${Pe(s)}`;
-      return i[x] = (h) => {
-        e.loadStateType = s, v(s, h);
+    }), y = c, a = R(), m = R(), z = R(), b = (...i) => (s) => i.reverse().reduce((k, w) => w(k), s), r = c6.reduce((i, s) => {
+      let k = `on${M6(s)}`;
+      return i[k] = (w) => {
+        e.loadStateType = s, y(s, w);
       }, i;
     }, {});
-    r.onCanplay = k(r.onCanplay, () => {
-      e.playBtnState != "play" && n.value.play(), e.autoPlay && (n.value.play(), e.playBtnState = "pause");
+    r.onCanplay = b(r.onCanplay, () => {
+      e.playBtnState != "play" && a.value.play(), e.autoPlay && (a.value.play(), e.playBtnState = "pause");
     }), r.onDurationchange = (i) => {
-      v("durationchange", i), a.currentTime != 0 && (n.value.currentTime = a.currentTime), r.onTimeupdate(i);
-    }, r.onEnded = k(r.onEnded, () => {
+      y("durationchange", i), n.currentTime != 0 && (a.value.currentTime = n.currentTime), r.onTimeupdate(i);
+    }, r.onEnded = b(r.onEnded, () => {
       e.playBtnState = "replay";
-    }), r.onError = k(r.onError, () => {
+    }), r.onError = b(r.onError, () => {
       e.playBtnState = "replay";
     }), r.onProgress = (i) => {
-      v("progress", i);
-      let s = i.target.duration, x = i.target.buffered, h = i.target.buffered.length && i.target.buffered.end(x - 1);
-      e.preloadBar = h / s;
+      y("progress", i);
+      let s = i.target.duration, k = i.target.buffered, w = i.target.buffered.length && i.target.buffered.end(k - 1);
+      e.preloadBar = w / s;
     };
-    const c = (i, s) => {
-      let x = n.value.duration || n.value.target.duration;
-      n.value.currentTime = x * s, e.playBtnState == "play" && (n.value.play(), e.playBtnState = "pause");
-    }, T = (i, s) => {
-      e.progressCursorTime = Q(n.value.duration * s);
-    }, f = de(2500, () => {
+    const d = (i, s) => {
+      let k = a.value.duration || a.value.target.duration;
+      a.value.currentTime = k * s, e.playBtnState == "play" && (a.value.play(), e.playBtnState = "pause");
+    }, u = (i, s) => {
+      e.progressCursorTime = J(a.value.duration * s);
+    }, f = d6(2500, () => {
       e.isVideoHovering = !1;
-    }), $ = (i) => {
+    }), B = (i) => {
       e.isVideoHovering = !0, f();
-    }, I = () => {
-      U || b.value.focus();
-    }, B = (i) => {
-      e.speedActive = i, n.value.playbackRate = i;
-    }, d = (i) => {
-      v("mirrorChange", i, n.value);
-    }, w = (i) => {
-      v("loopChange", i, n.value);
-    }, S = (i) => {
-      v("lightOffChange", i, n.value);
-    }, M = () => {
-      Ve(n.value);
-    }, C = () => {
-      e.fullScreen = $e(m.value);
-    }, K = () => {
+    }, P = () => {
+      U || z.value.focus();
+    }, C = (i) => {
+      e.speedActive = i, a.value.playbackRate = i;
+    }, p = (i) => {
+      y("mirrorChange", i, a.value);
+    }, x = (i) => {
+      y("loopChange", i, a.value);
+    }, T = (i) => {
+      y("lightOffChange", i, a.value);
+    }, H = () => {
+      S6(a.value);
+    }, _ = () => {
+      e.fullScreen = B6(m.value);
+    }, j = () => {
       e.muted = !e.muted, e.volume == 0 && (e.volume = 0.05);
     };
     r.onTimeupdate = (i) => {
-      v("timeupdate", i);
-      let s = i.duration || i.target.duration || 0, x = i.currentTime || i.target.currentTime;
-      e.playProgress = x / s, e.currentTime = Q(x), e.totalTime = Q(s);
+      y("timeupdate", i);
+      let s = i.duration || i.target.duration || 0, k = i.currentTime || i.target.currentTime;
+      e.playProgress = k / s, e.currentTime = J(k), e.totalTime = J(s);
     };
-    const ge = () => {
-      n.value.canPlayType(a.type) || console.error(
+    const f6 = () => {
+      a.value.canPlayType(n.type) || console.error(
         "vue3-video-play: Format not supported,Check the [type] parameter"
-      ), (n.value.canPlayType(a.type) || n.value.canPlayType("application/vnd.apple.mpegurl")) && (e.muted = a.autoPlay);
+      ), (a.value.canPlayType(n.type) || a.value.canPlayType("application/vnd.apple.mpegurl")) && (e.muted = n.autoPlay);
     };
-    fe(
-      () => a.src,
+    h6(
+      () => n.src,
       (i) => {
-        me(() => {
-          ge();
+        m6(() => {
+          f6();
         });
       },
       { immediate: !0 }
     );
-    const ve = Ce(e.color), se = de(500, () => {
+    const v6 = _6(e.color), s6 = d6(500, () => {
       e.handleType = "";
-    }), he = (i) => {
-      console.log(r.onTimeupdate, "left"), a.speed && (n.value.currentTime = n.value.currentTime < 10 ? 0.1 : n.value.currentTime - 10, r.onTimeupdate(n.value), Y());
-    }, we = (i) => {
-      i.preventDefault(), i.code == "ArrowUp" ? e.volume = e.volume + 0.1 > 1 ? 1 : e.volume + 0.1 : e.volume = e.volume - 0.1 < 0 ? 0 : e.volume - 0.1, e.muted = !1, e.handleType = "volume", se();
-    }, ie = (i) => {
+    }), g6 = (i) => {
+      console.log(r.onTimeupdate, "left"), n.speed && (a.value.currentTime = a.value.currentTime < 10 ? 0.1 : a.value.currentTime - 10, r.onTimeupdate(a.value), K());
+    }, b6 = (i) => {
+      i.preventDefault(), i.code == "ArrowUp" ? e.volume = e.volume + 0.1 > 1 ? 1 : e.volume + 0.1 : e.volume = e.volume - 0.1 < 0 ? 0 : e.volume - 0.1, e.muted = !1, e.handleType = "volume", s6();
+    }, i6 = (i) => {
       i.preventDefault;
       let s = i.type;
       if (i.key == "ArrowRight") {
-        if (Y(), s == "keyup") {
-          if (clearTimeout(e.longPressTimeout), !a.speed && !e.longPressTimeout) return;
-          e.isMultiplesPlay ? (n.value.playbackRate = e.speedActive, e.isMultiplesPlay = !1) : (n.value.currentTime = n.value.currentTime + 10, r.onTimeupdate(n.value));
+        if (K(), s == "keyup") {
+          if (clearTimeout(e.longPressTimeout), !n.speed && !e.longPressTimeout) return;
+          e.isMultiplesPlay ? (a.value.playbackRate = e.speedActive, e.isMultiplesPlay = !1) : (a.value.currentTime = a.value.currentTime + 10, r.onTimeupdate(a.value));
         } else if (s == "keydown") {
-          if (!a.speed) return;
+          if (!n.speed) return;
           e.isMultiplesPlay && clearTimeout(e.longPressTimeout), e.longPressTimeout = setTimeout(() => {
-            e.isMultiplesPlay = !0, n.value.playbackRate = 5, e.handleType = "playbackRate", se();
+            e.isMultiplesPlay = !0, a.value.playbackRate = 5, e.handleType = "playbackRate", s6();
           }, 500);
         }
       }
-    }, Y = () => {
-      e.loadStateType = "play", n.value.play().catch(() => {
-        n.value.load(), console.log(n.value.readyState, "readysat."), console.log(n.value.networkState, "netwoir"), n.value.readyState && setTimeout(() => {
-          n.value.play().catch(() => {
-            console.log(n.value.readyState), e.playBtnState = "replay", e.loadStateType = "error";
+    }, K = () => {
+      e.loadStateType = "play", a.value.play().catch(() => {
+        a.value.load(), console.log(a.value.readyState, "readysat."), console.log(a.value.networkState, "netwoir"), a.value.readyState && setTimeout(() => {
+          a.value.play().catch(() => {
+            console.log(a.value.readyState), e.playBtnState = "replay", e.loadStateType = "error";
           });
         }, 200);
       }), e.playBtnState = "pause";
-    }, re = () => {
-      n.value.pause(), e.playBtnState = "play";
-    }, j = (i) => {
-      i && i.preventDefault(), e.playBtnState == "play" || e.playBtnState == "replay" ? Y() : e.playBtnState == "pause" && re();
+    }, r6 = () => {
+      a.value.pause(), e.playBtnState = "play";
+    }, Y = (i) => {
+      i && i.preventDefault(), e.playBtnState == "play" || e.playBtnState == "replay" ? K() : e.playBtnState == "pause" && r6();
     };
-    return ye(() => {
-      e.Video = n.value, I();
+    return y6(() => {
+      e.Video = a.value, P();
     }), o({
-      play: Y,
+      play: K,
       //播放
-      pause: re,
+      pause: r6,
       //暂停
-      togglePlay: j
+      togglePlay: Y
       //暂停或播放
     }), (i, s) => {
-      const x = ae("SvgIcon");
-      return y(), g("div", {
+      const k = n6("SvgIcon");
+      return v(), g("div", {
         ref_key: "playerWrap",
         ref: m,
         id: "playerWrap",
-        class: z(["player-wrap", {
+        class: q(["player-wrap", {
           "web-full-screen": e.webFullScreen,
           "is-lightoff": e.lightOff,
           "player-wrap-hover": e.playBtnState == "play" || e.isVideoHovering
         }]),
-        onMousemove: $
+        onMousemove: B
       }, [
-        t("div", dt, [
-          t("video", Se({
+        l("div", d3, [
+          l("video", T6({
             width: "100%",
             height: "100%",
             src: i.src,
             ref_key: "v",
-            ref: n,
-            controls: !!(q(U) && e.speed),
+            ref: a,
+            controls: !!(N(U) && e.speed),
             class: { "video-mirror": e.mirror }
-          }, q(r), {
+          }, N(r), {
             class: "Player-video",
             id: "v",
-            "webkit-playsinline": a.playsinline,
-            playsinline: a.playsinline,
+            "webkit-playsinline": n.playsinline,
+            playsinline: n.playsinline,
             loop: e.loop,
             poster: i.poster,
             volume: e.volume,
             muted: e.muted,
             fill: "cover"
-          }), " 您的浏览器不支持Video标签。 ", 16, ct)
+          }), " 您的浏览器不支持Video标签。 ", 16, u3)
         ]),
-        p(ee, { name: "fade-in" }, {
-          default: te(() => [
-            P(t("div", pt, null, 512), [
-              [V, e.lightOff]
+        h(e6, { name: "fade-in" }, {
+          default: t6(() => [
+            M(l("div", p3, null, 512), [
+              [S, e.lightOff]
             ])
           ]),
           _: 1
         }),
-        q(U) ? E("", !0) : (y(), g("div", mt, [
-          p(ee, { name: "scale-out" }, {
-            default: te(() => [
-              P(t("div", ft, [
-                p(x, {
+        N(U) ? $("", !0) : (v(), g("div", m3, [
+          h(e6, { name: "scale-out" }, {
+            default: t6(() => [
+              M(l("div", h3, [
+                h(k, {
                   color: "#fff",
                   name: "play",
                   width: "40",
                   height: "40"
                 })
               ], 512), [
-                [V, e.playBtnState == "play"]
+                [S, e.playBtnState == "play"]
               ])
             ]),
             _: 1
           }),
-          p(Ke, { state: e }, null, 8, ["state"])
+          h(j6, { state: e }, null, 8, ["state"])
         ])),
-        q(U) ? E("", !0) : (y(), g("input", {
+        N(U) ? $("", !0) : (v(), g("input", {
           key: 1,
           ref_key: "refInput",
-          ref: b,
+          ref: z,
           readonly: !0,
           type: "input",
-          onClick: j,
-          onDblclick: C,
+          onClick: Y,
+          onDblclick: _,
           onKeyup: [
-            N(C, ["f"]),
-            s[0] || (s[0] = N((h) => e.webFullScreen = !1, ["esc"])),
-            ie
+            W(_, ["f"]),
+            s[0] || (s[0] = W((w) => e.webFullScreen = !1, ["esc"])),
+            i6
           ],
           onKeydown: [
-            N(j, ["space"]),
-            N(he, ["arrow-left"]),
-            N(we, ["arrow-up", "arrow-down"]),
-            ie
+            W(Y, ["space"]),
+            W(g6, ["arrow-left"]),
+            W(b6, ["arrow-up", "arrow-down"]),
+            i6
           ],
           class: "player-input",
           maxlength: "0"
         }, null, 544)),
-        p(He, {
+        h(A6, {
           loadType: e.loadStateType
         }, null, 8, ["loadType"]),
-        p(st),
-        !q(U) && e.control ? (y(), g("div", {
+        h(s3),
+        !N(U) && e.control ? (v(), g("div", {
           key: 2,
           class: "player-control",
           ref: "refPlayerControl",
-          onClick: I
+          onClick: P
         }, [
-          t("div", yt, [
-            p(X, {
+          l("div", y3, [
+            h(X, {
               class: "progress-bar",
-              onOnMousemove: T,
-              onChange: c,
+              onOnMousemove: u,
+              onChange: d,
               modelValue: e.playProgress,
-              "onUpdate:modelValue": s[1] || (s[1] = (h) => e.playProgress = h),
+              "onUpdate:modelValue": s[1] || (s[1] = (w) => e.playProgress = w),
               preload: e.preloadBar,
               hoverText: e.progressCursorTime
             }, null, 8, ["modelValue", "preload", "hoverText"])
           ]),
-          t("div", {
+          l("div", {
             class: "control-tool",
-            onClick: I
+            onClick: P
           }, [
-            t("div", gt, [
-              t("div", {
+            l("div", f3, [
+              l("div", {
                 class: "tool-item",
-                onClick: j
+                onClick: Y
               }, [
-                p(x, {
+                h(k, {
                   color: "#fff",
                   name: `${e.playBtnState}`,
                   width: "24",
                   height: "24"
                 }, null, 8, ["name"])
               ]),
-              t("div", vt, [
-                t("span", null, _(e.currentTime), 1),
-                s[8] || (s[8] = t("span", { style: { margin: "0 3px" } }, "/", -1)),
-                t("span", ht, _(e.totalTime), 1)
+              l("div", v3, [
+                l("span", null, V(e.currentTime), 1),
+                s[8] || (s[8] = l("span", { style: { margin: "0 3px" } }, "/", -1)),
+                l("span", g3, V(e.totalTime), 1)
               ])
             ]),
-            t("div", wt, [
-              s[15] || (s[15] = t("div", { class: "tool-item quality-btn" }, [
-                t("div", { class: "tool-item-main" }, [
-                  t("ul", {
+            l("div", b3, [
+              s[15] || (s[15] = l("div", { class: "tool-item quality-btn" }, [
+                l("div", { class: "tool-item-main" }, [
+                  l("ul", {
                     class: "speed-main",
                     style: { "text-align": "center" }
                   }, [
-                    t("li")
+                    l("li")
                   ])
                 ])
               ], -1)),
-              a.controlBtns.includes("speedRate") ? (y(), g("div", kt, [
-                D(_(e.speedActive == "1.0" ? "倍速" : e.speedActive + "x") + " ", 1),
-                t("div", Tt, [
-                  t("ul", bt, [
-                    (y(!0), g(le, null, oe(e.speedRate, (h) => (y(), g("li", {
-                      class: z({ "speed-active": e.speedActive == h }),
-                      onClick: (Rt) => B(h)
-                    }, _(h) + "X ", 11, xt))), 256))
+              n.controlBtns.includes("speedRate") ? (v(), g("div", w3, [
+                F(V(e.speedActive == "1.0" ? "倍速" : e.speedActive + "x") + " ", 1),
+                l("div", x3, [
+                  l("ul", z3, [
+                    (v(!0), g(l6, null, o6(e.speedRate, (w) => (v(), g("li", {
+                      class: q({ "speed-active": e.speedActive == w }),
+                      onClick: (I3) => C(w)
+                    }, V(w) + "X ", 11, k3))), 256))
                   ])
                 ])
-              ])) : E("", !0),
-              a.controlBtns.includes("volume") ? (y(), g("div", St, [
-                t("div", _t, [
-                  t("div", {
-                    class: z(["volume-main", { "is-muted": e.muted }])
+              ])) : $("", !0),
+              n.controlBtns.includes("volume") ? (v(), g("div", T3, [
+                l("div", V3, [
+                  l("div", {
+                    class: q(["volume-main", { "is-muted": e.muted }])
                   }, [
-                    t("span", Ct, _(e.muted ? 0 : ~~(e.volume * 100)) + "% ", 1),
-                    p(X, {
-                      onChange: s[2] || (s[2] = (h) => e.muted = !1),
+                    l("span", _3, V(e.muted ? 0 : ~~(e.volume * 100)) + "% ", 1),
+                    h(X, {
+                      onChange: s[2] || (s[2] = (w) => e.muted = !1),
                       hover: !1,
                       size: "5px",
                       vertical: !0,
                       modelValue: e.volume,
-                      "onUpdate:modelValue": s[3] || (s[3] = (h) => e.volume = h)
+                      "onUpdate:modelValue": s[3] || (s[3] = (w) => e.volume = w)
                     }, null, 8, ["modelValue"])
                   ], 2)
                 ]),
-                t("span", {
-                  onClick: K,
+                l("span", {
+                  onClick: j,
                   class: "biggerAni",
                   style: { display: "flex", position: "relative", left: "5px" }
                 }, [
-                  p(x, {
+                  h(k, {
                     name: `volume-${e.volume == 0 || e.muted ? "mute" : e.volume > 0.5 ? "up" : "down"}`,
                     width: "26",
                     height: "26",
                     color: "#fff"
                   }, null, 8, ["name"])
                 ])
-              ])) : E("", !0),
-              t("div", Pt, [
-                t("span", Vt, [
-                  p(x, {
+              ])) : $("", !0),
+              l("div", M3, [
+                l("span", S3, [
+                  h(k, {
                     name: "settings",
                     width: "26",
                     height: "26",
                     color: "#fff"
                   })
                 ]),
-                t("div", $t, [
-                  t("ul", Bt, [
-                    t("li", null, [
-                      s[9] || (s[9] = D(" 镜像画面 ")),
-                      p(Z, {
-                        onChange: d,
+                l("div", B3, [
+                  l("ul", C3, [
+                    l("li", null, [
+                      s[9] || (s[9] = F(" 镜像画面 ")),
+                      h(Q, {
+                        onChange: p,
                         modelValue: e.mirror,
-                        "onUpdate:modelValue": s[4] || (s[4] = (h) => e.mirror = h)
+                        "onUpdate:modelValue": s[4] || (s[4] = (w) => e.mirror = w)
                       }, null, 8, ["modelValue"])
                     ]),
-                    t("li", null, [
-                      s[10] || (s[10] = D(" 循环播放 ")),
-                      p(Z, {
-                        onChange: w,
+                    l("li", null, [
+                      s[10] || (s[10] = F(" 循环播放 ")),
+                      h(Q, {
+                        onChange: x,
                         modelValue: e.loop,
-                        "onUpdate:modelValue": s[5] || (s[5] = (h) => e.loop = h)
+                        "onUpdate:modelValue": s[5] || (s[5] = (w) => e.loop = w)
                       }, null, 8, ["modelValue"])
                     ]),
-                    t("li", null, [
-                      s[11] || (s[11] = D(" 关灯模式")),
-                      p(Z, {
-                        onChange: S,
+                    l("li", null, [
+                      s[11] || (s[11] = F(" 关灯模式")),
+                      h(Q, {
+                        onChange: T,
                         modelValue: e.lightOff,
-                        "onUpdate:modelValue": s[6] || (s[6] = (h) => e.lightOff = h)
+                        "onUpdate:modelValue": s[6] || (s[6] = (w) => e.lightOff = w)
                       }, null, 8, ["modelValue"])
                     ])
                   ])
                 ])
               ]),
-              a.controlBtns.includes("pip") ? (y(), g("div", {
+              n.controlBtns.includes("pip") ? (v(), g("div", {
                 key: 2,
                 class: "tool-item pip-btn",
-                onClick: M
+                onClick: H
               }, [
-                p(ut, { class: "biggerAni" }),
-                s[12] || (s[12] = t("div", { class: "tool-item-main" }, "画中画", -1))
-              ])) : E("", !0),
-              a.controlBtns.includes("pageFullScreen") ? (y(), g("div", {
+                h(c3, { class: "biggerAni" }),
+                s[12] || (s[12] = l("div", { class: "tool-item-main" }, "画中画", -1))
+              ])) : $("", !0),
+              n.controlBtns.includes("pageFullScreen") ? (v(), g("div", {
                 key: 3,
                 class: "tool-item pip-btn",
-                onClick: s[7] || (s[7] = (h) => e.webFullScreen = !e.webFullScreen)
+                onClick: s[7] || (s[7] = (w) => e.webFullScreen = !e.webFullScreen)
               }, [
-                t("span", Ft, [
-                  p(x, {
+                l("span", L3, [
+                  h(k, {
                     name: "webfullscreen",
                     width: "20",
                     height: "20",
                     color: "#fff"
                   })
                 ]),
-                s[13] || (s[13] = t("div", { class: "tool-item-main" }, "网页全屏", -1))
-              ])) : E("", !0),
-              a.controlBtns.includes("fullScreen") ? (y(), g("div", {
+                s[13] || (s[13] = l("div", { class: "tool-item-main" }, "网页全屏", -1))
+              ])) : $("", !0),
+              n.controlBtns.includes("fullScreen") ? (v(), g("div", {
                 key: 4,
                 class: "tool-item fullScreen-btn",
-                onClick: C
+                onClick: _
               }, [
-                t("span", It, [
-                  p(x, {
+                l("span", P3, [
+                  h(k, {
                     name: "fullscreen",
                     width: "20",
                     height: "20",
                     color: "#fff"
                   })
                 ]),
-                s[14] || (s[14] = t("div", { class: "tool-item-main" }, "全屏", -1))
-              ])) : E("", !0)
+                s[14] || (s[14] = l("div", { class: "tool-item-main" }, "全屏", -1))
+              ])) : $("", !0)
             ])
           ])
-        ], 512)) : E("", !0)
+        ], 512)) : $("", !0)
       ], 34);
     };
   }
-}), Et = /* @__PURE__ */ H(Mt, [["__scopeId", "data-v-50d8ebe5"]]), Dt = {
+}), $3 = /* @__PURE__ */ A(H3, [["__scopeId", "data-v-50d8ebe5"]]), F3 = {
   name: "icon"
-}, Ht = /* @__PURE__ */ Object.assign(Dt, {
+}, A3 = /* @__PURE__ */ Object.assign(F3, {
   props: {
     icon: String,
     size: [Number, String]
   },
-  setup(l) {
-    const o = l, u = A(() => ({ fontSize: /^\d+$/.test(o.size) ? o.size + "px" : o.size }));
-    return (a, e) => (y(), g("i", {
-      class: z(["icon iconfont", l.icon]),
-      style: L(u.value)
+  setup(t) {
+    const o = t, c = D(() => ({ fontSize: /^\d+$/.test(o.size) ? o.size + "px" : o.size }));
+    return (n, e) => (v(), g("i", {
+      class: q(["icon iconfont", t.icon]),
+      style: E(c.value)
     }, null, 6));
   }
-}), Lt = /* @__PURE__ */ H(Ht, [["__scopeId", "data-v-7d306b2a"]]), pe = { VueVideoPlus: Et, SvgIcon: G, Icon: Lt }, Wt = {
+}), E3 = /* @__PURE__ */ A(A3, [["__scopeId", "data-v-7d306b2a"]]), p6 = { VueVideoPlus: $3, SvgIcon: Z, Icon: E3 }, D3 = {
   //务必叫做install方法
-  install(l) {
-    Object.keys(pe).forEach((o) => {
-      l.component(o, pe[o]);
+  install(t) {
+    Object.keys(p6).forEach((o) => {
+      t.component(o, p6[o]);
     });
   }
 };
 export {
-  Wt as default
+  $3 as VueVideoPlus,
+  D3 as default
 };