npm - vue-video-plus - Versions diffs - 1.0.0 - Mend

vue-video-plus 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,23 @@
+# vueVideo++
+使用 Vue3 构建的多功能视频播放器
+## 安装
+npm install vueVideo
+```javascript
+npm i vue3-video-play --save
+```
+pnpm 安装
+```javascript
+pnpm i vue3-video-play --save
+```
+yarn 安装
+```javascript
+yarn add vue3-video-play --save
+```

package/dist/favicon.ico ADDED Viewed

Binary file

package/dist/style.css ADDED Viewed

@@ -0,0 +1 @@

+ @import"//at.alicdn.com/t/c/font_4726673_pdcujlcxe7l.css";.icon[data-v-e77fda1f]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.rotating[data-v-e77fda1f]{animation:rotating-e77fda1f 2s linear infinite}@keyframes rotating-e77fda1f{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.cc[data-v-e77fda1f]{background-color:red}html[data-v-139d9272],body[data-v-139d9272],div[data-v-139d9272],span[data-v-139d9272],applet[data-v-139d9272],object[data-v-139d9272],iframe[data-v-139d9272],h1[data-v-139d9272],h2[data-v-139d9272],h3[data-v-139d9272],h4[data-v-139d9272],h5[data-v-139d9272],h6[data-v-139d9272],p[data-v-139d9272],blockquote[data-v-139d9272],pre[data-v-139d9272],a[data-v-139d9272],abbr[data-v-139d9272],acronym[data-v-139d9272],address[data-v-139d9272],big[data-v-139d9272],cite[data-v-139d9272],code[data-v-139d9272],del[data-v-139d9272],dfn[data-v-139d9272],em[data-v-139d9272],img[data-v-139d9272],ins[data-v-139d9272],kbd[data-v-139d9272],q[data-v-139d9272],s[data-v-139d9272],samp[data-v-139d9272],small[data-v-139d9272],strike[data-v-139d9272],strong[data-v-139d9272],sub[data-v-139d9272],sup[data-v-139d9272],tt[data-v-139d9272],var[data-v-139d9272],b[data-v-139d9272],u[data-v-139d9272],i[data-v-139d9272],center[data-v-139d9272],dl[data-v-139d9272],dt[data-v-139d9272],dd[data-v-139d9272],ol[data-v-139d9272],ul[data-v-139d9272],li[data-v-139d9272],fieldset[data-v-139d9272],form[data-v-139d9272],label[data-v-139d9272],legend[data-v-139d9272],table[data-v-139d9272],caption[data-v-139d9272],tbody[data-v-139d9272],tfoot[data-v-139d9272],thead[data-v-139d9272],tr[data-v-139d9272],th[data-v-139d9272],td[data-v-139d9272],article[data-v-139d9272],aside[data-v-139d9272],canvas[data-v-139d9272],details[data-v-139d9272],embed[data-v-139d9272],figure[data-v-139d9272],figcaption[data-v-139d9272],footer[data-v-139d9272],header[data-v-139d9272],hgroup[data-v-139d9272],menu[data-v-139d9272],nav[data-v-139d9272],output[data-v-139d9272],ruby[data-v-139d9272],section[data-v-139d9272],summary[data-v-139d9272],time[data-v-139d9272],mark[data-v-139d9272],audio[data-v-139d9272],video[data-v-139d9272]{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article[data-v-139d9272],aside[data-v-139d9272],details[data-v-139d9272],figcaption[data-v-139d9272],figure[data-v-139d9272],footer[data-v-139d9272],header[data-v-139d9272],hgroup[data-v-139d9272],menu[data-v-139d9272],nav[data-v-139d9272],section[data-v-139d9272]{display:block}body[data-v-139d9272]{line-height:1}ol[data-v-139d9272],ul[data-v-139d9272]{list-style:none}blockquote[data-v-139d9272],q[data-v-139d9272]{quotes:none}blockquote[data-v-139d9272]:before,blockquote[data-v-139d9272]:after,q[data-v-139d9272]:before,q[data-v-139d9272]:after{content:"";content:none}table[data-v-139d9272]{border-collapse:collapse;border-spacing:0}textarea[data-v-139d9272]{font-family:inherit}.iconfont[data-v-139d9272]{display:inline-block}.d-flex-x[data-v-139d9272],.d-flex-y[data-v-139d9272],.d-flex-center[data-v-139d9272]{display:flex}.d-flex-x[data-v-139d9272]{align-items:center}.d-flex-y[data-v-139d9272]{justify-content:center}.d-flex-center[data-v-139d9272]{justify-content:center;align-items:center}.mr5[data-v-139d9272]{margin-right:5px}.mr10[data-v-139d9272]{margin-right:10px}.ml5[data-v-139d9272]{margin-left:5px}.ml10[data-v-139d9272]{margin-left:10px}.d-pointer[data-v-139d9272]{cursor:pointer}.rotating[data-v-139d9272]{animation:rotating-139d9272 2s linear infinite}@keyframes rotating-139d9272{to{-webkit-transform:rotate(360deg)}}.d-fade-in-enter-active[data-v-139d9272],.d-fade-in-leave-active[data-v-139d9272]{transition:.5s}.d-fade-in-enter-from[data-v-139d9272],.d-fade-in-leave-to[data-v-139d9272]{opacity:0}.scale-out-enter-active[data-v-139d9272],.scale-out-leave-active[data-v-139d9272]{transition:.3s}.scale-out-leave-to[data-v-139d9272]{transform:scale(1.6);opacity:0}.rotateHover[data-v-139d9272]{transition:.2s}.rotateHover[data-v-139d9272]:hover{transform:rotate(90deg)}.scaleHover[data-v-139d9272]{transition:.2s}.scaleHover[data-v-139d9272]:hover{transform:scale(1.2)}.f50[data-v-139d9272]{font-size:50px}.f24[data-v-139d9272]{font-size:24px}.loading[data-v-139d9272]{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:2;color:#efefef;text-align:center;font-size:13px}.progress[data-v-87b818ab]{position:relative}.progress .progress__runway[data-v-87b818ab]{width:100%;height:var(--f07c1458);background-color:#333;position:relative;cursor:pointer;vertical-align:middle}.progress .progress__runway .progress__cursor[data-v-87b818ab],.progress .progress__runway .progress__preload[data-v-87b818ab],.progress .progress__runway .progress__bar[data-v-87b818ab]{position:absolute;top:0;left:0;height:100%}.progress .progress__runway .progress__cursor[data-v-87b818ab]{display:none;z-index:1;width:1px;background-color:#fff;pointer-events:none}.progress .progress__runway .progress__cursor .progress__tips[data-v-87b818ab]{pointer-events:none;color:#fff;position:absolute;white-space:nowrap;z-index:2;bottom:14px;left:50%;padding:4px;box-sizing:border-box;display:block;font-size:12px;background:#0009;border-radius:3px;transform:translate(-50%)}.progress .progress__runway:hover .progress__cursor[data-v-87b818ab]{display:block}.progress .progress__runway .progress__preload[data-v-87b818ab]{background:#717171}.progress .progress__runway .progress__bar[data-v-87b818ab]{background:linear-gradient(to right,#52a0fd,#00e2fa 80%,#00e2fa)}.progress .progress__runway .progress__bar[data-v-87b818ab]:before{display:block;content:"";position:absolute;right:-6px;top:50%;width:16px;height:16px;transition:.2s;transform:translateY(-50%) scale(1);border-radius:50%;background:#fff}.progress.is-vertical[data-v-87b818ab]{height:100%;display:inline-block}.progress.is-vertical .progress__runway[data-v-87b818ab]{position:relative;height:100%;width:var(--f07c1458);margin:0 6px}.progress.is-vertical .progress__runway .progress__preload[data-v-87b818ab],.progress.is-vertical .progress__runway .progress__bar[data-v-87b818ab],.progress.is-vertical .progress__runway .progress__cursor[data-v-87b818ab]{bottom:0;top:auto;width:100%}.progress.is-vertical .progress__runway .progress__cursor[data-v-87b818ab]{height:1px}.progress.is-vertical .progress__runway .progress__bar[data-v-87b818ab]:before{top:-6px;left:50%;width:12px;height:12px;transform:translate(-50%) scale(1)}.switch[data-v-059db622]{position:relative;height:18px;width:var(--cb3ceaa8);background:#757575;border-radius:10px;display:inline-flex;align-items:center;vertical-align:middle}.switch .switch_input[data-v-059db622]{position:relative;z-index:1;margin:0;width:100%;height:100%;opacity:0}.switch .switch_action[data-v-059db622]{position:absolute;transition:.2s;left:2px;top:2px;z-index:0;height:14px;width:14px;background:#fff;border-radius:50%}.switch.is-checked[data-v-059db622]{background-color:var(--1150cc63)}.switch.is-checked .switch_action[data-v-059db622]{background:#fff;left:24px}html[data-v-02a06568],body[data-v-02a06568],div[data-v-02a06568],span[data-v-02a06568],applet[data-v-02a06568],object[data-v-02a06568],iframe[data-v-02a06568],h1[data-v-02a06568],h2[data-v-02a06568],h3[data-v-02a06568],h4[data-v-02a06568],h5[data-v-02a06568],h6[data-v-02a06568],p[data-v-02a06568],blockquote[data-v-02a06568],pre[data-v-02a06568],a[data-v-02a06568],abbr[data-v-02a06568],acronym[data-v-02a06568],address[data-v-02a06568],big[data-v-02a06568],cite[data-v-02a06568],code[data-v-02a06568],del[data-v-02a06568],dfn[data-v-02a06568],em[data-v-02a06568],img[data-v-02a06568],ins[data-v-02a06568],kbd[data-v-02a06568],q[data-v-02a06568],s[data-v-02a06568],samp[data-v-02a06568],small[data-v-02a06568],strike[data-v-02a06568],strong[data-v-02a06568],sub[data-v-02a06568],sup[data-v-02a06568],tt[data-v-02a06568],var[data-v-02a06568],b[data-v-02a06568],u[data-v-02a06568],i[data-v-02a06568],center[data-v-02a06568],dl[data-v-02a06568],dt[data-v-02a06568],dd[data-v-02a06568],ol[data-v-02a06568],ul[data-v-02a06568],li[data-v-02a06568],fieldset[data-v-02a06568],form[data-v-02a06568],label[data-v-02a06568],legend[data-v-02a06568],table[data-v-02a06568],caption[data-v-02a06568],tbody[data-v-02a06568],tfoot[data-v-02a06568],thead[data-v-02a06568],tr[data-v-02a06568],th[data-v-02a06568],td[data-v-02a06568],article[data-v-02a06568],aside[data-v-02a06568],canvas[data-v-02a06568],details[data-v-02a06568],embed[data-v-02a06568],figure[data-v-02a06568],figcaption[data-v-02a06568],footer[data-v-02a06568],header[data-v-02a06568],hgroup[data-v-02a06568],menu[data-v-02a06568],nav[data-v-02a06568],output[data-v-02a06568],ruby[data-v-02a06568],section[data-v-02a06568],summary[data-v-02a06568],time[data-v-02a06568],mark[data-v-02a06568],audio[data-v-02a06568],video[data-v-02a06568]{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article[data-v-02a06568],aside[data-v-02a06568],details[data-v-02a06568],figcaption[data-v-02a06568],figure[data-v-02a06568],footer[data-v-02a06568],header[data-v-02a06568],hgroup[data-v-02a06568],menu[data-v-02a06568],nav[data-v-02a06568],section[data-v-02a06568]{display:block}body[data-v-02a06568]{line-height:1}ol[data-v-02a06568],ul[data-v-02a06568]{list-style:none}blockquote[data-v-02a06568],q[data-v-02a06568]{quotes:none}blockquote[data-v-02a06568]:before,blockquote[data-v-02a06568]:after,q[data-v-02a06568]:before,q[data-v-02a06568]:after{content:"";content:none}table[data-v-02a06568]{border-collapse:collapse;border-spacing:0}textarea[data-v-02a06568]{font-family:inherit}.d-fade-in-enter-active[data-v-02a06568],.d-fade-in-leave-active[data-v-02a06568]{transition:.5s}.d-fade-in-enter-from[data-v-02a06568],.d-fade-in-leave-to[data-v-02a06568]{opacity:0}.scale-out-enter-active[data-v-02a06568],.scale-out-leave-active[data-v-02a06568]{transition:.3s}.scale-out-leave-to[data-v-02a06568]{transform:scale(1.6);opacity:0}.rotateHover[data-v-02a06568]{transition:.2s}.rotateHover[data-v-02a06568]:hover{transform:rotate(90deg)}.scaleHover[data-v-02a06568]{transition:.2s}.scaleHover[data-v-02a06568]:hover{transform:scale(1.2)}.rotating[data-v-02a06568]{animation:rotating-02a06568 2s linear infinite}@keyframes rotating-02a06568{to{-webkit-transform:rotate(360deg)}}.iconfont[data-v-02a06568]{display:inline-block}.d-flex-x[data-v-02a06568],.d-flex-y[data-v-02a06568],.d-flex-center[data-v-02a06568]{display:flex}.d-flex-x[data-v-02a06568]{align-items:center}.d-flex-y[data-v-02a06568]{justify-content:center}.d-flex-center[data-v-02a06568]{justify-content:center;align-items:center}.mr5[data-v-02a06568]{margin-right:5px}.mr10[data-v-02a06568]{margin-right:10px}.ml5[data-v-02a06568]{margin-left:5px}.ml10[data-v-02a06568]{margin-left:10px}.d-pointer[data-v-02a06568]{cursor:pointer}.player-wrap[data-v-02a06568]{--primary-color: var(--2011da3e);width:var(--224f4e1e);height:var(--0dcb7bcf)}.player-wrap[data-v-02a06568]{position:relative;overflow:hidden;background-color:#000}.player-wrap.web-full-screen[data-v-02a06568]{z-index:9999999;position:fixed;left:0;top:0;width:100vw!important;height:100vh!important}.player-wrap .Player[data-v-02a06568]{border:1px soid red;position:relative;z-index:1;width:100%;height:100%}.player-wrap .Player .d-player-video-poster[data-v-02a06568]{position:absolute;height:100%;width:100%;top:0;left:0}.player-wrap .Player .d-player-video-poster img[data-v-02a06568]{display:block;width:100%;height:100%;object-fit:cover}.player-wrap .Player .Player-video[data-v-02a06568]{width:100%;height:100%;transition:.2s}.player-wrap .Player .Player-video.video-mirror[data-v-02a06568]{transform:rotateY(180deg)}.player-wrap .player-control[data-v-02a06568]{transition:.1s;transform:translateY(40px);position:absolute;z-index:2;left:0;bottom:0;height:50px;width:100%;color:#fff}.player-wrap .player-control .control-progress[data-v-02a06568]{width:100%;position:relative;height:10px;cursor:pointer}.player-wrap .player-control .control-progress .progress-bar[data-v-02a06568]{position:absolute;left:0;right:0;bottom:0;width:100%;transition:height .1s;height:3px;z-index:1}.player-wrap .player-control .control-progress .progress-bar[data-v-02a06568] .progress__runway{transition:height .1s;height:100%}.player-wrap .player-control .control-progress .progress-bar[data-v-02a06568] .progress__runway .progress__bar:before{transform:translateY(-50%) scale(0)}.player-wrap .player-control .control-progress:hover .progress-bar[data-v-02a06568]{height:100%}.player-wrap .player-control .control-progress:hover .progress-bar[data-v-02a06568] .progress__bar:before{transform:translateY(-50%) scale(1)!important}.player-wrap .player-control .control-tool[data-v-02a06568]{position:absolute;padding:0 10px;background:#000c;display:flex;justify-content:space-between;align-items:center;top:10px;left:0;bottom:0;width:100%;box-sizing:border-box}.player-wrap .player-control .control-tool .tool-bar[data-v-02a06568]{display:flex;height:100%}.player-wrap .player-control .control-tool .tool-bar .tool-item[data-v-02a06568]{position:relative;height:100%;cursor:pointer;text-align:center;padding:0 8px;display:flex;align-items:center;font-size:13px}.player-wrap .player-control .control-tool .tool-bar .tool-item .tool-item-main[data-v-02a06568]{position:absolute;white-space:nowrap;z-index:2;bottom:98%;left:50%;padding:6px 16px;box-sizing:border-box;display:none;background:#000000f2;border-radius:5px;transform:translate(-50%)}.player-wrap .player-control .control-tool .tool-bar .tool-item:hover .tool-item-main[data-v-02a06568]{display:flex}.player-wrap .player-control .control-tool .tool-time[data-v-02a06568]{font-size:12px;color:#fff;font-weight:300}.player-wrap .player-control .control-tool .tool-time .total-time[data-v-02a06568]{color:#fffc}.player-wrap .player-control .control-tool .volume-box[data-v-02a06568]{height:160px;width:50px;display:flex;align-items:center;justify-content:center}.player-wrap .player-control .control-tool .volume-box .volume-main[data-v-02a06568]{height:90%;display:flex;width:60px;flex-direction:column;align-items:center}.player-wrap .player-control .control-tool .volume-box .volume-main .volume-text-size[data-v-02a06568]{margin-bottom:10px;font-size:12px;font-weight:400}.player-wrap .player-control .control-tool .volume-box .volume-main.is-muted[data-v-02a06568] .progress__bar{height:0!important}.player-wrap .player-control .control-tool .speed-main[data-v-02a06568]{padding:0 10px}.player-wrap .player-control .control-tool .speed-main li[data-v-02a06568]{cursor:pointer;line-height:34px;font-size:12px;color:#fff}.player-wrap .player-control .control-tool .speed-main li[data-v-02a06568]:hover{opacity:.8}.player-wrap .player-control .control-tool .speed-main li.speed-active[data-v-02a06568]{color:rgba(var(--primary-color),1);font-weight:700}.player-wrap.player-wrap-hover .player-control[data-v-02a06568]{transform:translateY(0)}.player-state[data-v-02a06568],.player-input[data-v-02a06568]{position:absolute;left:0;top:0;right:0;bottom:40px;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:1}.player-input[data-v-02a06568]{width:100%;border:none;opacity:0;cursor:default}.play-btn[data-v-02a06568]{width:90px;height:90px;color:#fff;display:flex;align-items:center;justify-content:center;background-color:#000000b3;border-radius:50%}.d-player-lightoff[data-v-02a06568]{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#000000e6}.is-lightoff[data-v-02a06568]{z-index:999998}@keyframes showAni-02a06568{0%{display:none}50%{display:block}to{display:none}}.showH[data-v-02a06568]:hover{-webkit-animation:showAni-02a06568 .5s;animation:showAni-02a06568 .5s}@keyframes biggerAni-02a06568{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.biggerAni[data-v-02a06568]:hover{-webkit-animation:biggerAni-02a06568 .5s;animation:biggerAni-02a06568 .5s}@keyframes biggerScaleAni-02a06568{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8;transform:rotate(90deg)}}.biggerScaleAni[data-v-02a06568]:hover{-webkit-animation:biggerScaleAni-02a06568 .5s;animation:biggerScaleAni-02a06568 .5s}.icon[data-v-7d306b2a]{display:inline-block;cursor:pointer;overflow:hidden}

package/dist/vueVideo-es.js ADDED Viewed

@@ -0,0 +1,830 @@
+import { openBlock as g, createElementBlock as f, createStaticVNode as ne, defineComponent as q, normalizeClass as M, normalizeStyle as V, createElementVNode as o, getCurrentInstance as ae, computed as H, withDirectives as $, toDisplayString as L, createCommentVNode as D, createVNode as y, vShow as F, createTextVNode as A, useCssVars as j, ref as O, reactive as oe, withModifiers as ie, nextTick as le, unref as J, watch as se, onMounted as re, resolveComponent as K, mergeProps as ce, Transition as ue, withCtx as de, Fragment as pe, renderList as me } from "vue";
+import "//at.alicdn.com/t/c/font_4726673_rs88m9qadnr.js";
+const ge = "data:image/svg+xml,%3csvg%20width='24px'%20height='24px'%20viewBox='0%200%2024%2024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20%3e%3cg%20id='pc'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='默认态-全集/暂停态'%20transform='translate(-1065.000000,%20-614.000000)'%20%3e%3cg%20id='编组-3备份'%20transform='translate(-3.166993,%200.000000)'%3e%3cg%20id='编组-9'%20transform='translate(774.166993,%20614.000000)'%3e%3cg%20id='编组-3'%20transform='translate(132.000000,%200.000000)'%3e%3cg%20id='网页全屏'%20transform='translate(162.000000,%200.000000)'%3e%3crect%20id='矩形'%20fill='%23D8D8D8'%20opacity='0'%20x='0'%20y='0'%20width='24'%20height='24'%20%3e%3c/rect%3e%3cg%20id='编组-16'%20transform='translate(1.900000,%201.900000)'%20fill='%23FFFFFF'%20fill-rule='nonzero'%20%3e%3cpath%20d='M14.6997998,-1.84741111e-13%20C17.7374765,-1.84741111e-13%2020.2,2.46252353%2020.2,5.50020024%20L20.2,5.50020024%20L20.2,14.6997998%20C20.2,17.7374765%2017.7374765,20.2%2014.6997998,20.2%20L14.6997998,20.2%20L5.50020024,20.2%20C2.46252353,20.2%204.26325641e-14,17.7374765%204.26325641e-14,14.6997998%20L4.26325641e-14,14.6997998%20L4.26325641e-14,5.50020024%20C4.26325641e-14,2.46252353%202.46252353,-1.84741111e-13%205.50020024,-1.84741111e-13%20L5.50020024,-1.84741111e-13%20Z%20M14.6997998,2.2%20L5.50020024,2.2%20C3.67754998,2.2%202.2,3.67754998%202.2,5.50020024%20L2.2,5.50020024%20L2.2,14.6997998%20C2.2,16.52245%203.67754998,18%205.50020024,18%20L5.50020024,18%20L14.6997998,18%20C16.52245,18%2018,16.52245%2018,14.6997998%20L18,14.6997998%20L18,5.50020024%20C18,3.67754998%2016.52245,2.2%2014.6997998,2.2%20L14.6997998,2.2%20Z%20M15.9422599,11.7135175%20L15.9422599,14.9311645%20C15.9422599,15.4981769%2015.5132492,15.9649884%2014.962117,16.0247099%20L14.8422599,16.0311645%20L11.6246128,16.0311645%20L11.6246128,13.8311645%20L13.7428727,13.831682%20L13.7422599,11.7135175%20L15.9422599,11.7135175%20Z%20M8.53049519,4.30175278%20L8.53049519,6.50175278%20L6.412,6.501%20L6.41284813,8.61939984%20L4.21284813,8.61939984%20L4.21284813,5.40175278%20C4.21284813,4.83474044%204.64185883,4.36792892%205.19299101,4.30820743%20L5.31284813,4.30175278%20L8.53049519,4.30175278%20Z'%20id='形状结合'%20%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", I = (t, a) => {
+  const c = t.__vccOpts || t;
+  for (const [n, e] of a)
+    c[n] = e;
+  return c;
+}, fe = {}, ve = {
+  id: "mySvg",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 88 88",
+  width: "22",
+  height: "22",
+  preserveAspectRatio: "xMidYMid meet",
+  style: { width: "22", height: "22", transform: "translate3d(0px, 0px, 0px)" }
+};
+function ye(t, a) {
+  return g(), f("div", null, [
+    (g(), f("svg", ve, a[0] || (a[0] = [
+      ne('<defs><clipPath id="__lottie_element_139"><rect width="76" height="76" x="0" y="0"></rect></clipPath></defs><g clip-path="url(#__lottie_element_139)"><g transform="matrix(1,0,0,1,41,41)" opacity="1" style="display:block;"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(255,255,255)" fill-opacity="1" d=" M26,-28 C30.420000076293945,-28 34,-24.420000076293945 34,-20 C34,-20 34,4 34,4 C34,4 26,4 26,4 C26,4 26,-16.799999237060547 26,-16.799999237060547 C26,-18.56999969482422 24.56999969482422,-20 22.799999237060547,-20 C22.799999237060547,-20 -22.799999237060547,-20 -22.799999237060547,-20 C-24.510000228881836,-20 -25.899999618530273,-18.65999984741211 -25.989999771118164,-16.979999542236328 C-25.989999771118164,-16.979999542236328 -26,-16.799999237060547 -26,-16.799999237060547 C-26,-16.799999237060547 -26,16.799999237060547 -26,16.799999237060547 C-26,18.510000228881836 -24.65999984741211,19.899999618530273 -22.979999542236328,19.989999771118164 C-22.979999542236328,19.989999771118164 -22.799999237060547,20 -22.799999237060547,20 C-22.799999237060547,20 2,20 2,20 C2,20 2,28 2,28 C2,28 -26,28 -26,28 C-30.420000076293945,28 -34,24.420000076293945 -34,20 C-34,20 -34,-20 -34,-20 C-34,-24.420000076293945 -30.420000076293945,-28 -26,-28 C-26,-28 26,-28 26,-28z"></path></g></g><g transform="matrix(1,0,0,1,67,65)" opacity="1" style="display:block;"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(255,255,255)" fill-opacity="1" d=" M16,-8 C16,-8 16,8 16,8 C16,10.208999633789062 14.208999633789062,12 12,12 C12,12 -12,12 -12,12 C-14.208999633789062,12 -16,10.208999633789062 -16,8 C-16,8 -16,-8 -16,-8 C-16,-10.208999633789062 -14.208999633789062,-12 -12,-12 C-12,-12 12,-12 12,-12 C14.208999633789062,-12 16,-10.208999633789062 16,-8z"></path></g></g><g id="myg" style="" transform="matrix(1,0,0,1,30.496000289916992,33.74300003051758)" opacity="0.09982599999383127"><g pointer-events="none" opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(255,255,255)" fill-opacity="1" d=" M-4.038000106811523,-9.809000015258789 C-4.038000106811523,-9.809000015258789 2.2820000648498535,-3.499000072479248 2.2820000648498535,-3.499000072479248 C2.2820000648498535,-3.499000072479248 2.2820000648498535,-7.599999904632568 2.2820000648498535,-7.599999904632568 C2.2820000648498535,-8.65999984741211 3.0920000076293945,-9.520000457763672 4.131999969482422,-9.600000381469727 C4.131999969482422,-9.600000381469727 4.2820000648498535,-9.600000381469727 4.2820000648498535,-9.600000381469727 C4.2820000648498535,-9.600000381469727 8.281999588012695,-9.600000381469727 8.281999588012695,-9.600000381469727 C9.331999778747559,-9.600000381469727 10.192000389099121,-8.788999557495117 10.272000312805176,-7.749000072479248 C10.272000312805176,-7.749000072479248 10.281999588012695,-7.599999904632568 10.281999588012695,-7.599999904632568 C10.281999588012695,-7.599999904632568 10.281999588012695,8.399999618530273 10.281999588012695,8.399999618530273 C10.281999588012695,9.449999809265137 9.461999893188477,10.321000099182129 8.432000160217285,10.390999794006348 C8.432000160217285,10.390999794006348 8.281999588012695,10.399999618530273 8.281999588012695,10.399999618530273 C8.281999588012695,10.399999618530273 -7.7179999351501465,10.399999618530273 -7.7179999351501465,10.399999618530273 C-8.777999877929688,10.399999618530273 -9.637999534606934,9.581000328063965 -9.718000411987305,8.550999641418457 C-9.718000411987305,8.550999641418457 -9.718000411987305,8.399999618530273 -9.718000411987305,8.399999618530273 C-9.718000411987305,8.399999618530273 -9.718000411987305,4.400000095367432 -9.718000411987305,4.400000095367432 C-9.718000411987305,3.3399999141693115 -8.907999992370605,2.4800000190734863 -7.868000030517578,2.4000000953674316 C-7.868000030517578,2.4000000953674316 -7.7179999351501465,2.4000000953674316 -7.7179999351501465,2.4000000953674316 C-7.7179999351501465,2.4000000953674316 -3.138000011444092,2.4000000953674316 -3.138000011444092,2.4000000953674316 C-3.138000011444092,2.4000000953674316 -9.687999725341797,-4.159999847412109 -9.687999725341797,-4.159999847412109 C-10.477999687194824,-4.940000057220459 -10.477999687194824,-6.199999809265137 -9.687999725341797,-6.989999771118164 C-9.687999725341797,-6.989999771118164 -6.868000030517578,-9.809000015258789 -6.868000030517578,-9.809000015258789 C-6.078000068664551,-10.598999977111816 -4.817999839782715,-10.598999977111816 -4.038000106811523,-9.809000015258789z"></path></g><animate href="#myg" attributeName="opacity" to="0.8" dur="0.8s" begin="mySvg.mouseover"></animate><animateTransform id="#myg" attributeName="transform" type="translate" from="30.49 33.74" to="46 45" dur="0.8s" begin="mySvg.mouseover" calcMode="discrete"></animateTransform></g></g>', 2)
+    ])))
+  ]);
+}
+const he = /* @__PURE__ */ I(fe, [["render", ye]]), Q = [
+  //当浏览器开始查找音频/视频时触发。
+  "loadstart",
+  //当音频/视频已开始或不再暂停时触发。
+  "play",
+  //当音频/视频已暂停时触发。
+  "pause",
+  //	当音频/视频在因缓冲而暂停或停止后已就绪时触发。
+  "playing",
+  //当用户开始移动/跳跃到音频/视频中的新位置时触发。
+  "seeking",
+  //当用户已移动/跳跃到音频/视频中的新位置时触发。
+  "seeked",
+  //当视频由于需要缓冲下一帧而停止时触发。
+  //当浏览器可以开始播放音频/视频时触发。
+  "canplay",
+  "waiting",
+  //当音频/视频的时长已更改时触发。
+  "durationchange",
+  //当浏览器正在下载音频/视频时触发。
+  "progress",
+  //当目前的播放位置已更改时触发
+  "timeupdate",
+  //当目前的播放列表已结束时触发。
+  "ended",
+  //当在音频/视频加载期间发生错误时触发。
+  "error",
+  //当浏览器尝试获取媒体数据，但数据不可用时触发
+  "stalled"
+], Ce = {
+  width: { type: String, default: "800px" },
+  height: { type: String, default: "450px" },
+  color: { type: String, default: "#409eff" },
+  src: { required: !0, type: String, default: "" },
+  //视频源
+  title: { type: String, default: "" },
+  //视频名称
+  type: { type: String, default: "video/mp4" },
+  //视频类型
+  poster: { type: String, default: "" },
+  //封面
+  webFullScreen: { type: Boolean, default: !1 },
+  //网页全屏
+  speed: { type: Boolean, default: !0 },
+  //是否支持快进快退 //移动端不支持
+  currentTime: { type: Number, default: 0 },
+  //当前播放时间
+  playsinline: { type: Boolean, default: !1 },
+  //ios端 点击播放是否全屏
+  muted: { type: Boolean, default: !0 },
+  //静音
+  speedRate: {
+    type: Array,
+    default: () => ["2.0", "1.5", "1.25", "1.0", "0.75", "0.5"]
+  },
+  //播放倍速
+  autoPlay: { type: Boolean, default: !1 },
+  //自动播放
+  loop: { type: Boolean, default: !1 },
+  //循环播放
+  mirror: { type: Boolean, default: !1 },
+  //镜像画面
+  lightOff: { type: Boolean, default: !1 },
+  //关灯模式
+  volume: { type: Number, default: 0.3 },
+  //默认音量大小
+  control: { type: Boolean, default: !0 },
+  //是否显示控制器
+  //配置播放器按钮
+  controlBtns: {
+    type: Array,
+    default: [
+      "audioTrack",
+      "quality",
+      "speedRate",
+      "volume",
+      "setting",
+      "pip",
+      "pageFullScreen",
+      "fullScreen"
+    ]
+  },
+  //是否显示控制器
+  preload: { type: String, default: "auto" }
+  //预加载
+}, we = (t) => `${parseInt("0x" + t.slice(1, 3))},${parseInt(
+  "0x" + t.slice(3, 5)
+)},${parseInt("0x" + t.slice(5, 7))}`, xe = (t) => t.charAt(0).toUpperCase() + t.slice(1), Se = "ontouchstart" in window, X = (t) => {
+  let a = ~~(t / 3600), c = ~~(t % 3600 / 60), n = ~~(t % 60);
+  return a = a < 10 ? "0" + a : a, c = c < 10 ? "0" + c : c, n = n < 10 ? "0" + n : n, `${a}:${c}:${n}`;
+}, _e = (t) => {
+  document.pictureInPictureElement ? document.exitPictureInPicture().catch((a) => {
+    console.log(a, "Video failed to leave Picture-in-Picture mode.");
+  }) : t.requestPictureInPicture().catch((a) => {
+    console.log(a, "Video failed to enter Picture-in-Picture mode.");
+  });
+}, be = (t) => {
+  let a = document, c = document.fullscreenElement;
+  return c ? (document.exitFullscreen || a.webkitExitFullScreen).call(a) : t.requestFullscreen.call(t), !c;
+}, Te = ["xlink:href", "fill"], Pe = /* @__PURE__ */ q({
+  __name: "SvgIcon",
+  props: {
+    //复杂写法
+    //xlink:href属性值前缀
+    prefix: {
+      type: String,
+      default: "#icon-"
+    },
+    //图标的名字
+    name: String,
+    //接受父组件传递过来的颜色
+    color: {
+      type: String
+      // default: "",
+    },
+    //接受父组件传递过来宽度
+    width: {
+      type: String,
+      default: "16px"
+    },
+    //接受父组件传递过来的高度
+    height: {
+      type: String,
+      default: "16px"
+    },
+    class: {
+      type: String
+    }
+  },
+  setup(t) {
+    return (a, c) => (g(), f("div", null, [
+      (g(), f("svg", {
+        class: M(["icon", t.class]),
+        style: V({ width: t.width, height: t.height })
+      }, [
+        o("use", {
+          "xlink:href": t.prefix + t.name,
+          fill: t.color
+        }, null, 8, Te)
+      ], 6))
+    ]));
+  }
+}), U = /* @__PURE__ */ I(Pe, [["__scopeId", "data-v-e77fda1f"]]), Be = { key: 0 }, ke = { class: "mr5" }, Le = { class: "mr5" }, Ve = /* @__PURE__ */ q({
+  __name: "Loading",
+  props: {
+    loadType: String,
+    text: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(t) {
+    const { proxy: a } = ae(), c = ["loadstart", "waiting", "ended", "error", "stalled"], n = t, e = () => {
+      a.$parent.play();
+    }, m = H(() => {
+      let l = "background: rgba(0, 0, 0, .1);z-index:1";
+      return n.loadType == "loadstart" && (l = "background: rgba(0, 0, 0, 1);;z-index:3"), l;
+    });
+    return (l, p) => $((g(), f("div", {
+      class: "loading",
+      style: V(m.value)
+    }, [
+      o("div", null, [
+        t.loadType == "loadstart" ? (g(), f("span", Be, [
+          p[0] || (p[0] = o("i", { class: "rotating iconfont icon-loading f50" }, null, -1)),
+          o("p", null, L(t.text), 1)
+        ])) : D("", !0),
+        $(o("span", null, [
+          y(U, {
+            color: "#fff",
+            name: "loading",
+            width: "40",
+            height: "40",
+            class: "rotating"
+          }),
+          p[1] || (p[1] = o("p", { style: { "margin-top": "6px" } }, "正在缓冲...", -1))
+        ], 512), [
+          [F, t.loadType == "waiting"]
+        ]),
+        $(o("span", null, [
+          o("p", {
+            onClick: e,
+            class: "d-flex-x d-pointer"
+          }, [
+            o("span", ke, [
+              y(U, {
+                color: "#fff",
+                name: "replay",
+                width: "26",
+                height: "26"
+              }),
+              p[2] || (p[2] = A("重新播放 "))
+            ])
+          ])
+        ], 512), [
+          [F, t.loadType == "ended"]
+        ]),
+        $(o("span", null, [
+          o("p", {
+            onClick: e,
+            class: "d-flex-x d-pointer"
+          }, [
+            o("span", Le, [
+              y(U, {
+                color: "#fff",
+                name: "replay",
+                width: "26",
+                height: "26"
+              }),
+              p[3] || (p[3] = A(" 请求错误 "))
+            ])
+          ])
+        ], 512), [
+          [F, t.loadType == "error" || t.loadType == "stalled"]
+        ])
+      ])
+    ], 4)), [
+      [F, c.includes(t.loadType)]
+    ]);
+  }
+}), $e = /* @__PURE__ */ I(Ve, [["__scopeId", "data-v-139d9272"]]), W = function(t, a, c, n = !1) {
+  t && a && c && t.addEventListener(a, c, n);
+}, R = function(t, a, c, n = !1) {
+  t && a && c && t.removeEventListener(a, c, n);
+}, Fe = /* @__PURE__ */ q({
+  __name: "ProgressBar",
+  props: {
+    modelValue: {
+      required: !0,
+      type: Number,
+      default: 0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    vertical: {
+      type: Boolean,
+      default: !1
+    },
+    hover: { type: Boolean, default: !0 },
+    // 鼠标hover位置
+    hoverText: { type: String, default: "" },
+    // 鼠标hover时间提示
+    preload: { type: Number, default: 0 },
+    // 预加载load
+    size: {
+      type: String,
+      default: "10px"
+    }
+  },
+  emits: ["update:modelValue", "change", "onMousemove"],
+  setup(t, { emit: a }) {
+    j((r) => ({
+      f07c1458: t.size
+    }));
+    const c = O(), n = O(), e = t, m = a, l = oe({
+      dragging: !1,
+      //拖拽状态
+      mousePosition: 0,
+      //鼠标位置
+      hoverTipsPos: "50%"
+      //提示偏移位置
+    }), p = H(() => {
+      let r = e.modelValue < 0 ? 0 : e.modelValue > 1 ? 1 : e.modelValue;
+      return e.vertical ? `height:${r * 100}%` : `width:${r * 100}%`;
+    }), v = H(() => {
+      let r = e.preload < 0 ? 0 : e.preload > 1 ? 1 : e.preload;
+      return e.vertical ? `height:${r * 100}%` : `width:${r * 100}%`;
+    }), u = H(() => {
+      let r = l.mousePosition < 0 ? 0 : l.mousePosition > 1 ? 1 : l.mousePosition;
+      return e.vertical ? `bottom:${r * 100}%` : `left:${r * 100}%`;
+    }), b = (r) => {
+      r.preventDefault();
+    }, z = (r) => {
+      console.log("鼠标按下了"), !e.disabled && (r.preventDefault(), l.dragging = !0, B(r), W(window, "mousemove", T), W(window, "touchmove", T), W(window, "mouseup", w), W(window, "touchend", w));
+    }, P = (r) => {
+      if (!e.hover) return;
+      let d = E(r);
+      if (m("onMousemove", r, d), l.mousePosition = d, e.vertical) return;
+      let h = c.value, x = n.value.clientWidth / 2, S = r.clientX - h.getBoundingClientRect().left;
+      S < x ? (console.log("11"), l.hoverTipsPos = x - S + "px") : h.clientWidth - S < x ? (console.log("22"), l.hoverTipsPos = h.clientWidth - S - x + "px") : l.hoverTipsPos = "50%";
+    }, B = (r) => {
+      let d = E(r);
+      m("update:modelValue", d), m("change", r, d);
+    }, E = (r) => {
+      let d = c.value, h = 0;
+      if (e.vertical) {
+        let x = d.clientHeight;
+        h = (d.getBoundingClientRect().bottom - r.clientY) / x;
+      } else
+        h = (r.clientX - d.getBoundingClientRect().left) / d.clientWidth;
+      return h < 0 ? 0 : h > 1 ? 1 : h;
+    }, T = (r) => {
+      B(r);
+    }, w = (r) => {
+      l.dragging && (R(window, "mousemove", T), R(window, "touchmove", T), R(window, "mouseup", w), R(window, "touchend", w), R(window, "contextmenu", w), setTimeout(() => {
+        l.dragging = !1;
+      }, 0));
+    };
+    return (r, d) => (g(), f("div", {
+      ref_key: "refProgress",
+      ref: c,
+      class: M(["progress", { "is-vertical": e.vertical }]),
+      onMousedown: ie(z, ["stop"]),
+      onContextmenu: b
+    }, [
+      o("div", {
+        class: "progress__runway",
+        onMousemove: P
+      }, [
+        $(o("div", {
+          class: "progress__cursor",
+          style: V(u.value)
+        }, [
+          $(o("div", {
+            class: "progress__tips",
+            ref_key: "refTips",
+            ref: n,
+            style: V({ left: l.hoverTipsPos })
+          }, L(t.hoverText), 5), [
+            [F, e.hoverText]
+          ])
+        ], 4), [
+          [F, t.hover]
+        ]),
+        o("div", {
+          class: "progress__preload",
+          style: V(v.value)
+        }, null, 4),
+        o("div", {
+          class: "progress__bar",
+          style: V(p.value)
+        }, null, 4)
+      ], 32)
+    ], 34));
+  }
+}), ee = /* @__PURE__ */ I(Fe, [["__scopeId", "data-v-87b818ab"]]);
+function Me(t, a, c) {
+  var n = c || {}, e = n.noTrailing, m = e === void 0 ? !1 : e, l = n.noLeading, p = l === void 0 ? !1 : l, v = n.debounceMode, u = v === void 0 ? void 0 : v, b, z = !1, P = 0;
+  function B() {
+    b && clearTimeout(b);
+  }
+  function E(w) {
+    var r = w || {}, d = r.upcomingOnly, h = d === void 0 ? !1 : d;
+    B(), z = !h;
+  }
+  function T() {
+    for (var w = arguments.length, r = new Array(w), d = 0; d < w; d++)
+      r[d] = arguments[d];
+    var h = this, x = Date.now() - P;
+    if (z)
+      return;
+    function S() {
+      P = Date.now(), a.apply(h, r);
+    }
+    function N() {
+      b = void 0;
+    }
+    !p && u && !b && S(), B(), u === void 0 && x > t ? p ? (P = Date.now(), m || (b = setTimeout(u ? N : S, t))) : S() : m !== !0 && (b = setTimeout(u ? N : S, u === void 0 ? t - x : t));
+  }
+  return T.cancel = E, T;
+}
+function Ie(t, a, c) {
+  var n = {}, e = n.atBegin, m = e === void 0 ? !1 : e;
+  return Me(t, a, {
+    debounceMode: m !== !1
+  });
+}
+const ze = ["checked"], Ee = /* @__PURE__ */ q({
+  __name: "Switch",
+  props: {
+    modelValue: {
+      //绑定值，必须等于active-value或inactive-value，默认为Boolean类型
+      type: [Number, String, Boolean]
+    },
+    //switch组件的宽度(px)
+    width: {
+      type: String,
+      default: "40px"
+    },
+    //switch 打开时的值
+    trueValue: {
+      type: [Number, String, Boolean],
+      default: !0
+    },
+    //switch关闭时的值
+    falseValue: {
+      type: [Number, String, Boolean],
+      default: !0
+    },
+    //switch打开是的背景色
+    activeColor: {
+      type: [String],
+      default: "#409EFF"
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: a }) {
+    j((p) => ({
+      cb3ceaa8: t.width,
+      "1150cc63": t.activeColor
+    }));
+    const c = t, n = a, e = O(), m = H(() => c.modelValue === c.trueValue), l = (p) => {
+      le(() => {
+        const v = p.target.checked;
+        n("update:modelValue", v), n("change", v);
+      });
+    };
+    return (p, v) => (g(), f("div", {
+      class: M(["switch", { "is-checked": m.value }])
+    }, [
+      o("input", {
+        type: "checkbox",
+        class: "switch_input",
+        ref_key: "input",
+        ref: e,
+        checked: m.value,
+        onChange: v[0] || (v[0] = (u) => l(u))
+      }, null, 40, ze),
+      v[1] || (v[1] = o("span", { class: "switch_action" }, null, -1))
+    ], 2));
+  }
+}), Y = /* @__PURE__ */ I(Ee, [["__scopeId", "data-v-059db622"]]), De = {
+  class: "Player",
+  id: "PlayerVideo"
+}, Ae = ["src", "loop", "poster", "volume", "muted"], He = { class: "player-state" }, Ne = { class: "play-btn" }, Re = {
+  class: "player-control",
+  ref: "refPlayerControl"
+}, Oe = { class: "control-progress" }, qe = { class: "tool-bar" }, We = { class: "tool-item tool-time audioTrack-btn" }, Ue = { class: "total-time" }, Ze = { class: "tool-bar" }, Xe = {
+  key: 0,
+  class: "tool-item speedRate-btn"
+}, Ye = { class: "tool-item-main" }, je = { class: "speed-main" }, Ge = ["onClick"], Je = {
+  key: 1,
+  class: "tool-item volume-btn"
+}, Ke = {
+  class: "tool-item-main volume-box",
+  style: { width: "52px" }
+}, Qe = { class: "volume-text-size" }, et = { class: "tool-item setting-btn" }, tt = { class: "biggerScaleAni" }, ot = { class: "tool-item-main" }, lt = { class: "speed-main" }, nt = { class: "biggerAni" }, at = /* @__PURE__ */ q({
+  __name: "Main",
+  props: Ce,
+  emits: [
+    ...Q,
+    "mirrorChange",
+    "loopChange",
+    "lightOffChange"
+  ],
+  setup(t, { expose: a, emit: c }) {
+    j((s) => ({
+      "2011da3e": J(S),
+      "224f4e1e": s.width,
+      "0dcb7bcf": s.height
+    }));
+    const n = t, e = oe({
+      Video: null,
+      ...n,
+      muted: n.muted,
+      playBtnState: n.autoPlay ? "pause" : "play",
+      // 播放按钮状态
+      loadStateType: "loadstart",
+      // 加载状态类型 //loadstart初始化  waiting缓冲 ended播放结束
+      fullScreen: !1,
+      handleType: "",
+      //当前操作类型
+      //当前播放时间
+      currentTime: "00:00:00",
+      // 当前缓冲进度
+      preloadBar: 0,
+      //总时长
+      totalTime: "00:00:00",
+      //是否悬停在视频上
+      isVideoHovering: !0,
+      speedActive: "1.0",
+      //当前活动的倍速
+      playProgress: 0,
+      //播放进度
+      isMultiplesPlay: !1,
+      //是否倍速播放
+      longPressTimeout: null,
+      progressCursorTime: "00:00:00",
+      //进度条光标时间
+      qualityLevels: [],
+      //分辨率数组
+      currentLevel: 0
+      //首选分辨率
+    }), m = c, l = O(), p = O(), v = (...s) => (i) => s.reverse().reduce((C, k) => k(C), i), u = Q.reduce((s, i) => {
+      let C = `on${xe(i)}`;
+      return s[C] = (k) => {
+        e.loadStateType = i, m(i, k);
+      }, s;
+    }, {});
+    u.onCanplay = v(u.onCanplay, () => {
+      e.playBtnState != "play" && (console.log(l.value), l.value.play()), e.autoPlay && (l.value.play(), e.playBtnState = "pause");
+    }), u.onDurationchange = (s) => {
+      m("durationchange", s), console.log("资源长度"), n.currentTime != 0 && (l.value.currentTime = n.currentTime), u.onTimeupdate(s);
+    }, u.onEnded = v(u.onEnded, () => {
+      e.playBtnState = "replay";
+    }), u.onError = v(u.onError, () => {
+      e.playBtnState = "replay";
+    }), u.onProgress = (s) => {
+      m("progress", s);
+      let i = s.target.duration, C = s.target.buffered, k = s.target.buffered.length && s.target.buffered.end(C - 1);
+      e.preloadBar = k / i;
+    };
+    const b = (s, i) => {
+      let C = l.value.duration || l.value.target.duration;
+      l.value.currentTime = C * i, e.playBtnState == "play" && (l.value.play(), e.playBtnState = "pause");
+    }, z = (s, i) => {
+      e.progressCursorTime = X(l.value.duration * i);
+    }, P = Ie(2500, () => {
+      e.isVideoHovering = !1;
+    }), B = (s) => {
+      e.isVideoHovering = !0, P();
+    }, E = () => {
+    }, T = (s) => {
+      e.speedActive = s, l.value.playbackRate = s;
+    }, w = (s) => {
+      m("loopChange", s, l.value);
+    }, r = () => {
+      _e(l.value);
+    }, d = () => {
+      e.fullScreen = be(p.value);
+    }, h = () => {
+      e.muted = !e.muted, e.volume == 0 && (e.volume = 0.05);
+    };
+    u.onTimeupdate = (s) => {
+      m("timeupdate", s);
+      let i = s.duration || s.target.duration || 0, C = s.currentTime || s.target.currentTime;
+      e.playProgress = C / i, e.currentTime = X(C), e.totalTime = X(i);
+    };
+    const x = () => {
+      l.value.canPlayType(n.type) || console.error(
+        "vue3-video-play: Format not supported,Check the [type] parameter"
+      ), (l.value.canPlayType(n.type) || l.value.canPlayType("application/vnd.apple.mpegurl")) && (console.log("ccccc"), e.muted = n.autoPlay);
+    };
+    se(
+      () => n.src,
+      (s) => {
+        le(() => {
+          console.log(s, "scr"), x();
+        });
+      },
+      { immediate: !0 }
+    );
+    const S = we(e.color), N = () => {
+      console.log(n.controlBtns.includes("volume"), "vol"), e.loadStateType = "play", l.value.play().catch(() => {
+        l.value.load(), console.log(l.value.readyState, "readysat."), console.log(l.value.networkState, "netwoir"), l.value.readyState && setTimeout(() => {
+          l.value.play().catch(() => {
+            console.log(l.value.readyState), e.playBtnState = "replay", e.loadStateType = "error";
+          });
+        }, 200);
+      }), e.playBtnState = "pause", console.log(e.loadStateType, "state");
+    }, G = () => {
+      l.value.pause(), e.playBtnState = "play";
+    }, Z = (s) => {
+      s && s.preventDefault(), console.log(l.value.src), e.playBtnState == "play" || e.playBtnState == "replay" ? N() : e.playBtnState == "pause" && G();
+    };
+    return re(() => {
+      e.Video = l.value;
+    }), a({
+      play: N,
+      //播放
+      pause: G,
+      //暂停
+      togglePlay: Z
+      //暂停或播放
+    }), (s, i) => {
+      const C = K("SvgIcon"), k = K("Icon");
+      return g(), f("div", {
+        ref_key: "playerWrap",
+        ref: p,
+        id: "playerWrap",
+        class: M(["player-wrap", {
+          "web-full-screen": e.webFullScreen,
+          "is-lightoff": e.lightOff,
+          "player-wrap-hover": e.playBtnState == "play" || e.isVideoHovering
+        }]),
+        onMousemove: B
+      }, [
+        o("div", De, [
+          o("video", ce({
+            width: "100%",
+            height: "100%",
+            src: s.src,
+            ref_key: "v",
+            ref: l
+          }, J(u), {
+            class: "Player-video",
+            id: "v",
+            loop: e.loop,
+            poster: s.poster,
+            volume: e.volume,
+            muted: e.muted,
+            fill: "cover"
+          }), " 您的浏览器不支持Video标签。 ", 16, Ae)
+        ]),
+        o("div", He, [
+          y(ue, { name: "scale-out" }, {
+            default: de(() => [
+              $(o("div", Ne, [
+                y(C, {
+                  color: "#fff",
+                  name: "play",
+                  width: "40",
+                  height: "40"
+                })
+              ], 512), [
+                [F, e.playBtnState == "play"]
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        o("input", {
+          readonly: !0,
+          type: "input",
+          onClick: Z,
+          class: "player-input",
+          maxlength: "0"
+        }),
+        y($e, {
+          loadType: e.loadStateType
+        }, null, 8, ["loadType"]),
+        o("div", Re, [
+          o("div", Oe, [
+            y(ee, {
+              class: "progress-bar",
+              onOnMousemove: z,
+              onChange: b,
+              modelValue: e.playProgress,
+              "onUpdate:modelValue": i[0] || (i[0] = (_) => e.playProgress = _),
+              preload: e.preloadBar,
+              hoverText: e.progressCursorTime
+            }, null, 8, ["modelValue", "preload", "hoverText"])
+          ]),
+          o("div", {
+            class: "control-tool",
+            onClick: E
+          }, [
+            o("div", qe, [
+              o("div", {
+                class: "tool-item",
+                onClick: Z
+              }, [
+                y(k, {
+                  size: "24",
+                  icon: `icon-${e.playBtnState}`
+                }, null, 8, ["icon"])
+              ]),
+              o("div", We, [
+                o("span", null, L(e.currentTime), 1),
+                i[5] || (i[5] = o("span", { style: { margin: "0 3px" } }, "/", -1)),
+                o("span", Ue, L(e.totalTime), 1)
+              ])
+            ]),
+            o("div", Ze, [
+              i[12] || (i[12] = o("div", { class: "tool-item quality-btn" }, [
+                o("div", { class: "tool-item-main" }, [
+                  o("ul", {
+                    class: "speed-main",
+                    style: { "text-align": "center" }
+                  }, [
+                    o("li")
+                  ])
+                ])
+              ], -1)),
+              n.controlBtns.includes("speedRate") ? (g(), f("div", Xe, [
+                A(L(e.speedActive == "1.0" ? "倍速" : e.speedActive + "x") + " ", 1),
+                o("div", Ye, [
+                  o("ul", je, [
+                    (g(!0), f(pe, null, me(e.speedRate, (_) => (g(), f("li", {
+                      class: M({ "speed-active": e.speedActive == _ }),
+                      onClick: (ut) => T(_)
+                    }, L(_) + "X ", 11, Ge))), 256))
+                  ])
+                ])
+              ])) : D("", !0),
+              n.controlBtns.includes("volume") ? (g(), f("div", Je, [
+                o("div", Ke, [
+                  o("div", {
+                    class: M(["volume-main", { "is-muted": e.muted }])
+                  }, [
+                    o("span", Qe, L(e.muted ? 0 : ~~(e.volume * 100)) + "% ", 1),
+                    y(ee, {
+                      onChange: i[1] || (i[1] = (_) => e.muted = !1),
+                      hover: !1,
+                      size: "5px",
+                      vertical: !0,
+                      modelValue: e.volume,
+                      "onUpdate:modelValue": i[2] || (i[2] = (_) => e.volume = _)
+                    }, null, 8, ["modelValue"])
+                  ], 2)
+                ]),
+                o("span", {
+                  onClick: h,
+                  class: "biggerAni",
+                  style: { display: "flex" }
+                }, [
+                  y(C, {
+                    name: `volume-${e.volume == 0 || e.muted ? "mute" : e.volume > 0.5 ? "up" : "down"}`,
+                    width: "25",
+                    height: "25",
+                    color: "#fff"
+                  }, null, 8, ["name"])
+                ])
+              ])) : D("", !0),
+              o("div", et, [
+                o("span", tt, [
+                  y(C, {
+                    name: "shezhi",
+                    width: "22",
+                    height: "22",
+                    color: "#fff"
+                  })
+                ]),
+                o("div", ot, [
+                  o("ul", lt, [
+                    o("li", null, [
+                      i[6] || (i[6] = A(" 镜像画面 ")),
+                      y(Y)
+                    ]),
+                    o("li", null, [
+                      i[7] || (i[7] = A(" 循环播放 ")),
+                      y(Y, {
+                        onChange: w,
+                        modelValue: e.loop,
+                        "onUpdate:modelValue": i[3] || (i[3] = (_) => e.loop = _)
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    o("li", null, [
+                      i[8] || (i[8] = A("关灯模式")),
+                      y(Y)
+                    ])
+                  ])
+                ])
+              ]),
+              n.controlBtns.includes("pip") ? (g(), f("div", {
+                key: 2,
+                class: "tool-item pip-btn",
+                onClick: r
+              }, [
+                y(he, {
+                  class: "biggerAni",
+                  style: { position: "relative", top: "2px" }
+                }),
+                i[9] || (i[9] = o("div", { class: "tool-item-main" }, "画中画", -1))
+              ])) : D("", !0),
+              n.controlBtns.includes("pageFullScreen") ? (g(), f("div", {
+                key: 3,
+                class: "tool-item pip-btn",
+                onClick: i[4] || (i[4] = (_) => e.webFullScreen = !e.webFullScreen)
+              }, i[10] || (i[10] = [
+                o("img", {
+                  width: "20px",
+                  height: "20px",
+                  class: "webfullscreen-icon biggerAni",
+                  src: ge,
+                  alt: ""
+                }, null, -1),
+                o("div", { class: "tool-item-main" }, "网页全屏", -1)
+              ]))) : D("", !0),
+              n.controlBtns.includes("fullScreen") ? (g(), f("div", {
+                key: 4,
+                class: "tool-item fullScreen-btn",
+                onClick: d
+              }, [
+                i[11] || (i[11] = o("div", { class: "tool-item-main" }, "全屏", -1)),
+                o("span", nt, [
+                  y(C, {
+                    name: "fullscreen",
+                    width: "20",
+                    height: "20",
+                    color: "#fff"
+                  })
+                ])
+              ])) : D("", !0)
+            ])
+          ])
+        ], 512)
+      ], 34);
+    };
+  }
+}), it = /* @__PURE__ */ I(at, [["__scopeId", "data-v-02a06568"]]), st = {
+  name: "icon"
+}, rt = /* @__PURE__ */ Object.assign(st, {
+  props: {
+    icon: String,
+    size: [Number, String]
+  },
+  setup(t) {
+    const a = t, c = H(() => ({ fontSize: /^\d+$/.test(a.size) ? a.size + "px" : a.size }));
+    return (n, e) => (g(), f("i", {
+      class: M(["icon iconfont", t.icon]),
+      style: V(c.value)
+    }, null, 6));
+  }
+}), ct = /* @__PURE__ */ I(rt, [["__scopeId", "data-v-7d306b2a"]]), te = { Main: it, SvgIcon: U, Icon: ct }, mt = {
+  //务必叫做install方法
+  install(t) {
+    Object.keys(te).forEach((a) => {
+      t.component(a, te[a]);
+    });
+  }
+};
+export {
+  mt as default
+};

package/dist/vueVideo-umd.js ADDED Viewed

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,34 @@
+{
+  "name": "vue-video-plus",
+  "version": "1.0.0",
+  "private": false,
+  "type": "module",
+  "main": "dist/vueVideo-es.js",
+  "style":"dist/style.css",
+  "files": ["dist"],
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "build:lib":"vite build --config ./build/lib.config.ts"
+  },
+  "dependencies": {
+    "svg-icon-yyx": "^1.2.1",
+    "throttle-debounce": "^5.0.2",
+    "vue": "^3.5.12"
+  },
+  "devDependencies": {
+    "@tsconfig/node20": "^20.1.4",
+    "@types/node": "^20.17.0",
+    "@types/throttle-debounce": "^5.0.2",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "@vue/tsconfig": "^0.5.1",
+    "less": "^4.2.0",
+    "npm-run-all2": "^7.0.1",
+    "typescript": "~5.6.0",
+    "vite": "^5.4.10",
+    "vue-tsc": "^2.1.6"
+  }
+}