npm - vue-video-plus - Versions diffs - 1.3.4 → 1.3.6 - Mend

vue-video-plus 1.3.4 → 1.3.6

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 +76 -9
package/dist/style.css +1 -1
package/dist/types/src/package/version.d.ts +1 -1
package/dist/vueVideo-es.js +532 -532
package/dist/vueVideo-umd.js +1 -1
package/package.json +1 -1

package/README.md CHANGED Viewed

@@ -8,6 +8,17 @@
 [![license](https://img.shields.io/npm/l/vue-video-plus.svg)](https://github.com/yourusername/vue-video-plus/blob/master/LICENSE)
 [![downloads](https://img.shields.io/npm/dm/vue-video-plus.svg)](https://www.npmjs.com/package/vue-video-plus)
+---
+### 📮 联系作者
+有任何疑问可以给我发邮件或者加 QQ
+📧 **邮箱**: 250219234@qq.com
+💬 **QQ**: 250219234
+---
 </div>
@@ -67,7 +78,7 @@ app.mount('#app')
 ```vue
 <template>
   <VueVideoPlus
-    v-bind="options"
     @play="handlePlay"
     @pause="handlePause"
   />
@@ -79,13 +90,15 @@ import { VueVideoPlus } from 'vue-video-plus'
 import 'vue-video-plus/dist/style.css'
 const options = reactive({
-  width: '800px',
-  height: '450px',
-  src: 'http://www.jplayer.org/video/m4v/Incredibles_Teaser.m4v',
+  width: '1080px',
+  height: '608px',
+  // 在线视频
+  src: 'https://example.com/video.mp4',
+  // 或使用本地视频（需放在 public 文件夹）
+  // src: '/videos/demo.mp4',
   autoPlay: false,
   muted: false,
   volume: 0.5,
-  borderRadius: '4px'
 })
@@ -99,15 +112,17 @@ const handlePause = (event) => {
 </script>
 ```
+> 💡 **提示**：将视频文件放在项目根目录的 `public/videos/` 文件夹中，然后使用 `/videos/your-video.mp4` 路径引用。
 ## 📖 配置项
 ### 基础配置
 | 参数 | 说明 | 类型 | 默认值 |
 |-----|------|------|--------|
-| `src` | 视频源地址（必填） | `String` | - |
-| `width` | 播放器宽度（桌面端） | `String` | `'800px'` |
-| `height` | 播放器高度（桌面端） | `String` | `'450px'` |
+| `src` | 视频源地址 | `String` | 演示视频 URL |
+| `width` | 播放器宽度（桌面端） | `String` | `'1080px'` |
+| `height` | 播放器高度（桌面端） | `String` | `'608px'` |
 | `title` | 视频标题 | `String` | `''` |
 | `type` | 视频类型 | `String` | `'video/mp4'` |
 | `poster` | 视频封面图 | `String` | `''` |
@@ -119,13 +134,65 @@ const handlePause = (event) => {
 | `control` | 是否显示控制器 | `Boolean` | `true` |
 | `preload` | 预加载策略 | `String` | `'auto'` |
+#### 📹 视频源地址 (src) 详细说明
+**默认值**：`http://www.jplayer.org/video/m4v/Incredibles_Teaser.m4v`（演示视频）
+播放器支持多种视频源格式，你可以根据需要选择：
+**1️⃣ 使用在线视频（推荐用于生产环境）**
+```vue
+<VueVideoPlus src="https://example.com/video.mp4" />
+```
+**2️⃣ 使用本地视频文件**
+在项目根目录创建 `public` 文件夹（如果还没有），将视频文件放入：
+```
+your-project/
+├── public/
+│   └── videos/
+│       └── demo.mp4
+├── src/
+└── package.json
+```
+然后使用相对路径引用：
+```vue
+<VueVideoPlus src="/videos/demo.mp4" />
+```
+**3️⃣ 导入本地视频（适用于较小的视频）**
+```vue
+<script setup>
+import { VueVideoPlus } from 'vue-video-plus'
+import myVideo from '@/assets/video.mp4'
+</script>
+<template>
+  <VueVideoPlus :src="myVideo" />
+</template>
+```
+**4️⃣ 使用默认演示视频（快速测试）**
+```vue
+<!-- 不指定 src，使用内置演示视频 -->
+<VueVideoPlus />
+```
+**⚠️ 注意事项**：
+- 支持的格式：MP4、WebM、Ogg 等浏览器原生支持的格式
+- HLS（.m3u8）需要配合 hls.js 使用（见下方 FAQ）
+- 建议使用 `public` 文件夹存放视频，避免打包体积过大
+- 跨域视频需要服务器配置 CORS
 ### 主题配置
 | 参数 | 说明 | 类型 | 默认值 |
 |-----|------|------|--------|
 | `colorStart` | 主题起始颜色 | `String` | `'#52a0fd'` |
 | `colorEnd` | 主题结束颜色（空字符串为纯色，否则渐变） | `String` | `'#00e2fa'` |
-| `borderRadius` | 播放器圆角 | `String` | `'0px'` |
+| `borderRadius` | 播放器圆角 | `String` | `'8px'` |
 **主题示例：**

package/dist/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- @import"//at.alicdn.com/t/c/font_4726673_pdcujlcxe7l.css";.icon[data-v-2680e372]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.rotating[data-v-2680e372]{animation:rotating-2680e372 2s linear infinite}@keyframes rotating-2680e372{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.cc[data-v-2680e372]{background-color:red}ul[data-v-4b3e3899],ol[data-v-4b3e3899]{list-style:none;padding-left:0;margin-left:0}li[data-v-4b3e3899]{list-style:none!important;padding-left:0;margin-left:0}li[data-v-4b3e3899]:before,li[data-v-4b3e3899]::marker{display:none!important;content:none!important}.iconfont[data-v-4b3e3899]{display:inline-block}.d-flex-x[data-v-4b3e3899],.d-flex-y[data-v-4b3e3899],.flex-center[data-v-4b3e3899]{display:flex}.d-flex-x[data-v-4b3e3899]{align-items:center}.d-flex-y[data-v-4b3e3899]{justify-content:center}.flex-center[data-v-4b3e3899]{justify-content:center;align-items:center}.mr5[data-v-4b3e3899]{margin-right:5px}.mr10[data-v-4b3e3899]{margin-right:10px}.ml5[data-v-4b3e3899]{margin-left:5px}.ml10[data-v-4b3e3899]{margin-left:10px}.d-pointer[data-v-4b3e3899]{cursor:pointer}@keyframes rotating-4b3e3899{to{-webkit-transform:rotate(360deg)}}.rotating[data-v-4b3e3899]{animation:rotating-4b3e3899 2s linear infinite}@keyframes showAni-4b3e3899{0%{display:none}50%{display:block}to{display:none}}.showH[data-v-4b3e3899]:hover{-webkit-animation:showAni-4b3e3899 .5s;animation:showAni-4b3e3899 .5s}@keyframes biggerAni-4b3e3899{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.biggerAni[data-v-4b3e3899]:hover{-webkit-animation:biggerAni-4b3e3899 .5s;animation:biggerAni-4b3e3899 .5s}@keyframes biggerScaleAni-4b3e3899{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) rotate(90deg);opacity:.8}}.biggerScaleAni[data-v-4b3e3899]:hover{-webkit-animation:biggerScaleAni-4b3e3899 .5s;animation:biggerScaleAni-4b3e3899 .5s}@keyframes ScaleAni-4b3e3899{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) rotate(90deg);opacity:.8}to{-webkit-transform:rotate(90deg)}}.ScaleAni[data-v-4b3e3899]:hover{-webkit-animation:ScaleAni-4b3e3899 .5s linear infinite;animation:ScaleAni-4b3e3899 .5s linear infinite}@keyframes playBtnPulse-4b3e3899{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes svgWave-4b3e3899{0%,to{y1:7;y2:13;opacity:.6}50%{y1:3;y2:17;opacity:1}}.rotateHover[data-v-4b3e3899]{transition:.2s}.rotateHover[data-v-4b3e3899]:hover{transform:rotate(90deg)}.scaleHover[data-v-4b3e3899]{transition:.2s}.scaleHover[data-v-4b3e3899]:hover{transform:scale(1.2)}.fade-in-enter-active[data-v-4b3e3899],.fade-in-leave-active[data-v-4b3e3899]{transition:.5s}.fade-in-enter-from[data-v-4b3e3899],.fade-in-leave-to[data-v-4b3e3899]{opacity:0}.scale-out-enter-active[data-v-4b3e3899],.scale-out-leave-active[data-v-4b3e3899]{transition:.3s}.scale-out-leave-to[data-v-4b3e3899]{transform:scale(1.6);opacity:0}.play-btn-rotate-enter-active[data-v-4b3e3899],.play-btn-rotate-leave-active[data-v-4b3e3899]{transition:all .3s ease}.play-btn-rotate-enter-from[data-v-4b3e3899]{opacity:0;transform:scale(.8) rotate(-90deg)}.play-btn-rotate-enter-to[data-v-4b3e3899],.play-btn-rotate-leave-from[data-v-4b3e3899]{opacity:1;transform:scale(1) rotate(0)}.play-btn-rotate-leave-to[data-v-4b3e3899]{opacity:0;transform:scale(.8) rotate(90deg)}.play-btn-scale-enter-active[data-v-4b3e3899],.play-btn-scale-leave-active[data-v-4b3e3899]{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.play-btn-scale-enter-from[data-v-4b3e3899]{opacity:0;transform:scale(0)}.play-btn-scale-enter-to[data-v-4b3e3899],.play-btn-scale-leave-from[data-v-4b3e3899]{opacity:1;transform:scale(1)}.play-btn-scale-leave-to[data-v-4b3e3899]{opacity:0;transform:scale(0)}.play-btn-flip-enter-active[data-v-4b3e3899],.play-btn-flip-leave-active[data-v-4b3e3899]{transition:all .4s ease;transform-style:preserve-3d}.play-btn-flip-enter-from[data-v-4b3e3899]{opacity:0;transform:rotateY(-180deg)}.play-btn-flip-enter-to[data-v-4b3e3899],.play-btn-flip-leave-from[data-v-4b3e3899]{opacity:1;transform:rotateY(0)}.play-btn-flip-leave-to[data-v-4b3e3899]{opacity:0;transform:rotateY(180deg)}.play-btn-slide-enter-active[data-v-4b3e3899],.play-btn-slide-leave-active[data-v-4b3e3899]{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.play-btn-slide-enter-from[data-v-4b3e3899]{opacity:0;transform:translate(-20px)}.play-btn-slide-enter-to[data-v-4b3e3899],.play-btn-slide-leave-from[data-v-4b3e3899]{opacity:1;transform:translate(0)}.play-btn-slide-leave-to[data-v-4b3e3899]{opacity:0;transform:translate(20px)}.play-pause-btn[data-v-4b3e3899]{position:relative;display:flex;align-items:center;justify-content:center}.play-pause-btn[data-v-4b3e3899]:hover svg{animation:playBtnPulse-4b3e3899 .6s ease-out}.volume-icon-svg[data-v-4b3e3899]{display:block;overflow:visible;opacity:.8;transition:opacity .3s ease}.volume-btn-wrapper[data-v-4b3e3899]{cursor:pointer;position:relative;display:flex;align-items:center;gap:4px}.volume-btn-wrapper:hover .volume-icon-svg[data-v-4b3e3899]{animation:volumeIconAni-4b3e3899 .5s}@keyframes volumeIconAni-4b3e3899{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.speaker-icon[data-v-4b3e3899]{transform-origin:center;transition:transform .3s ease}.sound-wave-svg[data-v-4b3e3899]{display:none;margin-left:2px}.volume-btn-wrapper:hover .sound-wave-svg[data-v-4b3e3899]{display:block}.wave-line[data-v-4b3e3899]{transform-origin:center;animation:svgWave-4b3e3899 .8s ease-in-out infinite}.wave-line.wave-1[data-v-4b3e3899]{animation-delay:0s}.wave-line.wave-2[data-v-4b3e3899]{animation-delay:.26s}.wave-line.wave-3[data-v-4b3e3899]{animation-delay:.52s}.play-control-btn[data-v-4b3e3899]{display:inline-block;transition:all .3s ease}.animation-rotate[data-v-4b3e3899]{animation:playBtnRotate-4b3e3899 .25s ease-in-out}@keyframes playBtnRotate-4b3e3899{0%{transform:rotate(0) scale(1)}50%{transform:rotate(45deg) scale(.95)}to{transform:rotate(90deg) scale(1)}}.animation-scale[data-v-4b3e3899]{animation:playBtnScale-4b3e3899 .3s ease}@keyframes playBtnScale-4b3e3899{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}.animation-flip[data-v-4b3e3899]{animation:playBtnFlip-4b3e3899 .4s ease}@keyframes playBtnFlip-4b3e3899{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.animation-slide[data-v-4b3e3899]{animation:playBtnSlide-4b3e3899 .3s ease}@keyframes playBtnSlide-4b3e3899{0%{transform:translate(-10px);opacity:.5}to{transform:translate(0);opacity:1}}.animation-none[data-v-4b3e3899]{animation:none}.f50[data-v-4b3e3899]{font-size:50px}.f24[data-v-4b3e3899]{font-size:24px}.loading[data-v-4b3e3899]{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-f5b77156]{position:relative}.progress .progress__runway[data-v-f5b77156]{width:100%;height:var(--49cbfd54);background-color:#333;position:relative;cursor:pointer;vertical-align:middle}.progress .progress__runway .progress__cursor[data-v-f5b77156],.progress .progress__runway .progress__preload[data-v-f5b77156],.progress .progress__runway .progress__bar[data-v-f5b77156]{position:absolute;top:0;left:0;height:100%}.progress .progress__runway .progress__cursor[data-v-f5b77156]{display:none;z-index:1;width:1px;background-color:#fff;pointer-events:none}.progress .progress__runway .progress__cursor .progress__tips[data-v-f5b77156]{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-f5b77156]{display:block}.progress .progress__runway .progress__preload[data-v-f5b77156]{background:#717171}.progress .progress__runway .progress__bar[data-v-f5b77156]:before{display:block;content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;transition:.2s;transform:translateY(-50%) scale(1);border-radius:50%;background:#fff;box-shadow:0 0 0 5px #ffffff80}.progress.is-vertical[data-v-f5b77156]{height:100%;display:inline-block}.progress.is-vertical .progress__runway[data-v-f5b77156]{position:relative;height:100%;width:var(--49cbfd54);margin:0 6px}.progress.is-vertical .progress__runway .progress__preload[data-v-f5b77156],.progress.is-vertical .progress__runway .progress__bar[data-v-f5b77156],.progress.is-vertical .progress__runway .progress__cursor[data-v-f5b77156]{bottom:0;top:auto;width:100%}.progress.is-vertical .progress__runway .progress__cursor[data-v-f5b77156]{height:1px}.progress.is-vertical .progress__runway .progress__bar[data-v-f5b77156]:before{top:-6px;left:50%;width:12px;height:12px;transform:translate(-50%) scale(1)}.switch[data-v-4ddca1e1]{position:relative;height:18px;width:var(--8eab8736);background:#757575;border-radius:10px;display:inline-flex;align-items:center;vertical-align:middle}.switch .switch_input[data-v-4ddca1e1]{position:relative;z-index:1;margin:0;width:100%;height:100%;opacity:0}.switch .switch_action[data-v-4ddca1e1]{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-4ddca1e1]{background-color:var(--7a1ce148)}.switch.is-checked .switch_action[data-v-4ddca1e1]{background:#fff;left:24px}ul[data-v-0b21d222],ol[data-v-0b21d222]{list-style:none;padding-left:0;margin-left:0}li[data-v-0b21d222]{list-style:none!important;padding-left:0;margin-left:0}li[data-v-0b21d222]:before,li[data-v-0b21d222]::marker{display:none!important;content:none!important}.iconfont[data-v-0b21d222]{display:inline-block}.d-flex-x[data-v-0b21d222],.d-flex-y[data-v-0b21d222],.flex-center[data-v-0b21d222]{display:flex}.d-flex-x[data-v-0b21d222]{align-items:center}.d-flex-y[data-v-0b21d222]{justify-content:center}.flex-center[data-v-0b21d222]{justify-content:center;align-items:center}.mr5[data-v-0b21d222]{margin-right:5px}.mr10[data-v-0b21d222]{margin-right:10px}.ml5[data-v-0b21d222]{margin-left:5px}.ml10[data-v-0b21d222]{margin-left:10px}.d-pointer[data-v-0b21d222]{cursor:pointer}.status[data-v-0b21d222]{text-align:center;font-size:14px;vertical-align:middle;background:#000c;padding:0 8px;height:30px;border-radius:5px;display:flex;align-items:center;color:#fffffff2}.status .status-icon[data-v-0b21d222]{width:24px!important;display:inline-block;margin-right:5px}ul[data-v-f08cc21f],ol[data-v-f08cc21f]{list-style:none;padding-left:0;margin-left:0}li[data-v-f08cc21f]{list-style:none!important;padding-left:0;margin-left:0}li[data-v-f08cc21f]:before,li[data-v-f08cc21f]::marker{display:none!important;content:none!important}.iconfont[data-v-f08cc21f]{display:inline-block}.d-flex-x[data-v-f08cc21f],.d-flex-y[data-v-f08cc21f],.flex-center[data-v-f08cc21f]{display:flex}.d-flex-x[data-v-f08cc21f]{align-items:center}.d-flex-y[data-v-f08cc21f]{justify-content:center}.flex-center[data-v-f08cc21f]{justify-content:center;align-items:center}.mr5[data-v-f08cc21f]{margin-right:5px}.mr10[data-v-f08cc21f]{margin-right:10px}.ml5[data-v-f08cc21f]{margin-left:5px}.ml10[data-v-f08cc21f]{margin-left:10px}.d-pointer[data-v-f08cc21f]{cursor:pointer}@keyframes rotating-f08cc21f{to{-webkit-transform:rotate(360deg)}}.rotating[data-v-f08cc21f]{animation:rotating-f08cc21f 2s linear infinite}@keyframes showAni-f08cc21f{0%{display:none}50%{display:block}to{display:none}}.showH[data-v-f08cc21f]:hover{-webkit-animation:showAni-f08cc21f .5s;animation:showAni-f08cc21f .5s}@keyframes biggerAni-f08cc21f{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.biggerAni[data-v-f08cc21f]:hover{-webkit-animation:biggerAni-f08cc21f .5s;animation:biggerAni-f08cc21f .5s}@keyframes biggerScaleAni-f08cc21f{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) rotate(90deg);opacity:.8}}.biggerScaleAni[data-v-f08cc21f]:hover{-webkit-animation:biggerScaleAni-f08cc21f .5s;animation:biggerScaleAni-f08cc21f .5s}@keyframes ScaleAni-f08cc21f{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) rotate(90deg);opacity:.8}to{-webkit-transform:rotate(90deg)}}.ScaleAni[data-v-f08cc21f]:hover{-webkit-animation:ScaleAni-f08cc21f .5s linear infinite;animation:ScaleAni-f08cc21f .5s linear infinite}@keyframes playBtnPulse-f08cc21f{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes svgWave-f08cc21f{0%,to{y1:7;y2:13;opacity:.6}50%{y1:3;y2:17;opacity:1}}.rotateHover[data-v-f08cc21f]{transition:.2s}.rotateHover[data-v-f08cc21f]:hover{transform:rotate(90deg)}.scaleHover[data-v-f08cc21f]{transition:.2s}.scaleHover[data-v-f08cc21f]:hover{transform:scale(1.2)}.fade-in-enter-active[data-v-f08cc21f],.fade-in-leave-active[data-v-f08cc21f]{transition:.5s}.fade-in-enter-from[data-v-f08cc21f],.fade-in-leave-to[data-v-f08cc21f]{opacity:0}.scale-out-enter-active[data-v-f08cc21f],.scale-out-leave-active[data-v-f08cc21f]{transition:.3s}.scale-out-leave-to[data-v-f08cc21f]{transform:scale(1.6);opacity:0}.play-btn-rotate-enter-active[data-v-f08cc21f],.play-btn-rotate-leave-active[data-v-f08cc21f]{transition:all .3s ease}.play-btn-rotate-enter-from[data-v-f08cc21f]{opacity:0;transform:scale(.8) rotate(-90deg)}.play-btn-rotate-enter-to[data-v-f08cc21f],.play-btn-rotate-leave-from[data-v-f08cc21f]{opacity:1;transform:scale(1) rotate(0)}.play-btn-rotate-leave-to[data-v-f08cc21f]{opacity:0;transform:scale(.8) rotate(90deg)}.play-btn-scale-enter-active[data-v-f08cc21f],.play-btn-scale-leave-active[data-v-f08cc21f]{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.play-btn-scale-enter-from[data-v-f08cc21f]{opacity:0;transform:scale(0)}.play-btn-scale-enter-to[data-v-f08cc21f],.play-btn-scale-leave-from[data-v-f08cc21f]{opacity:1;transform:scale(1)}.play-btn-scale-leave-to[data-v-f08cc21f]{opacity:0;transform:scale(0)}.play-btn-flip-enter-active[data-v-f08cc21f],.play-btn-flip-leave-active[data-v-f08cc21f]{transition:all .4s ease;transform-style:preserve-3d}.play-btn-flip-enter-from[data-v-f08cc21f]{opacity:0;transform:rotateY(-180deg)}.play-btn-flip-enter-to[data-v-f08cc21f],.play-btn-flip-leave-from[data-v-f08cc21f]{opacity:1;transform:rotateY(0)}.play-btn-flip-leave-to[data-v-f08cc21f]{opacity:0;transform:rotateY(180deg)}.play-btn-slide-enter-active[data-v-f08cc21f],.play-btn-slide-leave-active[data-v-f08cc21f]{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.play-btn-slide-enter-from[data-v-f08cc21f]{opacity:0;transform:translate(-20px)}.play-btn-slide-enter-to[data-v-f08cc21f],.play-btn-slide-leave-from[data-v-f08cc21f]{opacity:1;transform:translate(0)}.play-btn-slide-leave-to[data-v-f08cc21f]{opacity:0;transform:translate(20px)}.play-pause-btn[data-v-f08cc21f]{position:relative;display:flex;align-items:center;justify-content:center}.play-pause-btn[data-v-f08cc21f]:hover svg{animation:playBtnPulse-f08cc21f .6s ease-out}.volume-icon-svg[data-v-f08cc21f]{display:block;overflow:visible;opacity:.8;transition:opacity .3s ease}.volume-btn-wrapper[data-v-f08cc21f]{cursor:pointer;position:relative;display:flex;align-items:center;gap:4px}.volume-btn-wrapper:hover .volume-icon-svg[data-v-f08cc21f]{animation:volumeIconAni-f08cc21f .5s}@keyframes volumeIconAni-f08cc21f{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.speaker-icon[data-v-f08cc21f]{transform-origin:center;transition:transform .3s ease}.sound-wave-svg[data-v-f08cc21f]{display:none;margin-left:2px}.volume-btn-wrapper:hover .sound-wave-svg[data-v-f08cc21f]{display:block}.wave-line[data-v-f08cc21f]{transform-origin:center;animation:svgWave-f08cc21f .8s ease-in-out infinite}.wave-line.wave-1[data-v-f08cc21f]{animation-delay:0s}.wave-line.wave-2[data-v-f08cc21f]{animation-delay:.26s}.wave-line.wave-3[data-v-f08cc21f]{animation-delay:.52s}.play-control-btn[data-v-f08cc21f]{display:inline-block;transition:all .3s ease}.animation-rotate[data-v-f08cc21f]{animation:playBtnRotate-f08cc21f .25s ease-in-out}@keyframes playBtnRotate-f08cc21f{0%{transform:rotate(0) scale(1)}50%{transform:rotate(45deg) scale(.95)}to{transform:rotate(90deg) scale(1)}}.animation-scale[data-v-f08cc21f]{animation:playBtnScale-f08cc21f .3s ease}@keyframes playBtnScale-f08cc21f{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}.animation-flip[data-v-f08cc21f]{animation:playBtnFlip-f08cc21f .4s ease}@keyframes playBtnFlip-f08cc21f{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.animation-slide[data-v-f08cc21f]{animation:playBtnSlide-f08cc21f .3s ease}@keyframes playBtnSlide-f08cc21f{0%{transform:translate(-10px);opacity:.5}to{transform:translate(0);opacity:1}}.animation-none[data-v-f08cc21f]{animation:none}.player-contextmenu[data-v-f08cc21f],.player-dialog[data-v-f08cc21f]{position:absolute;left:0;top:0;bottom:50px;width:100%;z-index:5}.player-contextmenu .player-copyText[data-v-f08cc21f]{opacity:0}.player-contextmenu .player-contextmenu-body[data-v-f08cc21f]{position:absolute;border-radius:5px;font-size:12px;background:#000c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#efefef;text-align:left;width:130px;box-sizing:border-box;padding:5px 0}.player-contextmenu .player-contextmenu-body li[data-v-f08cc21f]{padding:8px 20px;margin:0;cursor:pointer;transition:.2s}.player-contextmenu .player-contextmenu-body li[data-v-f08cc21f]:hover{background-color:gray;opacity:.9}.player-dialog[data-v-f08cc21f]{display:flex;justify-content:center;align-items:center}.player-dialog .player-dialog-body[data-v-f08cc21f]{background-color:#000000e6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:5px;color:#fff;min-width:200px;padding:0 0 10px}.player-dialog .player-dialog-body .player-dialog-title[data-v-f08cc21f]{position:relative;font-size:14px;font-weight:400;margin:0 0 10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.15);text-align:center}.player-dialog .player-dialog-body .player-dialog-title .icon-close[data-v-f08cc21f]{position:absolute;right:0;top:0;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer}.player-dialog .player-dialog-body .player-hotkey-panel[data-v-f08cc21f]{font-size:12px;color:#87ceeb;padding-right:40px}.player-dialog .player-dialog-body .player-hotkey-panel .player-hotkey-panel-item[data-v-f08cc21f]{line-height:26px}.player-dialog .player-dialog-body .player-hotkey-panel .player-hotkey-panel-item span[data-v-f08cc21f]{text-align:center;display:inline-block;width:120px}.player-dialog .player-dialog-body .player-hotkey-panel .player-hotkey-panel-item span[data-v-f08cc21f]:nth-child(2){color:#fff;opacity:.9;width:160px}.player-dialog .player-dialog-body .player-filter-panel[data-v-f08cc21f]{width:320px;padding:0 20px}.player-dialog .player-dialog-body .player-filter-panel .player-filter-reset[data-v-f08cc21f]{cursor:pointer;margin-top:10px;padding:3px 20px;display:inline-block;border-radius:2px;font-size:12px;background:#85858580}.player-dialog .player-dialog-body .player-filter-panel .player-filter-reset[data-v-f08cc21f]:hover{background:#ffffff4d}.player-dialog .player-dialog-body .player-filter-panel .player-filter-panel-item[data-v-f08cc21f]{height:32px;display:flex;align-items:center}.player-dialog .player-dialog-body .player-filter-panel .player-filter-panel-item .filter-panel-progress[data-v-f08cc21f]{width:100%}.player-dialog .player-dialog-body .player-filter-panel .player-filter-panel-item .filter-panel-progress[data-v-f08cc21f] .progress__runway{background-color:#999}.player-dialog .player-dialog-body .player-filter-panel .player-filter-panel-item .filter-panel-progress[data-v-f08cc21f] .progress__runway .progress__bar:before{width:8px;height:8px;box-shadow:0 0 0 5px #ffffff80}.player-dialog .player-dialog-body .player-filter-panel .player-filter-panel-item span[data-v-f08cc21f]{font-size:12px;display:block;width:80px;text-align:center}.settings-icon-svg[data-v-1ea78c7a]{display:block;overflow:visible;cursor:pointer;opacity:.8;transition:opacity .3s ease}.settings-gear-outer[data-v-1ea78c7a]{transform-origin:center;transform:rotate(0) scale(1)}.settings-gear-inner[data-v-1ea78c7a]{transform-origin:center}.setting-btn:hover .settings-icon-svg{animation:settingsIconAni .5s}@keyframes settingsIconAni{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.setting-btn:hover .settings-icon-svg .settings-gear-outer{animation:settingsMatrixAnimation .5s ease-in-out forwards}@keyframes settingsMatrixAnimation{0%{transform:scale(1)}50%{transform:matrix(0,1.3,-1.3,0,0,0)}75%{transform:matrix(-1.065,.746,-.746,-1.065,0,0)}to{transform:scale(-1)}}.volume-icon-svg[data-v-db2cc5fc]{display:block;overflow:visible;opacity:1;transition:opacity .3s ease}.speaker-icon[data-v-db2cc5fc]{transform-origin:center;opacity:1;transition:transform .3s ease}.sound-waves[data-v-db2cc5fc]{opacity:1}.sound-wave[data-v-db2cc5fc]{transform-origin:center;opacity:1}.volume-btn-wrapper:hover .volume-icon-svg{animation:volumeIconAni .5s}@keyframes volumeIconAni{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.volume-btn-wrapper:hover .volume-icon-svg .sound-wave.wave-outer{animation:volumeIconWaveRipple .6s ease-out 2}.volume-btn-wrapper:hover .volume-icon-svg .sound-waves:not(:has(.wave-outer)) .sound-wave.wave-inner{animation:volumeIconWaveRipple .6s ease-out 2}.volume-btn-wrapper:hover .volume-icon-svg .speaker-icon{animation:volumeIconSpeakerScale .6s ease-out .01s}@keyframes volumeIconWaveRipple{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(.9)}45%{opacity:1;transform:scale(1.1)}70%{opacity:.6;transform:scale(1.3)}to{opacity:0;transform:scale(1.5)}}@keyframes volumeIconSpeakerScale{0%{transform:scale(1)}40%{transform:scale(1.3)}80%{transform:scale(1)}to{transform:scale(1)}}@keyframes rotating-80497bad{to{-webkit-transform:rotate(360deg)}}.rotating[data-v-80497bad]{animation:rotating-80497bad 2s linear infinite}@keyframes showAni-80497bad{0%{display:none}50%{display:block}to{display:none}}.showH[data-v-80497bad]:hover{-webkit-animation:showAni-80497bad .5s;animation:showAni-80497bad .5s}@keyframes biggerAni-80497bad{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.biggerAni[data-v-80497bad]:hover{-webkit-animation:biggerAni-80497bad .5s;animation:biggerAni-80497bad .5s}@keyframes biggerScaleAni-80497bad{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) rotate(90deg);opacity:.8}}.biggerScaleAni[data-v-80497bad]:hover{-webkit-animation:biggerScaleAni-80497bad .5s;animation:biggerScaleAni-80497bad .5s}@keyframes ScaleAni-80497bad{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) rotate(90deg);opacity:.8}to{-webkit-transform:rotate(90deg)}}.ScaleAni[data-v-80497bad]:hover{-webkit-animation:ScaleAni-80497bad .5s linear infinite;animation:ScaleAni-80497bad .5s linear infinite}@keyframes playBtnPulse-80497bad{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes svgWave-80497bad{0%,to{y1:7;y2:13;opacity:.6}50%{y1:3;y2:17;opacity:1}}.rotateHover[data-v-80497bad]{transition:.2s}.rotateHover[data-v-80497bad]:hover{transform:rotate(90deg)}.scaleHover[data-v-80497bad]{transition:.2s}.scaleHover[data-v-80497bad]:hover{transform:scale(1.2)}.fade-in-enter-active[data-v-80497bad],.fade-in-leave-active[data-v-80497bad]{transition:.5s}.fade-in-enter-from[data-v-80497bad],.fade-in-leave-to[data-v-80497bad]{opacity:0}.scale-out-enter-active[data-v-80497bad],.scale-out-leave-active[data-v-80497bad]{transition:.3s}.scale-out-leave-to[data-v-80497bad]{transform:scale(1.6);opacity:0}.play-btn-rotate-enter-active[data-v-80497bad],.play-btn-rotate-leave-active[data-v-80497bad]{transition:all .3s ease}.play-btn-rotate-enter-from[data-v-80497bad]{opacity:0;transform:scale(.8) rotate(-90deg)}.play-btn-rotate-enter-to[data-v-80497bad],.play-btn-rotate-leave-from[data-v-80497bad]{opacity:1;transform:scale(1) rotate(0)}.play-btn-rotate-leave-to[data-v-80497bad]{opacity:0;transform:scale(.8) rotate(90deg)}.play-btn-scale-enter-active[data-v-80497bad],.play-btn-scale-leave-active[data-v-80497bad]{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.play-btn-scale-enter-from[data-v-80497bad]{opacity:0;transform:scale(0)}.play-btn-scale-enter-to[data-v-80497bad],.play-btn-scale-leave-from[data-v-80497bad]{opacity:1;transform:scale(1)}.play-btn-scale-leave-to[data-v-80497bad]{opacity:0;transform:scale(0)}.play-btn-flip-enter-active[data-v-80497bad],.play-btn-flip-leave-active[data-v-80497bad]{transition:all .4s ease;transform-style:preserve-3d}.play-btn-flip-enter-from[data-v-80497bad]{opacity:0;transform:rotateY(-180deg)}.play-btn-flip-enter-to[data-v-80497bad],.play-btn-flip-leave-from[data-v-80497bad]{opacity:1;transform:rotateY(0)}.play-btn-flip-leave-to[data-v-80497bad]{opacity:0;transform:rotateY(180deg)}.play-btn-slide-enter-active[data-v-80497bad],.play-btn-slide-leave-active[data-v-80497bad]{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.play-btn-slide-enter-from[data-v-80497bad]{opacity:0;transform:translate(-20px)}.play-btn-slide-enter-to[data-v-80497bad],.play-btn-slide-leave-from[data-v-80497bad]{opacity:1;transform:translate(0)}.play-btn-slide-leave-to[data-v-80497bad]{opacity:0;transform:translate(20px)}.play-pause-btn[data-v-80497bad]{position:relative;display:flex;align-items:center;justify-content:center}.play-pause-btn[data-v-80497bad]:hover svg{animation:playBtnPulse-80497bad .6s ease-out}.volume-icon-svg[data-v-80497bad]{display:block;overflow:visible;opacity:.8;transition:opacity .3s ease}.volume-btn-wrapper[data-v-80497bad]{cursor:pointer;position:relative;display:flex;align-items:center;gap:4px}.volume-btn-wrapper:hover .volume-icon-svg[data-v-80497bad]{animation:volumeIconAni-80497bad .5s}@keyframes volumeIconAni-80497bad{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.speaker-icon[data-v-80497bad]{transform-origin:center;transition:transform .3s ease}.sound-wave-svg[data-v-80497bad]{display:none;margin-left:2px}.volume-btn-wrapper:hover .sound-wave-svg[data-v-80497bad]{display:block}.wave-line[data-v-80497bad]{transform-origin:center;animation:svgWave-80497bad .8s ease-in-out infinite}.wave-line.wave-1[data-v-80497bad]{animation-delay:0s}.wave-line.wave-2[data-v-80497bad]{animation-delay:.26s}.wave-line.wave-3[data-v-80497bad]{animation-delay:.52s}.play-control-btn[data-v-80497bad]{display:inline-block;transition:all .3s ease}.animation-rotate[data-v-80497bad]{animation:playBtnRotate-80497bad .25s ease-in-out}@keyframes playBtnRotate-80497bad{0%{transform:rotate(0) scale(1)}50%{transform:rotate(45deg) scale(.95)}to{transform:rotate(90deg) scale(1)}}.animation-scale[data-v-80497bad]{animation:playBtnScale-80497bad .3s ease}@keyframes playBtnScale-80497bad{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}.animation-flip[data-v-80497bad]{animation:playBtnFlip-80497bad .4s ease}@keyframes playBtnFlip-80497bad{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.animation-slide[data-v-80497bad]{animation:playBtnSlide-80497bad .3s ease}@keyframes playBtnSlide-80497bad{0%{transform:translate(-10px);opacity:.5}to{transform:translate(0);opacity:1}}.animation-none[data-v-80497bad]{animation:none}ul[data-v-80497bad],ol[data-v-80497bad]{list-style:none;padding-left:0;margin-left:0}li[data-v-80497bad]{list-style:none!important;padding-left:0;margin-left:0}li[data-v-80497bad]:before,li[data-v-80497bad]::marker{display:none!important;content:none!important}.iconfont[data-v-80497bad]{display:inline-block}.d-flex-x[data-v-80497bad],.d-flex-y[data-v-80497bad],.flex-center[data-v-80497bad]{display:flex}.d-flex-x[data-v-80497bad]{align-items:center}.d-flex-y[data-v-80497bad]{justify-content:center}.flex-center[data-v-80497bad]{justify-content:center;align-items:center}.mr5[data-v-80497bad]{margin-right:5px}.mr10[data-v-80497bad]{margin-right:10px}.ml5[data-v-80497bad]{margin-left:5px}.ml10[data-v-80497bad]{margin-left:10px}.d-pointer[data-v-80497bad]{cursor:pointer}.player-wrap[data-v-80497bad]{position:relative;overflow:hidden;background-color:#000}.player-wrap.web-full-screen[data-v-80497bad]{z-index:9999999;position:fixed;left:0;top:0;width:100vw!important;height:100vh!important}.player-wrap .Player[data-v-80497bad]{position:relative;z-index:1;width:100%;height:100%}.player-wrap .Player .player-video-poster[data-v-80497bad]{position:absolute;height:100%;width:100%;top:0;left:0}.player-wrap .Player .player-video-poster img[data-v-80497bad]{display:block;width:100%;height:100%;object-fit:cover}.player-wrap .Player .Player-video[data-v-80497bad]{width:100%;height:100%;transition:.2s}.player-wrap .Player .Player-video.video-mirror[data-v-80497bad]{transform:rotateY(180deg)}.player-wrap .player-control[data-v-80497bad]{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-80497bad]{width:100%;position:relative;height:10px;cursor:pointer}.player-wrap .player-control .control-progress .progress-bar[data-v-80497bad]{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-80497bad] .progress__runway{transition:height .1s;height:100%}.player-wrap .player-control .control-progress .progress-bar[data-v-80497bad] .progress__runway .progress__bar:before{transform:translateY(-50%) scale(0)}.player-wrap .player-control .control-progress:hover .progress-bar[data-v-80497bad]{height:100%}.player-wrap .player-control .control-progress:hover .progress-bar[data-v-80497bad] .progress__bar:before{transform:translateY(-50%) scale(1)!important}.player-wrap .player-control .control-tool[data-v-80497bad]{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-80497bad]{display:flex;height:100%}.player-wrap .player-control .control-tool .tool-bar .tool-item[data-v-80497bad]{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-80497bad]{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-80497bad]{display:flex}.player-wrap .player-control .control-tool .tool-time[data-v-80497bad]{font-size:12px;color:#fff;font-weight:300}.player-wrap .player-control .control-tool .tool-time .total-time[data-v-80497bad]{color:#fffc}.player-wrap .player-control .control-tool .volume-box[data-v-80497bad]{height:160px;width:50px;display:flex;align-items:center;justify-content:center}.player-wrap .player-control .control-tool .volume-box .volume-main[data-v-80497bad]{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-80497bad]{margin-bottom:10px;font-size:12px;font-weight:400}.player-wrap .player-control .control-tool .volume-box .volume-main.is-muted[data-v-80497bad] .progress__bar{height:0!important}.player-wrap .player-control .control-tool .speed-main[data-v-80497bad]{padding:0 10px}.player-wrap .player-control .control-tool .speed-main li[data-v-80497bad]{cursor:pointer;line-height:34px;font-size:12px;color:#fff}.player-wrap .player-control .control-tool .speed-main li[data-v-80497bad]:hover{opacity:.8}.player-wrap .player-control .control-tool .speed-main li.speed-active[data-v-80497bad]{color:rgba(var(--primary-color),1);font-weight:700}.player-wrap.player-wrap-hover .player-control[data-v-80497bad]{transform:translateY(0)}.player-state[data-v-80497bad],.player-input[data-v-80497bad]{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-80497bad]{width:100%;border:none;opacity:0;cursor:default}.play-btn[data-v-80497bad]{width:90px;height:90px;color:#fff;display:flex;align-items:center;justify-content:center;background-color:#000000b3;border-radius:50%;position:absolute;transition:all .3s ease}.play-btn.play-btn-center[data-v-80497bad]{top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn.play-btn-bottom-right[data-v-80497bad]{bottom:80px;right:20px}.play-btn.play-btn-bottom-left[data-v-80497bad]{bottom:80px;left:20px}.player-lightoff[data-v-80497bad]{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#000000e6}.is-lightoff[data-v-80497bad]{z-index:999998}.player-wrap[data-v-80497bad]{--primary-color: var(--53bba44c);width:var(--c0761c60);height:var(--3f0a4e5d);max-width:100%;border-radius:var(--be966482);overflow:hidden;list-style:none}.speedRate-btn[data-v-80497bad]{position:relative;left:6px;opacity:.85;transition:opacity .3s ease}.speedRate-btn[data-v-80497bad]:hover{animation:speedRateBtnAni-80497bad .5s}@keyframes speedRateBtnAni-80497bad{0%{opacity:.85}50%{opacity:1}to{opacity:.85}}.icon[data-v-0d1e04ea]{display:inline-block;cursor:pointer;overflow:hidden}
1	+ @import"//at.alicdn.com/t/c/font_4726673_pdcujlcxe7l.css";.icon[data-v-2680e372]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.rotating[data-v-2680e372]{animation:rotating-2680e372 2s linear infinite}@keyframes rotating-2680e372{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.cc[data-v-2680e372]{background-color:red}ul[data-v-4b3e3899],ol[data-v-4b3e3899]{list-style:none;padding-left:0;margin-left:0}li[data-v-4b3e3899]{list-style:none!important;padding-left:0;margin-left:0}li[data-v-4b3e3899]:before,li[data-v-4b3e3899]::marker{display:none!important;content:none!important}.iconfont[data-v-4b3e3899]{display:inline-block}.d-flex-x[data-v-4b3e3899],.d-flex-y[data-v-4b3e3899],.flex-center[data-v-4b3e3899]{display:flex}.d-flex-x[data-v-4b3e3899]{align-items:center}.d-flex-y[data-v-4b3e3899]{justify-content:center}.flex-center[data-v-4b3e3899]{justify-content:center;align-items:center}.mr5[data-v-4b3e3899]{margin-right:5px}.mr10[data-v-4b3e3899]{margin-right:10px}.ml5[data-v-4b3e3899]{margin-left:5px}.ml10[data-v-4b3e3899]{margin-left:10px}.d-pointer[data-v-4b3e3899]{cursor:pointer}@keyframes rotating-4b3e3899{to{-webkit-transform:rotate(360deg)}}.rotating[data-v-4b3e3899]{animation:rotating-4b3e3899 2s linear infinite}@keyframes showAni-4b3e3899{0%{display:none}50%{display:block}to{display:none}}.showH[data-v-4b3e3899]:hover{-webkit-animation:showAni-4b3e3899 .5s;animation:showAni-4b3e3899 .5s}@keyframes biggerAni-4b3e3899{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.biggerAni[data-v-4b3e3899]:hover{-webkit-animation:biggerAni-4b3e3899 .5s;animation:biggerAni-4b3e3899 .5s}@keyframes biggerScaleAni-4b3e3899{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) rotate(90deg);opacity:.8}}.biggerScaleAni[data-v-4b3e3899]:hover{-webkit-animation:biggerScaleAni-4b3e3899 .5s;animation:biggerScaleAni-4b3e3899 .5s}@keyframes ScaleAni-4b3e3899{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) rotate(90deg);opacity:.8}to{-webkit-transform:rotate(90deg)}}.ScaleAni[data-v-4b3e3899]:hover{-webkit-animation:ScaleAni-4b3e3899 .5s linear infinite;animation:ScaleAni-4b3e3899 .5s linear infinite}@keyframes playBtnPulse-4b3e3899{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes svgWave-4b3e3899{0%,to{y1:7;y2:13;opacity:.6}50%{y1:3;y2:17;opacity:1}}.rotateHover[data-v-4b3e3899]{transition:.2s}.rotateHover[data-v-4b3e3899]:hover{transform:rotate(90deg)}.scaleHover[data-v-4b3e3899]{transition:.2s}.scaleHover[data-v-4b3e3899]:hover{transform:scale(1.2)}.fade-in-enter-active[data-v-4b3e3899],.fade-in-leave-active[data-v-4b3e3899]{transition:.5s}.fade-in-enter-from[data-v-4b3e3899],.fade-in-leave-to[data-v-4b3e3899]{opacity:0}.scale-out-enter-active[data-v-4b3e3899],.scale-out-leave-active[data-v-4b3e3899]{transition:.3s}.scale-out-leave-to[data-v-4b3e3899]{transform:scale(1.6);opacity:0}.play-btn-rotate-enter-active[data-v-4b3e3899],.play-btn-rotate-leave-active[data-v-4b3e3899]{transition:all .3s ease}.play-btn-rotate-enter-from[data-v-4b3e3899]{opacity:0;transform:scale(.8) rotate(-90deg)}.play-btn-rotate-enter-to[data-v-4b3e3899],.play-btn-rotate-leave-from[data-v-4b3e3899]{opacity:1;transform:scale(1) rotate(0)}.play-btn-rotate-leave-to[data-v-4b3e3899]{opacity:0;transform:scale(.8) rotate(90deg)}.play-btn-scale-enter-active[data-v-4b3e3899],.play-btn-scale-leave-active[data-v-4b3e3899]{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.play-btn-scale-enter-from[data-v-4b3e3899]{opacity:0;transform:scale(0)}.play-btn-scale-enter-to[data-v-4b3e3899],.play-btn-scale-leave-from[data-v-4b3e3899]{opacity:1;transform:scale(1)}.play-btn-scale-leave-to[data-v-4b3e3899]{opacity:0;transform:scale(0)}.play-btn-flip-enter-active[data-v-4b3e3899],.play-btn-flip-leave-active[data-v-4b3e3899]{transition:all .4s ease;transform-style:preserve-3d}.play-btn-flip-enter-from[data-v-4b3e3899]{opacity:0;transform:rotateY(-180deg)}.play-btn-flip-enter-to[data-v-4b3e3899],.play-btn-flip-leave-from[data-v-4b3e3899]{opacity:1;transform:rotateY(0)}.play-btn-flip-leave-to[data-v-4b3e3899]{opacity:0;transform:rotateY(180deg)}.play-btn-slide-enter-active[data-v-4b3e3899],.play-btn-slide-leave-active[data-v-4b3e3899]{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.play-btn-slide-enter-from[data-v-4b3e3899]{opacity:0;transform:translate(-20px)}.play-btn-slide-enter-to[data-v-4b3e3899],.play-btn-slide-leave-from[data-v-4b3e3899]{opacity:1;transform:translate(0)}.play-btn-slide-leave-to[data-v-4b3e3899]{opacity:0;transform:translate(20px)}.play-pause-btn[data-v-4b3e3899]{position:relative;display:flex;align-items:center;justify-content:center}.play-pause-btn[data-v-4b3e3899]:hover svg{animation:playBtnPulse-4b3e3899 .6s ease-out}.volume-icon-svg[data-v-4b3e3899]{display:block;overflow:visible;opacity:.8;transition:opacity .3s ease}.volume-btn-wrapper[data-v-4b3e3899]{cursor:pointer;position:relative;display:flex;align-items:center;gap:4px}.volume-btn-wrapper:hover .volume-icon-svg[data-v-4b3e3899]{animation:volumeIconAni-4b3e3899 .5s}@keyframes volumeIconAni-4b3e3899{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.speaker-icon[data-v-4b3e3899]{transform-origin:center;transition:transform .3s ease}.sound-wave-svg[data-v-4b3e3899]{display:none;margin-left:2px}.volume-btn-wrapper:hover .sound-wave-svg[data-v-4b3e3899]{display:block}.wave-line[data-v-4b3e3899]{transform-origin:center;animation:svgWave-4b3e3899 .8s ease-in-out infinite}.wave-line.wave-1[data-v-4b3e3899]{animation-delay:0s}.wave-line.wave-2[data-v-4b3e3899]{animation-delay:.26s}.wave-line.wave-3[data-v-4b3e3899]{animation-delay:.52s}.play-control-btn[data-v-4b3e3899]{display:inline-block;transition:all .3s ease}.animation-rotate[data-v-4b3e3899]{animation:playBtnRotate-4b3e3899 .25s ease-in-out}@keyframes playBtnRotate-4b3e3899{0%{transform:rotate(0) scale(1)}50%{transform:rotate(45deg) scale(.95)}to{transform:rotate(90deg) scale(1)}}.animation-scale[data-v-4b3e3899]{animation:playBtnScale-4b3e3899 .3s ease}@keyframes playBtnScale-4b3e3899{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}.animation-flip[data-v-4b3e3899]{animation:playBtnFlip-4b3e3899 .4s ease}@keyframes playBtnFlip-4b3e3899{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.animation-slide[data-v-4b3e3899]{animation:playBtnSlide-4b3e3899 .3s ease}@keyframes playBtnSlide-4b3e3899{0%{transform:translate(-10px);opacity:.5}to{transform:translate(0);opacity:1}}.animation-none[data-v-4b3e3899]{animation:none}.f50[data-v-4b3e3899]{font-size:50px}.f24[data-v-4b3e3899]{font-size:24px}.loading[data-v-4b3e3899]{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-f5b77156]{position:relative}.progress .progress__runway[data-v-f5b77156]{width:100%;height:var(--49cbfd54);background-color:#333;position:relative;cursor:pointer;vertical-align:middle}.progress .progress__runway .progress__cursor[data-v-f5b77156],.progress .progress__runway .progress__preload[data-v-f5b77156],.progress .progress__runway .progress__bar[data-v-f5b77156]{position:absolute;top:0;left:0;height:100%}.progress .progress__runway .progress__cursor[data-v-f5b77156]{display:none;z-index:1;width:1px;background-color:#fff;pointer-events:none}.progress .progress__runway .progress__cursor .progress__tips[data-v-f5b77156]{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-f5b77156]{display:block}.progress .progress__runway .progress__preload[data-v-f5b77156]{background:#717171}.progress .progress__runway .progress__bar[data-v-f5b77156]:before{display:block;content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;transition:.2s;transform:translateY(-50%) scale(1);border-radius:50%;background:#fff;box-shadow:0 0 0 5px #ffffff80}.progress.is-vertical[data-v-f5b77156]{height:100%;display:inline-block}.progress.is-vertical .progress__runway[data-v-f5b77156]{position:relative;height:100%;width:var(--49cbfd54);margin:0 6px}.progress.is-vertical .progress__runway .progress__preload[data-v-f5b77156],.progress.is-vertical .progress__runway .progress__bar[data-v-f5b77156],.progress.is-vertical .progress__runway .progress__cursor[data-v-f5b77156]{bottom:0;top:auto;width:100%}.progress.is-vertical .progress__runway .progress__cursor[data-v-f5b77156]{height:1px}.progress.is-vertical .progress__runway .progress__bar[data-v-f5b77156]:before{top:-6px;left:50%;width:12px;height:12px;transform:translate(-50%) scale(1)}.switch[data-v-4ddca1e1]{position:relative;height:18px;width:var(--8eab8736);background:#757575;border-radius:10px;display:inline-flex;align-items:center;vertical-align:middle}.switch .switch_input[data-v-4ddca1e1]{position:relative;z-index:1;margin:0;width:100%;height:100%;opacity:0}.switch .switch_action[data-v-4ddca1e1]{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-4ddca1e1]{background-color:var(--7a1ce148)}.switch.is-checked .switch_action[data-v-4ddca1e1]{background:#fff;left:24px}ul[data-v-0b21d222],ol[data-v-0b21d222]{list-style:none;padding-left:0;margin-left:0}li[data-v-0b21d222]{list-style:none!important;padding-left:0;margin-left:0}li[data-v-0b21d222]:before,li[data-v-0b21d222]::marker{display:none!important;content:none!important}.iconfont[data-v-0b21d222]{display:inline-block}.d-flex-x[data-v-0b21d222],.d-flex-y[data-v-0b21d222],.flex-center[data-v-0b21d222]{display:flex}.d-flex-x[data-v-0b21d222]{align-items:center}.d-flex-y[data-v-0b21d222]{justify-content:center}.flex-center[data-v-0b21d222]{justify-content:center;align-items:center}.mr5[data-v-0b21d222]{margin-right:5px}.mr10[data-v-0b21d222]{margin-right:10px}.ml5[data-v-0b21d222]{margin-left:5px}.ml10[data-v-0b21d222]{margin-left:10px}.d-pointer[data-v-0b21d222]{cursor:pointer}.status[data-v-0b21d222]{text-align:center;font-size:14px;vertical-align:middle;background:#000c;padding:0 8px;height:30px;border-radius:5px;display:flex;align-items:center;color:#fffffff2}.status .status-icon[data-v-0b21d222]{width:24px!important;display:inline-block;margin-right:5px}ul[data-v-b79c6085],ol[data-v-b79c6085]{list-style:none;padding-left:0;margin-left:0}li[data-v-b79c6085]{list-style:none!important;padding-left:0;margin-left:0}li[data-v-b79c6085]:before,li[data-v-b79c6085]::marker{display:none!important;content:none!important}.iconfont[data-v-b79c6085]{display:inline-block}.d-flex-x[data-v-b79c6085],.d-flex-y[data-v-b79c6085],.flex-center[data-v-b79c6085]{display:flex}.d-flex-x[data-v-b79c6085]{align-items:center}.d-flex-y[data-v-b79c6085]{justify-content:center}.flex-center[data-v-b79c6085]{justify-content:center;align-items:center}.mr5[data-v-b79c6085]{margin-right:5px}.mr10[data-v-b79c6085]{margin-right:10px}.ml5[data-v-b79c6085]{margin-left:5px}.ml10[data-v-b79c6085]{margin-left:10px}.d-pointer[data-v-b79c6085]{cursor:pointer}@keyframes rotating-b79c6085{to{-webkit-transform:rotate(360deg)}}.rotating[data-v-b79c6085]{animation:rotating-b79c6085 2s linear infinite}@keyframes showAni-b79c6085{0%{display:none}50%{display:block}to{display:none}}.showH[data-v-b79c6085]:hover{-webkit-animation:showAni-b79c6085 .5s;animation:showAni-b79c6085 .5s}@keyframes biggerAni-b79c6085{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.biggerAni[data-v-b79c6085]:hover{-webkit-animation:biggerAni-b79c6085 .5s;animation:biggerAni-b79c6085 .5s}@keyframes biggerScaleAni-b79c6085{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) rotate(90deg);opacity:.8}}.biggerScaleAni[data-v-b79c6085]:hover{-webkit-animation:biggerScaleAni-b79c6085 .5s;animation:biggerScaleAni-b79c6085 .5s}@keyframes ScaleAni-b79c6085{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) rotate(90deg);opacity:.8}to{-webkit-transform:rotate(90deg)}}.ScaleAni[data-v-b79c6085]:hover{-webkit-animation:ScaleAni-b79c6085 .5s linear infinite;animation:ScaleAni-b79c6085 .5s linear infinite}@keyframes playBtnPulse-b79c6085{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes svgWave-b79c6085{0%,to{y1:7;y2:13;opacity:.6}50%{y1:3;y2:17;opacity:1}}.rotateHover[data-v-b79c6085]{transition:.2s}.rotateHover[data-v-b79c6085]:hover{transform:rotate(90deg)}.scaleHover[data-v-b79c6085]{transition:.2s}.scaleHover[data-v-b79c6085]:hover{transform:scale(1.2)}.fade-in-enter-active[data-v-b79c6085],.fade-in-leave-active[data-v-b79c6085]{transition:.5s}.fade-in-enter-from[data-v-b79c6085],.fade-in-leave-to[data-v-b79c6085]{opacity:0}.scale-out-enter-active[data-v-b79c6085],.scale-out-leave-active[data-v-b79c6085]{transition:.3s}.scale-out-leave-to[data-v-b79c6085]{transform:scale(1.6);opacity:0}.play-btn-rotate-enter-active[data-v-b79c6085],.play-btn-rotate-leave-active[data-v-b79c6085]{transition:all .3s ease}.play-btn-rotate-enter-from[data-v-b79c6085]{opacity:0;transform:scale(.8) rotate(-90deg)}.play-btn-rotate-enter-to[data-v-b79c6085],.play-btn-rotate-leave-from[data-v-b79c6085]{opacity:1;transform:scale(1) rotate(0)}.play-btn-rotate-leave-to[data-v-b79c6085]{opacity:0;transform:scale(.8) rotate(90deg)}.play-btn-scale-enter-active[data-v-b79c6085],.play-btn-scale-leave-active[data-v-b79c6085]{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.play-btn-scale-enter-from[data-v-b79c6085]{opacity:0;transform:scale(0)}.play-btn-scale-enter-to[data-v-b79c6085],.play-btn-scale-leave-from[data-v-b79c6085]{opacity:1;transform:scale(1)}.play-btn-scale-leave-to[data-v-b79c6085]{opacity:0;transform:scale(0)}.play-btn-flip-enter-active[data-v-b79c6085],.play-btn-flip-leave-active[data-v-b79c6085]{transition:all .4s ease;transform-style:preserve-3d}.play-btn-flip-enter-from[data-v-b79c6085]{opacity:0;transform:rotateY(-180deg)}.play-btn-flip-enter-to[data-v-b79c6085],.play-btn-flip-leave-from[data-v-b79c6085]{opacity:1;transform:rotateY(0)}.play-btn-flip-leave-to[data-v-b79c6085]{opacity:0;transform:rotateY(180deg)}.play-btn-slide-enter-active[data-v-b79c6085],.play-btn-slide-leave-active[data-v-b79c6085]{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.play-btn-slide-enter-from[data-v-b79c6085]{opacity:0;transform:translate(-20px)}.play-btn-slide-enter-to[data-v-b79c6085],.play-btn-slide-leave-from[data-v-b79c6085]{opacity:1;transform:translate(0)}.play-btn-slide-leave-to[data-v-b79c6085]{opacity:0;transform:translate(20px)}.play-pause-btn[data-v-b79c6085]{position:relative;display:flex;align-items:center;justify-content:center}.play-pause-btn[data-v-b79c6085]:hover svg{animation:playBtnPulse-b79c6085 .6s ease-out}.volume-icon-svg[data-v-b79c6085]{display:block;overflow:visible;opacity:.8;transition:opacity .3s ease}.volume-btn-wrapper[data-v-b79c6085]{cursor:pointer;position:relative;display:flex;align-items:center;gap:4px}.volume-btn-wrapper:hover .volume-icon-svg[data-v-b79c6085]{animation:volumeIconAni-b79c6085 .5s}@keyframes volumeIconAni-b79c6085{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.speaker-icon[data-v-b79c6085]{transform-origin:center;transition:transform .3s ease}.sound-wave-svg[data-v-b79c6085]{display:none;margin-left:2px}.volume-btn-wrapper:hover .sound-wave-svg[data-v-b79c6085]{display:block}.wave-line[data-v-b79c6085]{transform-origin:center;animation:svgWave-b79c6085 .8s ease-in-out infinite}.wave-line.wave-1[data-v-b79c6085]{animation-delay:0s}.wave-line.wave-2[data-v-b79c6085]{animation-delay:.26s}.wave-line.wave-3[data-v-b79c6085]{animation-delay:.52s}.play-control-btn[data-v-b79c6085]{display:inline-block;transition:all .3s ease}.animation-rotate[data-v-b79c6085]{animation:playBtnRotate-b79c6085 .25s ease-in-out}@keyframes playBtnRotate-b79c6085{0%{transform:rotate(0) scale(1)}50%{transform:rotate(45deg) scale(.95)}to{transform:rotate(90deg) scale(1)}}.animation-scale[data-v-b79c6085]{animation:playBtnScale-b79c6085 .3s ease}@keyframes playBtnScale-b79c6085{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}.animation-flip[data-v-b79c6085]{animation:playBtnFlip-b79c6085 .4s ease}@keyframes playBtnFlip-b79c6085{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.animation-slide[data-v-b79c6085]{animation:playBtnSlide-b79c6085 .3s ease}@keyframes playBtnSlide-b79c6085{0%{transform:translate(-10px);opacity:.5}to{transform:translate(0);opacity:1}}.animation-none[data-v-b79c6085]{animation:none}.player-contextmenu[data-v-b79c6085],.player-dialog[data-v-b79c6085]{position:absolute;left:0;top:0;bottom:50px;width:100%;z-index:5}.player-contextmenu .player-copyText[data-v-b79c6085]{opacity:0}.player-contextmenu .player-contextmenu-body[data-v-b79c6085]{position:absolute;border-radius:5px;font-size:12px;background:#000c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#efefef;text-align:left;width:130px;box-sizing:border-box;padding:5px 0}.player-contextmenu .player-contextmenu-body li[data-v-b79c6085]{padding:8px 20px;margin:0;cursor:pointer;transition:.2s}.player-contextmenu .player-contextmenu-body li[data-v-b79c6085]:hover{background-color:gray;opacity:.9}.player-dialog[data-v-b79c6085]{display:flex;justify-content:center;align-items:center}.player-dialog .player-dialog-body[data-v-b79c6085]{background-color:#000000e6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:5px;color:#fff;min-width:200px;padding:0 0 10px}.player-dialog .player-dialog-body .player-dialog-title[data-v-b79c6085]{position:relative;font-size:14px;font-weight:400;margin:0 0 10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.15);text-align:center}.player-dialog .player-dialog-body .player-dialog-title .icon-close[data-v-b79c6085]{position:absolute;right:0;top:0;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer}.player-dialog .player-dialog-body .player-hotkey-panel[data-v-b79c6085]{font-size:12px;color:#87ceeb;padding-right:40px}.player-dialog .player-dialog-body .player-hotkey-panel .player-hotkey-panel-item[data-v-b79c6085]{line-height:26px}.player-dialog .player-dialog-body .player-hotkey-panel .player-hotkey-panel-item span[data-v-b79c6085]{text-align:center;display:inline-block;width:120px}.player-dialog .player-dialog-body .player-hotkey-panel .player-hotkey-panel-item span[data-v-b79c6085]:nth-child(2){color:#fff;opacity:.9;width:160px}.player-dialog .player-dialog-body .player-filter-panel[data-v-b79c6085]{width:320px;padding:0 20px}.player-dialog .player-dialog-body .player-filter-panel .player-filter-reset[data-v-b79c6085]{cursor:pointer;margin-top:10px;padding:3px 20px;display:inline-block;border-radius:2px;font-size:12px;background:#85858580}.player-dialog .player-dialog-body .player-filter-panel .player-filter-reset[data-v-b79c6085]:hover{background:#ffffff4d}.player-dialog .player-dialog-body .player-filter-panel .player-filter-panel-item[data-v-b79c6085]{height:32px;display:flex;align-items:center}.player-dialog .player-dialog-body .player-filter-panel .player-filter-panel-item .filter-panel-progress[data-v-b79c6085]{width:100%}.player-dialog .player-dialog-body .player-filter-panel .player-filter-panel-item .filter-panel-progress[data-v-b79c6085] .progress__runway{background-color:#999}.player-dialog .player-dialog-body .player-filter-panel .player-filter-panel-item .filter-panel-progress[data-v-b79c6085] .progress__runway .progress__bar:before{width:8px;height:8px;box-shadow:0 0 0 5px #ffffff80}.player-dialog .player-dialog-body .player-filter-panel .player-filter-panel-item span[data-v-b79c6085]{font-size:12px;display:block;width:80px;text-align:center}.settings-icon-svg[data-v-1ea78c7a]{display:block;overflow:visible;cursor:pointer;opacity:.8;transition:opacity .3s ease}.settings-gear-outer[data-v-1ea78c7a]{transform-origin:center;transform:rotate(0) scale(1)}.settings-gear-inner[data-v-1ea78c7a]{transform-origin:center}.setting-btn:hover .settings-icon-svg{animation:settingsIconAni .5s}@keyframes settingsIconAni{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.setting-btn:hover .settings-icon-svg .settings-gear-outer{animation:settingsMatrixAnimation .5s ease-in-out forwards}@keyframes settingsMatrixAnimation{0%{transform:scale(1)}50%{transform:matrix(0,1.3,-1.3,0,0,0)}75%{transform:matrix(-1.065,.746,-.746,-1.065,0,0)}to{transform:scale(-1)}}.volume-icon-svg[data-v-db2cc5fc]{display:block;overflow:visible;opacity:1;transition:opacity .3s ease}.speaker-icon[data-v-db2cc5fc]{transform-origin:center;opacity:1;transition:transform .3s ease}.sound-waves[data-v-db2cc5fc]{opacity:1}.sound-wave[data-v-db2cc5fc]{transform-origin:center;opacity:1}.volume-btn-wrapper:hover .volume-icon-svg{animation:volumeIconAni .5s}@keyframes volumeIconAni{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.volume-btn-wrapper:hover .volume-icon-svg .sound-wave.wave-outer{animation:volumeIconWaveRipple .6s ease-out 2}.volume-btn-wrapper:hover .volume-icon-svg .sound-waves:not(:has(.wave-outer)) .sound-wave.wave-inner{animation:volumeIconWaveRipple .6s ease-out 2}.volume-btn-wrapper:hover .volume-icon-svg .speaker-icon{animation:volumeIconSpeakerScale .6s ease-out .01s}@keyframes volumeIconWaveRipple{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(.9)}45%{opacity:1;transform:scale(1.1)}70%{opacity:.6;transform:scale(1.3)}to{opacity:0;transform:scale(1.5)}}@keyframes volumeIconSpeakerScale{0%{transform:scale(1)}40%{transform:scale(1.3)}80%{transform:scale(1)}to{transform:scale(1)}}@keyframes rotating-782fae09{to{-webkit-transform:rotate(360deg)}}.rotating[data-v-782fae09]{animation:rotating-782fae09 2s linear infinite}@keyframes showAni-782fae09{0%{display:none}50%{display:block}to{display:none}}.showH[data-v-782fae09]:hover{-webkit-animation:showAni-782fae09 .5s;animation:showAni-782fae09 .5s}@keyframes biggerAni-782fae09{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.biggerAni[data-v-782fae09]:hover{-webkit-animation:biggerAni-782fae09 .5s;animation:biggerAni-782fae09 .5s}@keyframes biggerScaleAni-782fae09{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) rotate(90deg);opacity:.8}}.biggerScaleAni[data-v-782fae09]:hover{-webkit-animation:biggerScaleAni-782fae09 .5s;animation:biggerScaleAni-782fae09 .5s}@keyframes ScaleAni-782fae09{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1) rotate(90deg);opacity:.8}to{-webkit-transform:rotate(90deg)}}.ScaleAni[data-v-782fae09]:hover{-webkit-animation:ScaleAni-782fae09 .5s linear infinite;animation:ScaleAni-782fae09 .5s linear infinite}@keyframes playBtnPulse-782fae09{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes svgWave-782fae09{0%,to{y1:7;y2:13;opacity:.6}50%{y1:3;y2:17;opacity:1}}.rotateHover[data-v-782fae09]{transition:.2s}.rotateHover[data-v-782fae09]:hover{transform:rotate(90deg)}.scaleHover[data-v-782fae09]{transition:.2s}.scaleHover[data-v-782fae09]:hover{transform:scale(1.2)}.fade-in-enter-active[data-v-782fae09],.fade-in-leave-active[data-v-782fae09]{transition:.5s}.fade-in-enter-from[data-v-782fae09],.fade-in-leave-to[data-v-782fae09]{opacity:0}.scale-out-enter-active[data-v-782fae09],.scale-out-leave-active[data-v-782fae09]{transition:.3s}.scale-out-leave-to[data-v-782fae09]{transform:scale(1.6);opacity:0}.play-btn-rotate-enter-active[data-v-782fae09],.play-btn-rotate-leave-active[data-v-782fae09]{transition:all .3s ease}.play-btn-rotate-enter-from[data-v-782fae09]{opacity:0;transform:scale(.8) rotate(-90deg)}.play-btn-rotate-enter-to[data-v-782fae09],.play-btn-rotate-leave-from[data-v-782fae09]{opacity:1;transform:scale(1) rotate(0)}.play-btn-rotate-leave-to[data-v-782fae09]{opacity:0;transform:scale(.8) rotate(90deg)}.play-btn-scale-enter-active[data-v-782fae09],.play-btn-scale-leave-active[data-v-782fae09]{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.play-btn-scale-enter-from[data-v-782fae09]{opacity:0;transform:scale(0)}.play-btn-scale-enter-to[data-v-782fae09],.play-btn-scale-leave-from[data-v-782fae09]{opacity:1;transform:scale(1)}.play-btn-scale-leave-to[data-v-782fae09]{opacity:0;transform:scale(0)}.play-btn-flip-enter-active[data-v-782fae09],.play-btn-flip-leave-active[data-v-782fae09]{transition:all .4s ease;transform-style:preserve-3d}.play-btn-flip-enter-from[data-v-782fae09]{opacity:0;transform:rotateY(-180deg)}.play-btn-flip-enter-to[data-v-782fae09],.play-btn-flip-leave-from[data-v-782fae09]{opacity:1;transform:rotateY(0)}.play-btn-flip-leave-to[data-v-782fae09]{opacity:0;transform:rotateY(180deg)}.play-btn-slide-enter-active[data-v-782fae09],.play-btn-slide-leave-active[data-v-782fae09]{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.play-btn-slide-enter-from[data-v-782fae09]{opacity:0;transform:translate(-20px)}.play-btn-slide-enter-to[data-v-782fae09],.play-btn-slide-leave-from[data-v-782fae09]{opacity:1;transform:translate(0)}.play-btn-slide-leave-to[data-v-782fae09]{opacity:0;transform:translate(20px)}.play-pause-btn[data-v-782fae09]{position:relative;display:flex;align-items:center;justify-content:center}.play-pause-btn[data-v-782fae09]:hover svg{animation:playBtnPulse-782fae09 .6s ease-out}.volume-icon-svg[data-v-782fae09]{display:block;overflow:visible;opacity:.8;transition:opacity .3s ease}.volume-btn-wrapper[data-v-782fae09]{cursor:pointer;position:relative;display:flex;align-items:center;gap:4px}.volume-btn-wrapper:hover .volume-icon-svg[data-v-782fae09]{animation:volumeIconAni-782fae09 .5s}@keyframes volumeIconAni-782fae09{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.speaker-icon[data-v-782fae09]{transform-origin:center;transition:transform .3s ease}.sound-wave-svg[data-v-782fae09]{display:none;margin-left:2px}.volume-btn-wrapper:hover .sound-wave-svg[data-v-782fae09]{display:block}.wave-line[data-v-782fae09]{transform-origin:center;animation:svgWave-782fae09 .8s ease-in-out infinite}.wave-line.wave-1[data-v-782fae09]{animation-delay:0s}.wave-line.wave-2[data-v-782fae09]{animation-delay:.26s}.wave-line.wave-3[data-v-782fae09]{animation-delay:.52s}.play-control-btn[data-v-782fae09]{display:inline-block;transition:all .3s ease}.animation-rotate[data-v-782fae09]{animation:playBtnRotate-782fae09 .25s ease-in-out}@keyframes playBtnRotate-782fae09{0%{transform:rotate(0) scale(1)}50%{transform:rotate(45deg) scale(.95)}to{transform:rotate(90deg) scale(1)}}.animation-scale[data-v-782fae09]{animation:playBtnScale-782fae09 .3s ease}@keyframes playBtnScale-782fae09{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}.animation-flip[data-v-782fae09]{animation:playBtnFlip-782fae09 .4s ease}@keyframes playBtnFlip-782fae09{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.animation-slide[data-v-782fae09]{animation:playBtnSlide-782fae09 .3s ease}@keyframes playBtnSlide-782fae09{0%{transform:translate(-10px);opacity:.5}to{transform:translate(0);opacity:1}}.animation-none[data-v-782fae09]{animation:none}ul[data-v-782fae09],ol[data-v-782fae09]{list-style:none;padding-left:0;margin-left:0}li[data-v-782fae09]{list-style:none!important;padding-left:0;margin-left:0}li[data-v-782fae09]:before,li[data-v-782fae09]::marker{display:none!important;content:none!important}.iconfont[data-v-782fae09]{display:inline-block}.d-flex-x[data-v-782fae09],.d-flex-y[data-v-782fae09],.flex-center[data-v-782fae09]{display:flex}.d-flex-x[data-v-782fae09]{align-items:center}.d-flex-y[data-v-782fae09]{justify-content:center}.flex-center[data-v-782fae09]{justify-content:center;align-items:center}.mr5[data-v-782fae09]{margin-right:5px}.mr10[data-v-782fae09]{margin-right:10px}.ml5[data-v-782fae09]{margin-left:5px}.ml10[data-v-782fae09]{margin-left:10px}.d-pointer[data-v-782fae09]{cursor:pointer}.player-wrap[data-v-782fae09]{position:relative;overflow:hidden;background-color:#000}.player-wrap.web-full-screen[data-v-782fae09]{z-index:9999999;position:fixed;left:0;top:0;width:100vw!important;height:100vh!important}.player-wrap .Player[data-v-782fae09]{position:relative;z-index:1;width:100%;height:100%}.player-wrap .Player .player-video-poster[data-v-782fae09]{position:absolute;height:100%;width:100%;top:0;left:0}.player-wrap .Player .player-video-poster img[data-v-782fae09]{display:block;width:100%;height:100%;object-fit:cover}.player-wrap .Player .Player-video[data-v-782fae09]{width:100%;height:100%;transition:.2s}.player-wrap .Player .Player-video.video-mirror[data-v-782fae09]{transform:rotateY(180deg)}.player-wrap .player-control[data-v-782fae09]{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-782fae09]{width:100%;position:relative;height:10px;cursor:pointer}.player-wrap .player-control .control-progress .progress-bar[data-v-782fae09]{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-782fae09] .progress__runway{transition:height .1s;height:100%}.player-wrap .player-control .control-progress .progress-bar[data-v-782fae09] .progress__runway .progress__bar:before{transform:translateY(-50%) scale(0)}.player-wrap .player-control .control-progress:hover .progress-bar[data-v-782fae09]{height:100%}.player-wrap .player-control .control-progress:hover .progress-bar[data-v-782fae09] .progress__bar:before{transform:translateY(-50%) scale(1)!important}.player-wrap .player-control .control-tool[data-v-782fae09]{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-782fae09]{display:flex;height:100%}.player-wrap .player-control .control-tool .tool-bar .tool-item[data-v-782fae09]{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-782fae09]{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-782fae09]{display:flex}.player-wrap .player-control .control-tool .tool-time[data-v-782fae09]{font-size:12px;color:#fff;font-weight:300}.player-wrap .player-control .control-tool .tool-time .total-time[data-v-782fae09]{color:#fffc}.player-wrap .player-control .control-tool .volume-box[data-v-782fae09]{height:160px;width:50px;display:flex;align-items:center;justify-content:center}.player-wrap .player-control .control-tool .volume-box .volume-main[data-v-782fae09]{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-782fae09]{margin-bottom:10px;font-size:12px;font-weight:400}.player-wrap .player-control .control-tool .volume-box .volume-main.is-muted[data-v-782fae09] .progress__bar{height:0!important}.player-wrap .player-control .control-tool .speed-main[data-v-782fae09]{padding:0 10px}.player-wrap .player-control .control-tool .speed-main li[data-v-782fae09]{cursor:pointer;line-height:34px;font-size:12px;color:#fff}.player-wrap .player-control .control-tool .speed-main li[data-v-782fae09]:hover{opacity:.8}.player-wrap .player-control .control-tool .speed-main li.speed-active[data-v-782fae09]{color:rgba(var(--primary-color),1);font-weight:700}.player-wrap.player-wrap-hover .player-control[data-v-782fae09]{transform:translateY(0)}.player-state[data-v-782fae09],.player-input[data-v-782fae09]{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-782fae09]{width:100%;border:none;opacity:0;cursor:default}.play-btn[data-v-782fae09]{width:90px;height:90px;color:#fff;display:flex;align-items:center;justify-content:center;background-color:#000000b3;border-radius:50%;position:absolute;transition:all .3s ease}.play-btn.play-btn-center[data-v-782fae09]{top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn.play-btn-bottom-right[data-v-782fae09]{bottom:80px;right:20px}.play-btn.play-btn-bottom-left[data-v-782fae09]{bottom:80px;left:20px}.player-lightoff[data-v-782fae09]{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#000000e6}.is-lightoff[data-v-782fae09]{z-index:999998}.player-wrap[data-v-782fae09]{--primary-color: var(--0d8bf81e);width:var(--2845e467);height:var(--72b0a2b4);max-width:100%;border-radius:var(--e1ad84d4);overflow:hidden;list-style:none}.speedRate-btn[data-v-782fae09]{position:relative;left:6px;opacity:.85;transition:opacity .3s ease}.speedRate-btn[data-v-782fae09]:hover{animation:speedRateBtnAni-782fae09 .5s}@keyframes speedRateBtnAni-782fae09{0%{opacity:.85}50%{opacity:1}to{opacity:.85}}.icon[data-v-0d1e04ea]{display:inline-block;cursor:pointer;overflow:hidden}

package/dist/types/src/package/version.d.ts CHANGED Viewed

@@ -2,4 +2,4 @@
  * 播放器版本号
  * 此文件由构建脚本自动生成，请勿手动修改
  */
-export declare const version = "1.3.4";
+export declare const version = "1.3.6";