npm - @tiwz/react-video-player - Versions diffs - 0.0.1 → 1.0.1 - Mend

@tiwz/react-video-player 0.0.1 → 1.0.1

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 CHANGED Viewed

@@ -39,12 +39,11 @@ yarn add @tiwz/react-video-player
 ---
-## 🚀 Usage
-### Basic Example
+## 🚀 Quick Start
 ```tsx
 import { VideoPlayer } from '@tiwz/react-video-player'
+import '@tiwz/react-video-player/style'
 export default function App() {
   return (
@@ -58,46 +57,32 @@ export default function App() {
 ---
-### Advanced Source Configuration
-```tsx
-import { VideoPlayer } from '@tiwz/react-video-player'
-<VideoPlayer
-  title="My Video"
-  source={{
-    link: 'https://example.com/video.webm',
-    type: 'video/webm'
-  }}
-/>
-```
----
 ## 🧩 Props
 ### VideoPlayerProps
 | Prop | Type | Required | Description |
-|-------|------|----------|--------------|
-| title | string | ❌ | Video title overlay |
-| source | string \| { link: string; type?: 'video/mp4' \| 'video/ogg' \| 'video/webm' } | ✅ | Video source |
+|--------|------|----------|--------------|
+| `title` | `string` | ❌ | Video title overlay |
+| `source` | `string \| { link: string; type?: 'video/mp4' \| 'video/ogg' \| 'video/webm' }` | ✅ | Video source |
 ---
-## ⌨️ Keyboard Shortcuts (Desktop)
+## 🎥 Player Controls
-| Key | Action |
-|------|---------|
-| Space | Play / Pause |
-| Arrow Left | Seek backward 10s |
-| Arrow Right | Seek forward 10s |
-| F | Toggle Fullscreen |
-| P | Toggle Picture-in-Picture |
+### Desktop
+| Action | Control |
+|---------|----------|
+| Play / Pause | Click center / Space |
+| Seek backward | ← Arrow (10s) |
+| Seek forward | → Arrow (10s) |
+| Fullscreen | F |
+| Picture-in-Picture | P |
 ---
-## 📱 Mobile Gestures
+### Mobile
 | Gesture | Action |
 |------------|---------|
@@ -107,62 +92,39 @@ import { VideoPlayer } from '@tiwz/react-video-player'
 ---
-## 🎥 Player Behavior
-- Auto-hide controls after 2.5s inactivity
-- Smooth seek stacking (+10, +20, -10, etc)
-- Buffered range visualization
-- Smart fullscreen orientation lock (landscape when video is wide)
----
-## 🖥 Fullscreen Support
+## 🖥 Fullscreen
-Supports:
+Supports all modern browsers including:
-- Standard Fullscreen API
-- WebKit
-- Mozilla
-- MS prefixed APIs
+- Chrome
+- Edge
+- Firefox
+- Safari
+- Mobile Safari
+- Chrome Android
-With auto orientation lock on mobile landscape videos.
+Includes automatic **orientation lock** for landscape videos on mobile.
 ---
 ## 📺 Picture-in-Picture (PiP)
-Supported on modern browsers:
-```ts
-document.pictureInPictureEnabled
-```
-Auto fallback handling included.
----
-## 🛠 TypeScript Support
+Automatically enables PiP when supported by the browser.
-Fully typed out-of-the-box.
+Works on:
-```ts
-interface VideoPlayerProps {
-  title?: string
-  source: string | {
-    link: string
-    type?: 'video/mp4' | 'video/ogg' | 'video/webm'
-  }
-}
-```
+- Chrome
+- Edge
+- Safari (desktop & iPadOS)
 ---
 ## ⚡ Performance
-- Throttled mouse move handling
-- Smart seek batching
-- Minimal re-renders
-- Zero unnecessary listeners on mobile
+- Throttled mouse movement
+- Optimized re-rendering
+- Smart seek stacking
+- Minimal event listeners
 ---
@@ -177,29 +139,6 @@ interface VideoPlayerProps {
 ---
-## 🏗 Build
-```bash
-npm run rollup
-```
-Output:
-```
-dist/
- ├── index.js
- ├── index.mjs
- └── index.d.ts
-```
----
 ## 📄 License
 MIT © tiwz
----
-## ⭐ Star the repo
-If this project helps you, please consider starring ⭐ the repository to support development.

package/dist/index.css ADDED Viewed

@@ -0,0 +1 @@

+ .VideoPlayer-module_hide__nwlly{display:none}.VideoPlayer-module_visit__PJEFg{visibility:visible}.VideoPlayer-module_invisit__A7jP6{visibility:hidden}.VideoPlayer-module_opacity0__M4VIz{opacity:0}.VideoPlayer-module_opacity1__wWDar{opacity:1}.VideoPlayer-module_videoContainer__-vADj{aspect-ratio:16/9;width:100%}.VideoPlayer-module_absoluteCenter__A2KzN{cursor:pointer;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.VideoPlayer-module_wrapper__8iODY,.VideoPlayer-module_wrapper__8iODY *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.VideoPlayer-module_wrapper__8iODY{aspect-ratio:16/9;background-color:#000;color:#fff;display:block;position:relative;width:100%}.VideoPlayer-module_video__fcIYk{display:block;height:100%;width:100%}.VideoPlayer-module_controller__eyPIB{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;width:100%}.VideoPlayer-module_title__oxKqS{font-size:1.1rem;font-weight:400;line-height:1.1rem;padding:1rem 0 0 1rem;width:100%;p{display:block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 3.6rem)}}.VideoPlayer-module_center__arqa3{-webkit-box-flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;width:100%;div{-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}}.VideoPlayer-module_controls__OQ23e{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.6em;padding:.8em 1em;width:100%}.VideoPlayer-module_controls__OQ23e button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff0;border:0;color:#fff;cursor:pointer;padding:.25em;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}.VideoPlayer-module_controls__OQ23e button:hover{background-color:#00b2ff;border-radius:5px}.VideoPlayer-module_timeWrapper__fpsFx{-webkit-box-flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;font-family:monospace;font-size:1rem;gap:.6em;padding-inline:.3em;article{font-size:1em}}.VideoPlayer-module_btnSetting__le5fg{font-size:.8em;position:absolute;right:1em;top:.8em;button svg{width:2em!important}}.VideoPlayer-module_customSelect__GSAin{background-color:#fff;border-radius:6px;-webkit-box-shadow:0 0 2px #000a;box-shadow:0 0 2px #000a;color:#000;min-width:12em;padding-block:.4em;padding-inline:1em;position:absolute;right:1em;top:2.8em;z-index:2;div,ul li{border-radius:8px;cursor:pointer;padding:.4em 0;text-align:center}}.VideoPlayer-module_hoverTime__Dl7h0{background-color:#fff;border-radius:99px;-webkit-box-shadow:0 0 2px #000a;box-shadow:0 0 2px #000a;color:#000;font-size:.8em;padding:.1em .8em;position:absolute;top:-3em}.VideoPlayer-module_hoverTime__Dl7h0:before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;content:"";height:0;left:50%;position:absolute;top:99%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.VideoPlayer-module_timeControl__sz7qH{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.VideoPlayer-module_backProcess__I5ZGe{background-color:#fff5;border-radius:2em;height:4px;width:100%}.VideoPlayer-module_progressBar__v-AQM{background-color:#fffa;border-radius:2em;height:4px;left:0;position:absolute;top:0;width:100%}.VideoPlayer-module_rangeTime__Sp6FM{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:2em;height:4px;left:0;position:absolute;top:0;width:100%}.VideoPlayer-module_rangeTime__Sp6FM::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:2em;height:1em;width:1em}.VideoPlayer-module_rangeTime__Sp6FM:hover{cursor:pointer}.VideoPlayer-module_rangeTime__Sp6FM::-webkit-slider-thumb:hover{-webkit-box-shadow:0 0 1px 3px #fff4;box-shadow:0 0 1px 3px #fff4}.VideoPlayer-module_volumeWrapper__QBYAa{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.1em}.VideoPlayer-module_rangeVolume__koFUe{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:2em;cursor:pointer;height:4px;width:4em}.VideoPlayer-module_rangeVolume__koFUe::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:2em;height:1em;width:1em}.VideoPlayer-module_rangeVolume__koFUe::-webkit-slider-thumb:hover{-webkit-box-shadow:0 0 1px 3px #fff4;box-shadow:0 0 1px 3px #fff4}.VideoPlayer-module_seekLeft__494Gh,.VideoPlayer-module_seekRight__Wq-Br{font-size:1.6rem;position:absolute;text-shadow:0 0 2px #0004;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.VideoPlayer-module_seekLeft__494Gh{left:20%}.VideoPlayer-module_seekLeft__494Gh,.VideoPlayer-module_seekRight__Wq-Br{-webkit-animation:VideoPlayer-module_shaking__mp-kJ .2s;animation:VideoPlayer-module_shaking__mp-kJ .2s}.VideoPlayer-module_seekRight__Wq-Br{right:20%}@-webkit-keyframes VideoPlayer-module_shaking__mp-kJ{0%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}50%{-webkit-transform:translateY(-50%) scale(2);transform:translateY(-50%) scale(2)}to{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes VideoPlayer-module_shaking__mp-kJ{0%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}50%{-webkit-transform:translateY(-50%) scale(2);transform:translateY(-50%) scale(2)}to{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@media (max-width:640px){.VideoPlayer-module_hideOnMobile__-bl4X{display:none}}@media (min-width:640px){.VideoPlayer-module_rangeVolume__koFUe{width:6em}.VideoPlayer-module_seekLeft__494Gh,.VideoPlayer-module_seekRight__Wq-Br{font-size:3rem}}.VideoPlayer-module_loadingContainer__H2pCH{display:block;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:12%;svg{color:#fff;display:block;width:100%}}.VideoPlayer-module_playFirstContainer__iHyIf{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;button{background-color:transparent;border:0;cursor:pointer;margin:0;padding:.6em;svg{color:#fff}}}

package/dist/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("react/jsx-runtime"),t=require("react");function l({name:t,bigger:l,className:i,onClick:r}){return"loading"===t?e.jsxs("svg",{version:"1.1",id:"L1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 100 100",enableBackground:"new 0 0 100 100",xmlSpace:"preserve",children:[e.jsx("title",{children:"loading"}),e.jsx("circle",{fill:"none",stroke:"currentColor",strokeWidth:"6",strokeMiterlimit:"15",strokeDasharray:"14.2472,14.2472",cx:"50",cy:"50",r:"47",children:e.jsx("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"5s",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})}),e.jsx("circle",{fill:"none",stroke:"currentColor",strokeWidth:"1",strokeMiterlimit:"10",strokeDasharray:"10,10",cx:"50",cy:"50",r:"39",children:e.jsx("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"5s",from:"0 50 50",to:"-360 50 50",repeatCount:"indefinite"})}),e.jsxs("g",{fill:"currentColor",children:[e.jsx("rect",{x:"30",y:"35",width:"5",height:"30",children:e.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.1"})}),e.jsx("rect",{x:"40",y:"35",width:"5",height:"30",children:e.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.2"})}),e.jsx("rect",{x:"50",y:"35",width:"5",height:"30",children:e.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.3"})}),e.jsx("rect",{x:"60",y:"35",width:"5",height:"30",children:e.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.4"})}),e.jsx("rect",{x:"70",y:"35",width:"5",height:"30",children:e.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.5"})})]})]}):"hide"===t?e.jsx(e.Fragment,{}):e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,onClick:r,className:i,style:{display:"block",width:(l?"5":"1.6")+"em"},stroke:"currentColor",children:[e.jsx("title",{children:t}),"play"===t&&e.jsx("path",{fill:"#fff",strokeLinecap:"round",strokeLinejoin:"round",d:"M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"}),"pause"===t&&e.jsx("path",{strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round",d:"M16.4 5.25v13.5m-8.5-13.5v13.5"}),"fullscreen"===t&&e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"}),"unfullscreen"===t&&e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 9V4.5M9 9H4.5M9 9 3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5 5.25 5.25"}),"pip"===t&&e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.5 8.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v8.25A2.25 2.25 0 0 0 6 16.5h2.25m8.25-8.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-7.5A2.25 2.25 0 0 1 8.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 0 0-2.25 2.25v6"}),"muted"===t&&e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.25 9.75 19.5 12m0 0 2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6 4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"}),"volume"===t&&e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"}),"restart"===t&&e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"})]})}var i="VideoPlayer-module_visit__PJEFg",r="VideoPlayer-module_invisit__A7jP6",c="VideoPlayer-module_opacity0__M4VIz",o="VideoPlayer-module_opacity1__wWDar",n="VideoPlayer-module_absoluteCenter__A2KzN",a="VideoPlayer-module_wrapper__8iODY",s="VideoPlayer-module_video__fcIYk",d="VideoPlayer-module_controller__eyPIB",u="VideoPlayer-module_title__oxKqS",x="VideoPlayer-module_center__arqa3",b="VideoPlayer-module_controls__OQ23e",Q="VideoPlayer-module_timeWrapper__fpsFx",m="VideoPlayer-module_timeControl__sz7qH",G="VideoPlayer-module_backProcess__I5ZGe",F="VideoPlayer-module_progressBar__v-AQM",X="VideoPlayer-module_rangeTime__Sp6FM",B="VideoPlayer-module_volumeWrapper__QBYAa",y="VideoPlayer-module_rangeVolume__koFUe",p="VideoPlayer-module_seekLeft__494Gh",U="VideoPlayer-module_seekRight__Wq-Br",Z="VideoPlayer-module_hideOnMobile__-bl4X",N="VideoPlayer-module_loadingContainer__H2pCH",L="VideoPlayer-module_playFirstContainer__iHyIf";!function(e,t){void 0===t&&(t={});var l=t.insertAt;if("undefined"!=typeof document){var i=document.head\|\|document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===l&&i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".VideoPlayer-module_hide__nwlly{display:none}.VideoPlayer-module_visit__PJEFg{visibility:visible}.VideoPlayer-module_invisit__A7jP6{visibility:hidden}.VideoPlayer-module_opacity0__M4VIz{opacity:0}.VideoPlayer-module_opacity1__wWDar{opacity:1}.VideoPlayer-module_absoluteCenter__A2KzN{cursor:pointer;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.VideoPlayer-module_wrapper__8iODY,.VideoPlayer-module_wrapper__8iODY {-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.VideoPlayer-module_wrapper__8iODY{aspect-ratio:16/9;background-color:#000;color:#fff;display:block;position:relative;width:100%}.VideoPlayer-module_video__fcIYk{display:block;height:100%;width:100%}.VideoPlayer-module_controller__eyPIB{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;width:100%}.VideoPlayer-module_title__oxKqS{font-size:1.1rem;font-weight:400;line-height:1.1rem;padding:1rem 0 0 1rem;width:100%}.VideoPlayer-module_center__arqa3{-webkit-box-flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;width:100%;div{-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}}.VideoPlayer-module_controls__OQ23e{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.6em;padding:.8em 1em;width:100%}.VideoPlayer-module_controls__OQ23e button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff0;border:0;color:#fff;cursor:pointer;padding:.25em;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}.VideoPlayer-module_controls__OQ23e button:hover{background-color:#00b2ff;border-radius:5px}.VideoPlayer-module_timeWrapper__fpsFx{-webkit-box-flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;font-family:monospace;font-size:1rem;gap:.6em;padding-inline:.3em;article{font-size:1em}}.VideoPlayer-module_timeControl__sz7qH{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.VideoPlayer-module_backProcess__I5ZGe{background-color:#fff5;border-radius:2em;height:4px;width:100%}.VideoPlayer-module_progressBar__v-AQM{background-color:#fffa;border-radius:2em;height:4px;left:0;position:absolute;top:0;width:100%}.VideoPlayer-module_rangeTime__Sp6FM{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:2em;height:4px;left:0;position:absolute;top:0;width:100%}.VideoPlayer-module_rangeTime__Sp6FM::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:2em;height:1em;width:1em}.VideoPlayer-module_rangeTime__Sp6FM:hover{cursor:pointer}.VideoPlayer-module_rangeTime__Sp6FM::-webkit-slider-thumb:hover{-webkit-box-shadow:0 0 1px 3px #fff4;box-shadow:0 0 1px 3px #fff4}.VideoPlayer-module_volumeWrapper__QBYAa{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.1em}.VideoPlayer-module_rangeVolume__koFUe{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:2em;cursor:pointer;height:4px;width:4em}.VideoPlayer-module_rangeVolume__koFUe::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:2em;height:1em;width:1em}.VideoPlayer-module_rangeVolume__koFUe::-webkit-slider-thumb:hover{-webkit-box-shadow:0 0 1px 3px #fff4;box-shadow:0 0 1px 3px #fff4}.VideoPlayer-module_seekLeft__494Gh,.VideoPlayer-module_seekRight__Wq-Br{font-size:1.6rem;position:absolute;text-shadow:0 0 2px #0004;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.VideoPlayer-module_seekLeft__494Gh{left:20%}.VideoPlayer-module_seekLeft__494Gh,.VideoPlayer-module_seekRight__Wq-Br{-webkit-animation:VideoPlayer-module_shaking__mp-kJ .2s;animation:VideoPlayer-module_shaking__mp-kJ .2s}.VideoPlayer-module_seekRight__Wq-Br{right:20%}@-webkit-keyframes VideoPlayer-module_shaking__mp-kJ{0%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}50%{-webkit-transform:translateY(-50%) scale(2);transform:translateY(-50%) scale(2)}to{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes VideoPlayer-module_shaking__mp-kJ{0%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}50%{-webkit-transform:translateY(-50%) scale(2);transform:translateY(-50%) scale(2)}to{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@media (max-width:640px){.VideoPlayer-module_hideOnMobile__-bl4X{display:none}}@media (min-width:640px){.VideoPlayer-module_rangeVolume__koFUe{width:6em}.VideoPlayer-module_seekLeft__494Gh,.VideoPlayer-module_seekRight__Wq-Br{font-size:3rem}}.VideoPlayer-module_loadingContainer__H2pCH{display:block;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:12%;svg{color:#fff;display:block;width:100%}}.VideoPlayer-module_playFirstContainer__iHyIf{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;button{background-color:transparent;border:0;cursor:pointer;margin:0;padding:.6em;svg{color:#fff}}}\n/# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpZGVvUGxheWVyLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT0EsZ0NBQ0MsWUFDRCxDQUVBLGlDQUNDLGtCQUNELENBRUEsbUNBQ0MsaUJBQ0QsQ0FFQSxvQ0FDQyxTQUNELENBRUEsb0NBQ0MsU0FDRCxDQUVBLDBDQUdDLGNBQWUsQ0FEZixRQUFTLENBRVQsaUJBQWtCLENBSGxCLE9BQVEsQ0FJUixzQ0FBd0MsQ0FDeEMsa0NBQW9DLENBQ3BDLDhCQUNELENBRUEsd0VBUUMsNkJBQThCLENBQzlCLHFCQUFzQixDQVB0QixRQUFTLENBQ1QsU0FBVSxDQUNWLHdCQUF5QixDQUN6QixxQkFBc0IsQ0FDdEIsb0JBQXFCLENBQ3JCLGdCQUdELENBRUEsbUNBS0MsaUJBQW9CLENBQ3BCLHFCQUF1QixDQUp2QixVQUFZLENBQ1osYUFBYyxDQUNkLGlCQUFrQixDQUhsQixVQU1ELENBRUEsaUNBR0MsYUFBYyxDQURkLFdBQVksQ0FEWixVQUdELENBRUEsc0NBU0Msd0JBQXlCLENBQ3pCLHFCQUFzQixDQUt0QiwyQkFBNEIsQ0FDNUIsNEJBQTZCLENBRzdCLHVCQUF3QixDQUN4QixvQkFBcUIsQ0FUckIsa0JBQW1CLENBV25CLCtCQUFvQyxDQWpCcEMsbUJBQW9CLENBQ3BCLG1CQUFvQixDQUNwQixZQUFhLENBVWIseUJBQTBCLENBQzFCLHFCQUFzQixDQWR0QixXQUFZLENBaUJaLHNCQUF1QixDQW5CdkIsTUFBTyxDQU1QLGlCQUFrQixDQVBsQixLQUFNLENBV04sMEJBQTZCLENBQzdCLHFCQUF3QixDQUN4QixrQkFBcUIsQ0FYckIsVUFvQkQsQ0FFQSxpQ0FHQyxnQkFBaUIsQ0FEakIsZUFBZ0IsQ0FFaEIsa0JBQW1CLENBQ25CLHFCQUFzQixDQUp0QixVQUtELENBRUEsa0NBQ0Msa0JBQW1CLENBT25CLDZCQUE4QixDQUM5Qiw0QkFBNkIsQ0FKN0IsbUJBQW9CLENBQ3BCLG1CQUFvQixDQUNwQixZQUFhLENBTGIsVUFBVyxDQUNYLE1B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LENBQ1osYUFBYyxDQUZkLFVBR0QsQ0FDRCxDQUVBLDhDQVNDLHdCQUF5QixDQUN6QixxQkFBc0IsQ0FFdEIsdUJBQXdCLENBQ3hCLG9CQUFxQixDQUZyQixrQkFBbUIsQ0FJbkIscUJBQXVCLENBVnZCLG1CQUFvQixDQUNwQixtQkFBb0IsQ0FDcEIsWUFBYSxDQUhiLFdBQVksQ0FVWixzQkFBdUIsQ0FadkIsTUFBTyxDQU1QLGlCQUFrQixDQVBsQixLQUFNLENBRU4sVUFBVyxDQWFYLE9BS0MsNEJBQTZCLENBSjdCLFFBQVMsQ0FHVCxjQUFlLENBRmYsUUFBUyxDQUNULFlBQWMsQ0FHZCxJQUNDLFVBQ0QsQ0FDRCxDQUNEIiwiZmlsZSI6IlZpZGVvUGxheWVyLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuKiBQcmVmaXhlZCBieSBodHRwczovL2F1dG9wcmVmaXhlci5naXRodWIuaW9cbiogUG9zdENTUzogdjguNC4xNCxcbiogQXV0b3ByZWZpeGVyOiB2MTAuNC43XG4qIEJyb3dzZXJzOiBsYXN0IDQgdmVyc2lvblxuKi9cblxuLmhpZGUge1xuXHRkaXNwbGF5OiBub25lO1xufVxuXG4udmlzaXQge1xuXHR2aXNpYmlsaXR5OiB2aXNpYmxlO1xufVxuXG4uaW52aXNpdCB7XG5cdHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuLm9wYWNpdHkwIHtcblx0b3BhY2l0eTogMDtcbn1cblxuLm9wYWNpdHkxIHtcblx0b3BhY2l0eTogMTtcbn1cblxuLmFic29sdXRlQ2VudGVyIHtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdC1tcy10cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG59XG5cbi53cmFwcGVyLFxuLndyYXBwZXIgKiB7XG5cdG1hcmdpbjogMDtcblx0cGFkZGluZzogMDtcblx0LXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcblx0LW1vei11c2VyLXNlbGVjdDogbm9uZTtcblx0LW1zLXVzZXItc2VsZWN0OiBub25lO1xuXHR1c2VyLXNlbGVjdDogbm9uZTtcblx0LXdlYmtpdC1ib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4ud3JhcHBlciB7XG5cdHdpZHRoOiAxMDAlO1xuXHRjb2xvcjogd2hpdGU7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGFzcGVjdC1yYXRpbzogMTYgLyA5O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbn1cblxuLnZpZGVvIHtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0ZGlzcGxheTogYmxvY2s7XG59XG5cbi5jb250cm9sbGVyIHtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHRkaXNwbGF5OiAtd2Via2l0LWJveDtcblx0ZGlzcGxheTogLW1zLWZsZXhib3g7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0LXdlYmtpdC1ib3gtYWxpZ246IGNlbnRlcjtcblx0LW1zLWZsZXgtYWxpZ246IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0LXdlYmtpdC10cmFuc2l0aW9uOiBhbGwgMjAwbXM7XG5cdC1vLXRyYW5zaXRpb246IGFsbCAyMDBtcztcblx0dHJhbnNpdGlvbjogYWxsIDIwMG1zO1xuXHQtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuXHQtd2Via2l0LWJveC1kaXJlY3Rpb246IG5vcm1hbDtcblx0LW1zLWZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdC13ZWJraXQtYm94LXBhY2s6IGNlbnRlcjtcblx0LW1zLWZsZXgtcGFjazogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjUpO1xufVxuXG4udGl0bGUge1xuXHR3aWR0aDogMTAwJTtcblx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0Zm9udC1zaXplOiAxLjFyZW07XG5cdGxpbmUtaGVpZ2h0OiAxLjFyZW07XG5cdHBhZGRpbmc6IDFyZW0gMCAwIDFyZW07XG59XG5cbi5jZW50ZXIge1xuXHQtd2Via2l0LWJveC1mbGV4OiAxO1xuXHQtbXMtZmxleDogMTtcblx0ZmxleDogMTtcblx0d2lkdGg6IDEwMCU7XG5cdGRpc3BsYXk6IC13ZWJraXQtYm94O1xuXHRkaXNwbGF5OiAtbXMtZmxleGJveDtcblx0ZGlzcGxheTogZmxleDtcblx0LXdlYmtpdC1ib3gtb3JpZW50OiBob3Jpem9udGFsO1xuXHQtd2Via2l0LWJveC1kaXJlY3Rpb246IG5vcm1hbDtcblx0LW1zLWZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGRpdiB7XG5cdFx0LXdlYmtpdC1ib3gtZmxleDogMTtcblx0XHQtbXMtZmxleDogMTtcblx0XHRmbGV4OiAxO1xuXHRcdGRpc3BsYXk6IC13ZWJraXQtYm94O1xuXHRcdGRpc3BsYXk6IC1tcy1mbGV4Ym94O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cbn1cblxuLmNvbnRyb2xzIHtcblx0Z2FwOiAwLjZlbTtcblx0d2lkdGg6IDEwMCU7XG5cdGRpc3BsYXk6IC13ZWJraXQtYm94O1xuXHRkaXNwbGF5OiAtbXMtZmxleGJveDtcblx0ZGlzcGxheTogZmxleDtcblx0cGFkZGluZzogMC44ZW0gMWVtO1xufVxuXG4uY29udHJvbHMgYnV0dG9uIHtcblx0Ym9yZGVyOiAwO1xuXHRwYWRkaW5nOiAwLjI1ZW07XG5cdGNvbG9yOiB3aGl0ZTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdC1tb3otYXBwZWFyYW5jZTogbm9uZTtcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0LXdlYmtpdC10cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDIwMG1zO1xuXHQtby10cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDIwMG1zO1xuXHR0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDIwMG1zO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmMDtcbn1cblxuLmNvbnRyb2xzIGJ1dHRvbjpob3ZlciB7XG5cdGJvcmRlci1yYWRpdXM6IDVweDtcblx0YmFja2dyb3VuZC1jb2xvcjogIzAwYjJmZjtcbn1cblxuLnRpbWVXcmFwcGVyIHtcblx0LXdlYmtpdC1ib3gtZmxleDogMTtcblx0LW1zLWZsZXg6IDE7XG5cdGZsZXg6IDE7XG5cdGdhcDogMC42ZW07XG5cdGRpc3BsYXk6IC13ZWJraXQtYm94O1xuXHRkaXNwbGF5OiAtbXMtZmxleGJveDtcblx0ZGlzcGxheTogZmxleDtcblx0Zm9udC1zaXplOiAxcmVtO1xuXHQtd2Via2l0LWJveC1hbGlnbjogY2VudGVyO1xuXHQtbXMtZmxleC1hbGlnbjogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRwYWRkaW5nLWlubGluZTogMC4zZW07XG5cdGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7XG5cdGFydGljbGUge1xuXHRcdGZvbnQtc2l6ZTogMWVtO1xuXHR9XG59XG5cbi50aW1lQ29udHJvbCB7XG5cdC13ZWJraXQtYm94LWZsZXg6IDE7XG5cdC1tcy1mbGV4OiAxO1xuXHRmbGV4OiAxO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5iYWNrUHJvY2VzcyB7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDRweDtcblx0Ym9yZGVyLXJhZGl1czogMmVtO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmNTtcbn1cblxuLnByb2dyZXNzQmFyIHtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0cHg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0Ym9yZGVyLXJhZGl1czogMmVtO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmYTtcbn1cblxuLnJhbmdlVGltZSB7XG5cdHRvcDogMDtcblx0bGVmdDogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNHB4O1xuXHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdC1tb3otYXBwZWFyYW5jZTogbm9uZTtcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRib3JkZXItcmFkaXVzOiAyZW07XG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG4ucmFuZ2VUaW1lOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG5cdC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0d2lkdGg6IDFlbTtcblx0aGVpZ2h0OiAxZW07XG5cdGJvcmRlci1yYWRpdXM6IDJlbTtcblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbn1cblxuLnJhbmdlVGltZTpob3ZlciB7XG5cdGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnJhbmdlVGltZTo6LXdlYmtpdC1zbGlkZXItdGh1bWI6aG92ZXIge1xuXHQtd2Via2l0LWJveC1zaGFkb3c6ICNmZmY0IDAgMCAxcHggM3B4O1xuXHRib3gtc2hhZG93OiAjZmZmNCAwIDAgMXB4IDNweDtcbn1cblxuLnZvbHVtZVdyYXBwZXIge1xuXHRnYXA6IDAuMWVtO1xuXHRkaXNwbGF5OiAtd2Via2l0LWJveDtcblx0ZGlzcGxheTogLW1zLWZsZXhib3g7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdC13ZWJraXQtYm94LWFsaWduOiBjZW50ZXI7XG5cdC1tcy1mbGV4LWFsaWduOiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5yYW5nZVZvbHVtZSB7XG5cdHdpZHRoOiA0ZW07XG5cdGhlaWdodDogNHB4O1xuXHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdC1tb3otYXBwZWFyYW5jZTogbm9uZTtcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0Ym9yZGVyLXJhZGl1czogMmVtO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG4ucmFuZ2VWb2x1bWU6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcblx0LXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuXHRhcHBlYXJhbmNlOiBub25lO1xuXHR3aWR0aDogMWVtO1xuXHRoZWlnaHQ6IDFlbTtcblx0Ym9yZGVyLXJhZGl1czogMmVtO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xufVxuXG4ucmFuZ2VWb2x1bWU6Oi13ZWJraXQtc2xpZGVyLXRodW1iOmhvdmVyIHtcblx0LXdlYmtpdC1ib3gtc2hhZG93OiAjZmZmNCAwIDAgMXB4IDNweDtcblx0Ym94LXNoYWRvdzogI2ZmZjQgMCAwIDFweCAzcHg7XG59XG5cbi5zZWVrTGVmdCxcbi5zZWVrUmlnaHQge1xuXHR0b3A6IDUwJTtcblx0Zm9udC1zaXplOiAxLjZyZW07XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dGV4dC1zaGFkb3c6IDAgMCAycHggIzAwMDQ7XG5cdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuXHQtbXMtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG59XG5cbi5zZWVrTGVmdCB7XG5cdGxlZnQ6IDIwJTtcblx0LXdlYmtpdC1hbmltYXRpb246IHNoYWtpbmcgMjAwbXM7XG5cdGFuaW1hdGlvbjogc2hha2luZyAyMDBtcztcbn1cblxuLnNlZWtSaWdodCB7XG5cdHJpZ2h0OiAyMCU7XG5cdC13ZWJraXQtYW5pbWF0aW9uOiBzaGFraW5nIDIwMG1zO1xuXHRhbmltYXRpb246IHNoYWtpbmcgMjAwbXM7XG59XG5cbkAtd2Via2l0LWtleWZyYW1lcyBzaGFraW5nIHtcblx0MCUge1xuXHRcdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHNjYWxlKDEpO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKSBzY2FsZSgxKTtcblx0fVxuXHQ1MCUge1xuXHRcdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHNjYWxlKDIpO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKSBzY2FsZSgyKTtcblx0fVxuXHQxMDAlIHtcblx0XHQtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKSBzY2FsZSgxKTtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSkgc2NhbGUoMSk7XG5cdH1cbn1cblxuQGtleWZyYW1lcyBzaGFraW5nIHtcblx0MCUge1xuXHRcdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHNjYWxlKDEpO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKSBzY2FsZSgxKTtcblx0fVxuXHQ1MCUge1xuXHRcdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHNjYWxlKDIpO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKSBzY2FsZSgyKTtcblx0fVxuXHQxMDAlIHtcblx0XHQtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKSBzY2FsZSgxKTtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSkgc2NhbGUoMSk7XG5cdH1cbn1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDY0MHB4KSB7XG5cdC5oaWRlT25Nb2JpbGUge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDY0MHB4KSB7XG5cdC5yYW5nZVZvbHVtZSB7XG5cdFx0d2lkdGg6IDZlbTtcblx0fVxuXHQuc2Vla0xlZnQsXG5cdC5zZWVrUmlnaHQge1xuXHRcdGZvbnQtc2l6ZTogM3JlbTtcblx0fVxufVxuXG4ubG9hZGluZ0NvbnRhaW5lciB7XG5cdHRvcDogNTAlO1xuXHRsZWZ0OiA1MCU7XG5cdHdpZHRoOiAxMiU7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdC1tcy10cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHN2ZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Y29sb3I6IHdoaXRlO1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHR9XG59XG5cbi5wbGF5Rmlyc3RDb250YWluZXIge1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGRpc3BsYXk6IC13ZWJraXQtYm94O1xuXHRkaXNwbGF5OiAtbXMtZmxleGJveDtcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHQtd2Via2l0LWJveC1hbGlnbjogY2VudGVyO1xuXHQtbXMtZmxleC1hbGlnbjogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHQtd2Via2l0LWJveC1wYWNrOiBjZW50ZXI7XG5cdC1tcy1mbGV4LXBhY2s6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuXHRidXR0b24ge1xuXHRcdGJvcmRlcjogMDtcblx0XHRtYXJnaW46IDA7XG5cdFx0cGFkZGluZzogMC42ZW07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRcdHN2ZyB7XG5cdFx0XHRjb2xvcjogd2hpdGU7XG5cdFx0fVxuXHR9XG59XG4iXX0= /"),exports.VideoPlayer=function({source:V,title:g}){const h="string"==typeof V?V:V.link,W="object"==typeof V&&"string"==typeof V.type?V.type:"video/mp4",C=t.useRef(null),k=t.useRef(null),D=t.useRef(null),w=t.useRef(null),f=t.useRef(0),[R,H]=t.useState(!0),[I,Y]=t.useState(0),[E,v]=t.useState(!1),[M,_]=t.useState(!1),[J,T]=t.useState(!1),[O,j]=t.useState(!1),[z,A]=t.useState(!1),[S,P]=t.useState(!1),[K,q]=t.useState(!1),[$,ee]=t.useState(!0),[te,le]=t.useState(!1),[ie,re]=t.useState(1),[ce,oe]=t.useState(0),[ne,ae]=t.useState(0);function se(e){if(void 0===e\|\|Number.isNaN(e)\|\|e<0)return"00:00";const t=Math.floor(e),l=t%60;return`${Math.floor(t/60).toString().padStart(2,"0")}:${l.toString().padStart(2,"0")}`}async function de(e,t){e.current&&await t(e.current)}t.useEffect(()=>{j(!1),q(!1),A(!1),oe(0),ae(0),Y(0),v(!1)},[h]),t.useEffect(()=>()=>{C.current&&(clearTimeout(C.current),C.current=null),k.current&&(clearTimeout(k.current),k.current=null)},[]);const ue=t.useCallback(()=>{k.current&&(clearTimeout(k.current),k.current=null),v(!0),k.current=setTimeout(()=>{v(!1),Y(0),k.current=null},1500)},[]),xe=t.useCallback(()=>{de(D,async e=>{try{e.paused?await e.play():e.pause()}catch{return}})},[]),be=t.useCallback(e=>{de(D,t=>{Y(l=>{const i="+"===e?l<0?10:l+10:l>0?-10:l-10;return t.currentTime+="+"===e?10:-10,i}),ue()})},[ue]);function Qe(){const e=document;!!(e.fullscreenEnabled\|\|e.webkitFullscreenEnabled\|\|e.mozFullScreenEnabled\|\|e.msFullscreenEnabled)&&de(w,e=>{document.fullscreenElement?async function(){const e=document,t=e.exitFullscreen\|\|e.webkitExitFullscreen\|\|e.mozCancelFullScreen\|\|e.msExitFullscreen;if(t)try{await t.call(e)}catch{return void console.error("Failed to exit fullscreen")}}():async function(e){const t=e,l=t.requestFullscreen\|\|t.webkitRequestFullscreen\|\|t.webkitEnterFullscreen\|\|t.mozRequestFullScreen\|\|t.msRequestFullscreen;if(l)try{await l.call(t)}catch{return void console.error("Failed to enter fullscreen")}}(e)})}function me(){"pictureInPictureEnabled"in document&&"requestPictureInPicture"in HTMLVideoElement.prototype&&de(D,e=>{document.pictureInPictureElement?async function(e){if(!1===e.disablePictureInPicture&&"pictureInPictureElement"in document&&document.pictureInPictureElement)try{await document.exitPictureInPicture()}catch{return void console.error("Failed to exit Picture-in-Picture")}}(e):async function(e){if(!("pictureInPictureEnabled"in document)\|\|"function"!=typeof e.requestPictureInPicture)return console.error("Picture-in-Picture is not supported in this browser"),null;try{return e.paused&&await e.play().catch(()=>{console.warn("Auto-play was prevented")}),await e.requestPictureInPicture()}catch{return console.error("Failed to enter Picture-in-Picture"),null}}(e)})}function Ge(e,t){de(D,l=>{"time"===e?(ae(t),l.currentTime=t):(re(t),l.volume=t,l.muted&&(l.muted=!1,P(!1)))})}function Fe(e=2500){$\|\|(C.current&&(clearTimeout(C.current),C.current=null),_(!0),C.current=setTimeout(()=>{te\|\|_(!1),C.current=null},e))}t.useEffect(()=>{const e=/Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini\|Mobi/i.test(window.navigator.userAgent);async function t(){if(w.current&&D.current){const e=document.fullscreenElement===w.current;T(document.fullscreenEnabled&&e);const t=D.current.videoWidth>D.current.videoHeight;if("undefined"!=typeof window&&window.screen&&"orientation"in window.screen&&window.screen.orientation&&"lock"in window.screen.orientation&&"function"==typeof window.screen.orientation.lock&&t&&e)try{await window.screen.orientation.lock("landscape")}catch{return!1}}}function l(e){[" ","f","p","ArrowLeft","ArrowRight"].includes(e.key)&&e.preventDefault(),de(D,t=>{switch(e.key){case" ":xe();break;case"f":Qe();break;case"p":me();break;case"ArrowLeft":Y(e=>{const l=e>0?-10:e-10;return t.currentTime-=10,l}),ue();break;case"ArrowRight":Y(e=>{const l=e<0?10:e+10;return t.currentTime+=10,l}),ue()}})}return H(e),document.addEventListener("fullscreenchange",t),!e&&window.addEventListener("keydown",l),()=>{document.removeEventListener("fullscreenchange",t),!e&&window.removeEventListener("keydown",l)}},[h,xe,ue]);const Xe=t.useCallback(function(e,t){let l=null,i=0;return function(...r){const c=Date.now();i?(l&&clearTimeout(l),l=setTimeout(()=>{c-i>=t&&(e.apply(this,r),i=c)},t-(c-i))):(e.apply(this,r),i=c)}}(()=>{$\|\|Fe()},200),[$,te]),Be=t.useCallback(()=>{_(!1),C.current&&(clearTimeout(C.current),C.current=null)},[]);t.useEffect(()=>{te&&Fe(1e3)},[te]);const ye=t.useCallback(e=>{const t=e.currentTarget.currentTime;(Math.floor(t)!==Math.floor(ne)\|\|Math.abs(t-ne)>1)&&ae(t)},[ne]),pe=t.useMemo(()=>{if(!D.current\|\|!ce)return 0;const e=D.current.buffered;if(0===e.length)return 0;let t=0;for(let l=0;l<e.length;l++)if(e.start(l)<=ne&&e.end(l)>ne){t=e.end(l);break}return t/ce100},[ne,ce]),Ue=t.useMemo(()=>ce>0?ne/ce100:0,[ne,ce]),Ze=t.useCallback(e=>{if(!R)return;const t=Date.now(),l=t-f.current;(l>0&&l<300\|\|E)&&(E\|\|v(!0),be(e)),f.current=t},[R,E,be]);return e.jsxs("div",{className:a,ref:w,onMouseMove:Xe,onMouseLeave:Be,children:[e.jsx("video",{playsInline:!0,preload:"none",ref:D,controls:!1,onTimeUpdate:ye,onLoadedMetadata:e=>oe(e.currentTarget.duration),onVolumeChange:e=>re(e.currentTarget.volume),onCanPlayThrough:()=>A(!1),onWaiting:()=>A(!0),onLoadStart:()=>q(!1),onEnded:()=>q(!0),onPlay:()=>{q(!1),ee(!1),j(!0)},onPause:()=>ee(!0),className:s,children:e.jsx("source",{src:h,type:W})}),e.jsxs("div",{className:`${d} ${R?$\|\|M?i:r:$\|\|M?o:c}`,children:[e.jsx("h1",{className:u,children:g}),e.jsxs("div",{className:x,onClick:R?void 0:xe,children:[e.jsx("div",{onClick:()=>Ze("-")}),e.jsx("div",{onClick:()=>Ze("+")})]}),e.jsxs("div",{className:b,children:[e.jsxs("div",{className:Q,children:[e.jsx("article",{children:se(ne)}),e.jsxs("div",{className:m,children:[e.jsx("div",{className:G}),e.jsx("div",{className:F,style:{width:`${pe}%`}}),e.jsx("input",{type:"range",step:"any",max:ce,value:ne,onFocus:e=>e.currentTarget.blur(),className:X,onPointerDown:()=>le(!0),onPointerUp:()=>le(!1),onPointerCancel:()=>le(!1),onChange:e=>Ge("time",+e.currentTarget.value),style:{backgroundImage:`linear-gradient(to right, #00b2ff ${Ue}%, #0000 ${Ue}%)`}})]}),e.jsx("article",{children:se(ce)})]}),e.jsxs("div",{className:B,children:[e.jsx("button",{type:"button",onClick:function(){de(D,e=>{e.muted=!e.muted,P(e.muted)})},onFocus:e=>e.currentTarget.blur(),children:e.jsx(l,{name:S\|\|0===ie?"muted":"volume"})}),e.jsx("input",{max:1,type:"range",step:"any",value:S?0:ie,onFocus:e=>e.currentTarget.blur(),className:y+(R?` ${Z}`:""),style:{backgroundImage:`linear-gradient(to right, #00b2ff ${S?0:100ie}%, #fff5 ${S?0:100*ie}%)`},onChange:e=>Ge("volume",+e.currentTarget.value)})]}),e.jsx("div",{children:e.jsx("button",{type:"button",onClick:me,onFocus:e=>e.currentTarget.blur(),children:e.jsx(l,{name:"pip"})})}),e.jsx("div",{children:e.jsx("button",{type:"button",onClick:Qe,onFocus:e=>e.currentTarget.blur(),children:e.jsx(l,{name:J?"unfullscreen":"fullscreen"})})})]}),e.jsx(l,{name:z?"hide":K?"restart":$?"play":"pause",bigger:!0,className:n,onClick:xe})]}),I<0&&e.jsx("div",{inert:!0,className:p,children:I.toString()},I),I>0&&e.jsx("div",{inert:!0,className:U,children:`+${I.toString()}`},I),z&&e.jsx("div",{className:N,children:e.jsx(l,{name:"loading"})}),!O&&e.jsx("div",{className:L,children:e.jsx("button",{type:"button",onFocus:e=>e.currentTarget.blur(),onClick:()=>{j(!0),de(D,async e=>{try{await e.play()}catch{return}})},children:e.jsx(l,{name:"play",bigger:!0})})})]},h)};
1	+ "use strict";var e=require("react/jsx-runtime"),t=require("react");function r({name:t,bigger:r,className:n,onClick:i}){return"loading"===t?e.jsxs("svg",{version:"1.1",id:"L1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 100 100",enableBackground:"new 0 0 100 100",xmlSpace:"preserve",children:[e.jsx("title",{children:"loading"}),e.jsx("circle",{fill:"none",stroke:"currentColor",strokeWidth:"6",strokeMiterlimit:"15",strokeDasharray:"14.2472,14.2472",cx:"50",cy:"50",r:"47",children:e.jsx("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"5s",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})}),e.jsx("circle",{fill:"none",stroke:"currentColor",strokeWidth:"1",strokeMiterlimit:"10",strokeDasharray:"10,10",cx:"50",cy:"50",r:"39",children:e.jsx("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"5s",from:"0 50 50",to:"-360 50 50",repeatCount:"indefinite"})}),e.jsxs("g",{fill:"currentColor",children:[e.jsx("rect",{x:"30",y:"35",width:"5",height:"30",children:e.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.1"})}),e.jsx("rect",{x:"40",y:"35",width:"5",height:"30",children:e.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.2"})}),e.jsx("rect",{x:"50",y:"35",width:"5",height:"30",children:e.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.3"})}),e.jsx("rect",{x:"60",y:"35",width:"5",height:"30",children:e.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.4"})}),e.jsx("rect",{x:"70",y:"35",width:"5",height:"30",children:e.jsx("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.5"})})]})]}):"hide"===t?e.jsx(e.Fragment,{}):e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,onClick:i,className:n,style:{display:"block",width:(r?"5":"1.6")+"em"},stroke:"currentColor",children:[e.jsx("title",{children:t}),"play"===t&&e.jsx("path",{fill:"#fff",strokeLinecap:"round",strokeLinejoin:"round",d:"M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"}),"pause"===t&&e.jsx("path",{strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round",d:"M16.4 5.25v13.5m-8.5-13.5v13.5"}),"fullscreen"===t&&e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"}),"unfullscreen"===t&&e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 9V4.5M9 9H4.5M9 9 3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5 5.25 5.25"}),"pip"===t&&e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.5 8.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v8.25A2.25 2.25 0 0 0 6 16.5h2.25m8.25-8.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-7.5A2.25 2.25 0 0 1 8.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 0 0-2.25 2.25v6"}),"muted"===t&&e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.25 9.75 19.5 12m0 0 2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6 4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"}),"volume"===t&&e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"}),"restart"===t&&e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"}),"setting"===t&&e.jsxs(e.Fragment,{children:[e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.559.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.894.149c-.424.07-.764.383-.929.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.398.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.45l.527-.737c.25-.35.272-.806.108-1.204-.165-.397-.506-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.108-1.204l-.526-.738a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894Z"}),e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"})]})]})}var n="VideoPlayer-module_visit__PJEFg",i="VideoPlayer-module_invisit__A7jP6",o="VideoPlayer-module_opacity0__M4VIz",l="VideoPlayer-module_opacity1__wWDar",a="VideoPlayer-module_videoContainer__-vADj",s="VideoPlayer-module_absoluteCenter__A2KzN",c="VideoPlayer-module_wrapper__8iODY",u="VideoPlayer-module_video__fcIYk",d="VideoPlayer-module_controller__eyPIB",m="VideoPlayer-module_title__oxKqS",h="VideoPlayer-module_center__arqa3",f="VideoPlayer-module_controls__OQ23e",p="VideoPlayer-module_timeWrapper__fpsFx",y="VideoPlayer-module_btnSetting__le5fg",x="VideoPlayer-module_customSelect__GSAin",v="VideoPlayer-module_hoverTime__Dl7h0",j="VideoPlayer-module_timeControl__sz7qH",k="VideoPlayer-module_backProcess__I5ZGe",g="VideoPlayer-module_progressBar__v-AQM",b="VideoPlayer-module_rangeTime__Sp6FM",_="VideoPlayer-module_volumeWrapper__QBYAa",w="VideoPlayer-module_rangeVolume__koFUe",P="VideoPlayer-module_seekLeft__494Gh",C="VideoPlayer-module_seekRight__Wq-Br",M="VideoPlayer-module_hideOnMobile__-bl4X",T="VideoPlayer-module_loadingContainer__H2pCH",L="VideoPlayer-module_playFirstContainer__iHyIf";exports.VideoPlayer=function({source:V,title:S}){const N="string"==typeof V?V:V.link,F="object"==typeof V&&"string"==typeof V.type?V.type:"video/mp4",E=t.useRef(null),A=t.useRef(null),I=t.useRef(null),q=t.useRef(null),H=t.useRef(0),R=t.useRef(null),[$,B]=t.useState(!0),[D,W]=t.useState(0),[z,Z]=t.useState(!1),[O,X]=t.useState(!1),[G,Q]=t.useState(!1),[U,Y]=t.useState(!1),[K,J]=t.useState(!1),[ee,te]=t.useState(!1),[re,ne]=t.useState(!1),[ie,oe]=t.useState(!0),[le,ae]=t.useState(!1),[se,ce]=t.useState(1),[ue,de]=t.useState(0),[me,he]=t.useState(0),[fe,pe]=t.useState(1),[ye,xe]=t.useState(!1),[ve,je]=t.useState(null),[ke,ge]=t.useState(null),[be,_e]=t.useState(0);function we(e){if(void 0===e\|\|Number.isNaN(e)\|\|e<0)return"00:00";const t=Math.floor(e),r=t%60;return`${Math.floor(t/60).toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`}async function Pe(e,t){e.current&&await t(e.current)}t.useEffect(()=>{Y(!1),ne(!1),J(!1),de(0),he(0),W(0),Z(!1),ae(!1),xe(!1),je(null)},[N]),t.useEffect(()=>()=>{E.current&&(clearTimeout(E.current),E.current=null),A.current&&(clearTimeout(A.current),A.current=null),R.current&&(cancelAnimationFrame(R.current),R.current=null)},[]);const Ce=t.useCallback(()=>{A.current&&(clearTimeout(A.current),A.current=null),Z(!0),A.current=setTimeout(()=>{Z(!1),W(0),A.current=null},1500)},[]),Me=t.useCallback(()=>{Pe(I,async e=>{try{e.paused?await e.play():e.pause()}catch{return}})},[]),Te=t.useCallback(e=>{Pe(I,t=>{W(r=>{const n="+"===e?r<0?10:r+10:r>0?-10:r-10;return t.currentTime+="+"===e?10:-10,n}),Ce()})},[Ce]);function Le(){const e=document;!!(e.fullscreenEnabled\|\|e.webkitFullscreenEnabled\|\|e.mozFullScreenEnabled\|\|e.msFullscreenEnabled)&&Pe(q,e=>{document.fullscreenElement?async function(){const e=document,t=e.exitFullscreen\|\|e.webkitExitFullscreen\|\|e.mozCancelFullScreen\|\|e.msExitFullscreen;if(t)try{await t.call(e)}catch{return void console.error("Failed to exit fullscreen")}}():async function(e){const t=e,r=t.requestFullscreen\|\|t.webkitRequestFullscreen\|\|t.webkitEnterFullscreen\|\|t.mozRequestFullScreen\|\|t.msRequestFullscreen;if(r)try{await r.call(t)}catch{return void console.error("Failed to enter fullscreen")}}(e)})}function Ve(){"pictureInPictureEnabled"in document&&"requestPictureInPicture"in HTMLVideoElement.prototype&&Pe(I,e=>{document.pictureInPictureElement?async function(e){if(!1===e.disablePictureInPicture&&"pictureInPictureElement"in document&&document.pictureInPictureElement)try{await document.exitPictureInPicture()}catch{return void console.error("Failed to exit Picture-in-Picture")}}(e):async function(e){if(!("pictureInPictureEnabled"in document)\|\|"function"!=typeof e.requestPictureInPicture)return console.error("Picture-in-Picture is not supported in this browser"),null;try{return e.paused&&await e.play().catch(()=>{console.warn("Auto-play was prevented")}),await e.requestPictureInPicture()}catch{return console.error("Failed to enter Picture-in-Picture"),null}}(e)})}function Se(e,t){Pe(I,r=>{"time"===e?(he(t),r.currentTime=t):(ce(t),r.volume=t,r.muted&&(r.muted=!1,te(!1)))})}function Ne(e=2500){ie\|\|(E.current&&(clearTimeout(E.current),E.current=null),X(!0),E.current=setTimeout(()=>{le\|\|X(!1),E.current=null},e))}t.useEffect(()=>{const e=/Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini\|Mobi/i.test(window.navigator.userAgent);async function t(){if(q.current&&I.current){const e=document.fullscreenElement===q.current;Q(document.fullscreenEnabled&&e);const t=I.current.videoWidth>I.current.videoHeight;if("undefined"!=typeof window&&window.screen&&"orientation"in window.screen&&window.screen.orientation&&"lock"in window.screen.orientation&&"function"==typeof window.screen.orientation.lock&&t&&e)try{await window.screen.orientation.lock("landscape")}catch{return!1}}}function r(e){[" ","f","p","ArrowLeft","ArrowRight"].includes(e.key)&&e.preventDefault(),Pe(I,t=>{switch(e.key){case" ":Me();break;case"f":Le();break;case"p":Ve();break;case"ArrowLeft":W(e=>{const r=e>0?-10:e-10;return t.currentTime-=10,r}),Ce();break;case"ArrowRight":W(e=>{const r=e<0?10:e+10;return t.currentTime+=10,r}),Ce()}})}return B(e),document.addEventListener("fullscreenchange",t),!e&&window.addEventListener("keydown",r),()=>{document.removeEventListener("fullscreenchange",t),!e&&window.removeEventListener("keydown",r)}},[N,Me,Ce]);const Fe=t.useCallback(function(e,t){let r=null,n=0;return function(...i){const o=Date.now();n?(r&&clearTimeout(r),r=setTimeout(()=>{o-n>=t&&(e.apply(this,i),n=o)},t-(o-n))):(e.apply(this,i),n=o)}}(()=>{ie\|\|Ne()},200),[ie,le]),Ee=t.useCallback(()=>{X(!1),E.current&&(clearTimeout(E.current),E.current=null)},[]);t.useEffect(()=>{le&&Ne(1e3)},[le]);const Ae=t.useCallback(e=>{const t=e.currentTarget.currentTime;(Math.floor(t)!==Math.floor(me)\|\|Math.abs(t-me)>1)&&he(t)},[me]),Ie=t.useMemo(()=>{if(!I.current\|\|!ue)return 0;const e=I.current.buffered;if(0===e.length)return 0;let t=0;for(let r=0;r<e.length;r++)if(e.start(r)<=me&&e.end(r)>me){t=e.end(r);break}return t/ue100},[me,ue]),qe=t.useMemo(()=>ue>0?me/ue100:0,[me,ue]),He=t.useCallback(e=>{if(!$)return;const t=Date.now(),r=t-H.current;(r>0&&r<300\|\|z)&&(z\|\|Z(!0),Te(e)),H.current=t},[$,z,Te]);function Re(e){pe(e),xe(!1),je(null)}return t.useEffect(()=>{Pe(I,e=>{e.playbackRate=fe})},[fe]),e.jsx("div",{className:a,children:e.jsxs("div",{className:c,ref:q,onMouseMove:Fe,onMouseLeave:Ee,children:[e.jsx("video",{playsInline:!0,preload:"none",ref:I,controls:!1,onTimeUpdate:Ae,onLoadedMetadata:e=>de(e.currentTarget.duration),onVolumeChange:e=>ce(e.currentTarget.volume),onCanPlayThrough:()=>J(!1),onWaiting:()=>J(!0),onLoadStart:()=>ne(!1),onEnded:()=>ne(!0),onPlay:()=>{ne(!1),oe(!1),Y(!0)},onPause:()=>oe(!0),className:u,children:e.jsx("source",{src:N,type:F})}),e.jsxs("div",{className:`${d} ${$?ie\|\|O?n:i:ie\|\|O?l:o}`,children:[e.jsx("h1",{className:m,children:e.jsx("p",{children:S})}),e.jsxs("div",{className:h,onClick:$?void 0:Me,children:[e.jsx("div",{onClick:()=>He("-")}),e.jsx("div",{onClick:()=>He("+")})]}),e.jsxs("div",{className:f,children:[e.jsxs("div",{className:p,children:[e.jsx("article",{children:we(me)}),e.jsxs("div",{className:j,children:[e.jsx("div",{className:k}),e.jsx("div",{className:g,style:{width:`${Ie}%`}}),e.jsx("div",{className:v,style:{left:be-25,display:ke?void 0:"none"},children:we(ke\|\|0)}),e.jsx("input",{type:"range",step:"any",max:ue,value:me,onFocus:e=>e.currentTarget.blur(),className:b,onPointerDown:()=>ae(!0),onPointerUp:()=>ae(!1),onPointerCancel:()=>ae(!1),onChange:e=>Se("time",+e.currentTarget.value),onMouseLeave:()=>{ge(null)},onMouseMove:e=>{if(R.current)return;const t=e.currentTarget;R.current=requestAnimationFrame(()=>{R.current=null;const r=t.getBoundingClientRect(),n=e.clientX-r.left,i=Math.min(Math.max(n/r.width,0),1)ue;_e(n),ge(i)})},style:{backgroundImage:`linear-gradient(to right, #00b2ff ${qe}%, #0000 ${qe}%)`}})]}),e.jsx("article",{children:we(ue)})]}),e.jsxs("div",{className:_,children:[e.jsx("button",{type:"button",onClick:function(){Pe(I,e=>{e.muted=!e.muted,te(e.muted)})},onFocus:e=>e.currentTarget.blur(),children:e.jsx(r,{name:ee\|\|0===se?"muted":"volume"})}),e.jsx("input",{max:1,type:"range",step:"any",value:ee?0:se,onFocus:e=>e.currentTarget.blur(),className:w+($?` ${M}`:""),style:{backgroundImage:`linear-gradient(to right, #00b2ff ${ee?0:100se}%, #fff5 ${ee?0:100*se}%)`},onChange:e=>Se("volume",+e.currentTarget.value)})]}),e.jsx("div",{children:e.jsx("button",{type:"button",onClick:Ve,onFocus:e=>e.currentTarget.blur(),children:e.jsx(r,{name:"pip"})})}),e.jsx("div",{children:e.jsx("button",{type:"button",onClick:Le,onFocus:e=>e.currentTarget.blur(),children:e.jsx(r,{name:G?"unfullscreen":"fullscreen"})})}),e.jsxs("div",{className:y,children:[e.jsx("button",{type:"button",onClick:function(){ae(!le),xe(!ye),je(null)},onFocus:e=>e.currentTarget.blur(),children:e.jsx(r,{name:"setting"})}),e.jsxs("div",{className:x,style:{display:ye?void 0:"none"},children:[e.jsx("div",{onClick:()=>je("speed"===ve?null:"speed"),children:"ความเร็วในการเล่น"}),"speed"===ve&&e.jsxs("ul",{children:[e.jsx("li",{style:{backgroundColor:.25===fe?"#eeee":void 0},onClick:()=>Re(.25),children:"0.25"}),e.jsx("li",{style:{backgroundColor:.5===fe?"#eeee":void 0},onClick:()=>Re(.5),children:"0.5"}),e.jsx("li",{style:{backgroundColor:.75===fe?"#eeee":void 0},onClick:()=>Re(.75),children:"0.75"}),e.jsx("li",{style:{backgroundColor:1===fe?"#eeee":void 0},onClick:()=>Re(1),children:"1"}),e.jsx("li",{style:{backgroundColor:1.25===fe?"#eeee":void 0},onClick:()=>Re(1.25),children:"1.25"}),e.jsx("li",{style:{backgroundColor:1.5===fe?"#eeee":void 0},onClick:()=>Re(1.5),children:"1.5"}),e.jsx("li",{style:{backgroundColor:1.75===fe?"#eeee":void 0},onClick:()=>Re(1.75),children:"1.75"}),e.jsx("li",{style:{backgroundColor:2===fe?"#eeee":void 0},onClick:()=>Re(2),children:"2"})]})]})]})]}),e.jsx(r,{name:K?"hide":re?"restart":ie?"play":"pause",bigger:!0,className:s,onClick:Me})]}),D<0&&e.jsx("div",{inert:!0,className:P,children:D.toString()},D),D>0&&e.jsx("div",{inert:!0,className:C,children:`+${D.toString()}`},D),K&&e.jsx("div",{className:T,children:e.jsx(r,{name:"loading"})}),!U&&e.jsx("div",{className:L,children:e.jsx("button",{type:"button",onFocus:e=>e.currentTarget.blur(),onClick:()=>{Y(!0),Pe(I,async e=>{try{await e.play()}catch{return}})},children:e.jsx(r,{name:"play",bigger:!0})})})]})},N)};

package/dist/index.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as t,Fragment as l}from"react/jsx-runtime";import{useRef as i,useState as r,useEffect as c,useCallback as o,useMemo as n}from"react";function a({name:i,bigger:r,className:c,onClick:o}){return"loading"===i?e("svg",{version:"1.1",id:"L1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 100 100",enableBackground:"new 0 0 100 100",xmlSpace:"preserve",children:[t("title",{children:"loading"}),t("circle",{fill:"none",stroke:"currentColor",strokeWidth:"6",strokeMiterlimit:"15",strokeDasharray:"14.2472,14.2472",cx:"50",cy:"50",r:"47",children:t("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"5s",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})}),t("circle",{fill:"none",stroke:"currentColor",strokeWidth:"1",strokeMiterlimit:"10",strokeDasharray:"10,10",cx:"50",cy:"50",r:"39",children:t("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"5s",from:"0 50 50",to:"-360 50 50",repeatCount:"indefinite"})}),e("g",{fill:"currentColor",children:[t("rect",{x:"30",y:"35",width:"5",height:"30",children:t("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.1"})}),t("rect",{x:"40",y:"35",width:"5",height:"30",children:t("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.2"})}),t("rect",{x:"50",y:"35",width:"5",height:"30",children:t("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.3"})}),t("rect",{x:"60",y:"35",width:"5",height:"30",children:t("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.4"})}),t("rect",{x:"70",y:"35",width:"5",height:"30",children:t("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.5"})})]})]}):"hide"===i?t(l,{}):e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,onClick:o,className:c,style:{display:"block",width:(r?"5":"1.6")+"em"},stroke:"currentColor",children:[t("title",{children:i}),"play"===i&&t("path",{fill:"#fff",strokeLinecap:"round",strokeLinejoin:"round",d:"M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"}),"pause"===i&&t("path",{strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round",d:"M16.4 5.25v13.5m-8.5-13.5v13.5"}),"fullscreen"===i&&t("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"}),"unfullscreen"===i&&t("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 9V4.5M9 9H4.5M9 9 3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5 5.25 5.25"}),"pip"===i&&t("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.5 8.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v8.25A2.25 2.25 0 0 0 6 16.5h2.25m8.25-8.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-7.5A2.25 2.25 0 0 1 8.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 0 0-2.25 2.25v6"}),"muted"===i&&t("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.25 9.75 19.5 12m0 0 2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6 4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"}),"volume"===i&&t("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"}),"restart"===i&&t("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"})]})}var d="VideoPlayer-module_visit__PJEFg",s="VideoPlayer-module_invisit__A7jP6",u="VideoPlayer-module_opacity0__M4VIz",b="VideoPlayer-module_opacity1__wWDar",Q="VideoPlayer-module_absoluteCenter__A2KzN",x="VideoPlayer-module_wrapper__8iODY",m="VideoPlayer-module_video__fcIYk",G="VideoPlayer-module_controller__eyPIB",F="VideoPlayer-module_title__oxKqS",X="VideoPlayer-module_center__arqa3",B="VideoPlayer-module_controls__OQ23e",p="VideoPlayer-module_timeWrapper__fpsFx",y="VideoPlayer-module_timeControl__sz7qH",U="VideoPlayer-module_backProcess__I5ZGe",Z="VideoPlayer-module_progressBar__v-AQM",N="VideoPlayer-module_rangeTime__Sp6FM",L="VideoPlayer-module_volumeWrapper__QBYAa",V="VideoPlayer-module_rangeVolume__koFUe",g="VideoPlayer-module_seekLeft__494Gh",h="VideoPlayer-module_seekRight__Wq-Br",W="VideoPlayer-module_hideOnMobile__-bl4X",C="VideoPlayer-module_loadingContainer__H2pCH",k="VideoPlayer-module_playFirstContainer__iHyIf";function D({source:l,title:D}){const w="string"==typeof l?l:l.link,H="object"==typeof l&&"string"==typeof l.type?l.type:"video/mp4",f=i(null),R=i(null),I=i(null),Y=i(null),E=i(0),[v,M]=r(!0),[_,J]=r(0),[T,O]=r(!1),[z,A]=r(!1),[j,P]=r(!1),[S,K]=r(!1),[q,$]=r(!1),[ee,te]=r(!1),[le,ie]=r(!1),[re,ce]=r(!0),[oe,ne]=r(!1),[ae,de]=r(1),[se,ue]=r(0),[be,Qe]=r(0);function xe(e){if(void 0===e\|\|Number.isNaN(e)\|\|e<0)return"00:00";const t=Math.floor(e),l=t%60;return`${Math.floor(t/60).toString().padStart(2,"0")}:${l.toString().padStart(2,"0")}`}async function me(e,t){e.current&&await t(e.current)}c(()=>{K(!1),ie(!1),$(!1),ue(0),Qe(0),J(0),O(!1)},[w]),c(()=>()=>{f.current&&(clearTimeout(f.current),f.current=null),R.current&&(clearTimeout(R.current),R.current=null)},[]);const Ge=o(()=>{R.current&&(clearTimeout(R.current),R.current=null),O(!0),R.current=setTimeout(()=>{O(!1),J(0),R.current=null},1500)},[]),Fe=o(()=>{me(I,async e=>{try{e.paused?await e.play():e.pause()}catch{return}})},[]),Xe=o(e=>{me(I,t=>{J(l=>{const i="+"===e?l<0?10:l+10:l>0?-10:l-10;return t.currentTime+="+"===e?10:-10,i}),Ge()})},[Ge]);function Be(){const e=document;!!(e.fullscreenEnabled\|\|e.webkitFullscreenEnabled\|\|e.mozFullScreenEnabled\|\|e.msFullscreenEnabled)&&me(Y,e=>{document.fullscreenElement?async function(){const e=document,t=e.exitFullscreen\|\|e.webkitExitFullscreen\|\|e.mozCancelFullScreen\|\|e.msExitFullscreen;if(t)try{await t.call(e)}catch{return void console.error("Failed to exit fullscreen")}}():async function(e){const t=e,l=t.requestFullscreen\|\|t.webkitRequestFullscreen\|\|t.webkitEnterFullscreen\|\|t.mozRequestFullScreen\|\|t.msRequestFullscreen;if(l)try{await l.call(t)}catch{return void console.error("Failed to enter fullscreen")}}(e)})}function pe(){"pictureInPictureEnabled"in document&&"requestPictureInPicture"in HTMLVideoElement.prototype&&me(I,e=>{document.pictureInPictureElement?async function(e){if(!1===e.disablePictureInPicture&&"pictureInPictureElement"in document&&document.pictureInPictureElement)try{await document.exitPictureInPicture()}catch{return void console.error("Failed to exit Picture-in-Picture")}}(e):async function(e){if(!("pictureInPictureEnabled"in document)\|\|"function"!=typeof e.requestPictureInPicture)return console.error("Picture-in-Picture is not supported in this browser"),null;try{return e.paused&&await e.play().catch(()=>{console.warn("Auto-play was prevented")}),await e.requestPictureInPicture()}catch{return console.error("Failed to enter Picture-in-Picture"),null}}(e)})}function ye(e,t){me(I,l=>{"time"===e?(Qe(t),l.currentTime=t):(de(t),l.volume=t,l.muted&&(l.muted=!1,te(!1)))})}function Ue(e=2500){re\|\|(f.current&&(clearTimeout(f.current),f.current=null),A(!0),f.current=setTimeout(()=>{oe\|\|A(!1),f.current=null},e))}c(()=>{const e=/Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini\|Mobi/i.test(window.navigator.userAgent);async function t(){if(Y.current&&I.current){const e=document.fullscreenElement===Y.current;P(document.fullscreenEnabled&&e);const t=I.current.videoWidth>I.current.videoHeight;if("undefined"!=typeof window&&window.screen&&"orientation"in window.screen&&window.screen.orientation&&"lock"in window.screen.orientation&&"function"==typeof window.screen.orientation.lock&&t&&e)try{await window.screen.orientation.lock("landscape")}catch{return!1}}}function l(e){[" ","f","p","ArrowLeft","ArrowRight"].includes(e.key)&&e.preventDefault(),me(I,t=>{switch(e.key){case" ":Fe();break;case"f":Be();break;case"p":pe();break;case"ArrowLeft":J(e=>{const l=e>0?-10:e-10;return t.currentTime-=10,l}),Ge();break;case"ArrowRight":J(e=>{const l=e<0?10:e+10;return t.currentTime+=10,l}),Ge()}})}return M(e),document.addEventListener("fullscreenchange",t),!e&&window.addEventListener("keydown",l),()=>{document.removeEventListener("fullscreenchange",t),!e&&window.removeEventListener("keydown",l)}},[w,Fe,Ge]);const Ze=o(function(e,t){let l=null,i=0;return function(...r){const c=Date.now();i?(l&&clearTimeout(l),l=setTimeout(()=>{c-i>=t&&(e.apply(this,r),i=c)},t-(c-i))):(e.apply(this,r),i=c)}}(()=>{re\|\|Ue()},200),[re,oe]),Ne=o(()=>{A(!1),f.current&&(clearTimeout(f.current),f.current=null)},[]);c(()=>{oe&&Ue(1e3)},[oe]);const Le=o(e=>{const t=e.currentTarget.currentTime;(Math.floor(t)!==Math.floor(be)\|\|Math.abs(t-be)>1)&&Qe(t)},[be]),Ve=n(()=>{if(!I.current\|\|!se)return 0;const e=I.current.buffered;if(0===e.length)return 0;let t=0;for(let l=0;l<e.length;l++)if(e.start(l)<=be&&e.end(l)>be){t=e.end(l);break}return t/se100},[be,se]),ge=n(()=>se>0?be/se100:0,[be,se]),he=o(e=>{if(!v)return;const t=Date.now(),l=t-E.current;(l>0&&l<300\|\|T)&&(T\|\|O(!0),Xe(e)),E.current=t},[v,T,Xe]);return e("div",{className:x,ref:Y,onMouseMove:Ze,onMouseLeave:Ne,children:[t("video",{playsInline:!0,preload:"none",ref:I,controls:!1,onTimeUpdate:Le,onLoadedMetadata:e=>ue(e.currentTarget.duration),onVolumeChange:e=>de(e.currentTarget.volume),onCanPlayThrough:()=>$(!1),onWaiting:()=>$(!0),onLoadStart:()=>ie(!1),onEnded:()=>ie(!0),onPlay:()=>{ie(!1),ce(!1),K(!0)},onPause:()=>ce(!0),className:m,children:t("source",{src:w,type:H})}),e("div",{className:`${G} ${v?re\|\|z?d:s:re\|\|z?b:u}`,children:[t("h1",{className:F,children:D}),e("div",{className:X,onClick:v?void 0:Fe,children:[t("div",{onClick:()=>he("-")}),t("div",{onClick:()=>he("+")})]}),e("div",{className:B,children:[e("div",{className:p,children:[t("article",{children:xe(be)}),e("div",{className:y,children:[t("div",{className:U}),t("div",{className:Z,style:{width:`${Ve}%`}}),t("input",{type:"range",step:"any",max:se,value:be,onFocus:e=>e.currentTarget.blur(),className:N,onPointerDown:()=>ne(!0),onPointerUp:()=>ne(!1),onPointerCancel:()=>ne(!1),onChange:e=>ye("time",+e.currentTarget.value),style:{backgroundImage:`linear-gradient(to right, #00b2ff ${ge}%, #0000 ${ge}%)`}})]}),t("article",{children:xe(se)})]}),e("div",{className:L,children:[t("button",{type:"button",onClick:function(){me(I,e=>{e.muted=!e.muted,te(e.muted)})},onFocus:e=>e.currentTarget.blur(),children:t(a,{name:ee\|\|0===ae?"muted":"volume"})}),t("input",{max:1,type:"range",step:"any",value:ee?0:ae,onFocus:e=>e.currentTarget.blur(),className:V+(v?` ${W}`:""),style:{backgroundImage:`linear-gradient(to right, #00b2ff ${ee?0:100ae}%, #fff5 ${ee?0:100ae}%)`},onChange:e=>ye("volume",+e.currentTarget.value)})]}),t("div",{children:t("button",{type:"button",onClick:pe,onFocus:e=>e.currentTarget.blur(),children:t(a,{name:"pip"})})}),t("div",{children:t("button",{type:"button",onClick:Be,onFocus:e=>e.currentTarget.blur(),children:t(a,{name:j?"unfullscreen":"fullscreen"})})})]}),t(a,{name:q?"hide":le?"restart":re?"play":"pause",bigger:!0,className:Q,onClick:Fe})]}),_<0&&t("div",{inert:!0,className:g,children:_.toString()},_),_>0&&t("div",{inert:!0,className:h,children:`+${_.toString()}`},_),q&&t("div",{className:C,children:t(a,{name:"loading"})}),!S&&t("div",{className:k,children:t("button",{type:"button",onFocus:e=>e.currentTarget.blur(),onClick:()=>{K(!0),me(I,async e=>{try{await e.play()}catch{return}})},children:t(a,{name:"play",bigger:!0})})})]},w)}!function(e,t){void 0===t&&(t={});var l=t.insertAt;if("undefined"!=typeof document){var i=document.head\|\|document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===l&&i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}(".VideoPlayer-module_hide__nwlly{display:none}.VideoPlayer-module_visit__PJEFg{visibility:visible}.VideoPlayer-module_invisit__A7jP6{visibility:hidden}.VideoPlayer-module_opacity0__M4VIz{opacity:0}.VideoPlayer-module_opacity1__wWDar{opacity:1}.VideoPlayer-module_absoluteCenter__A2KzN{cursor:pointer;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.VideoPlayer-module_wrapper__8iODY,.VideoPlayer-module_wrapper__8iODY {-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.VideoPlayer-module_wrapper__8iODY{aspect-ratio:16/9;background-color:#000;color:#fff;display:block;position:relative;width:100%}.VideoPlayer-module_video__fcIYk{display:block;height:100%;width:100%}.VideoPlayer-module_controller__eyPIB{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;width:100%}.VideoPlayer-module_title__oxKqS{font-size:1.1rem;font-weight:400;line-height:1.1rem;padding:1rem 0 0 1rem;width:100%}.VideoPlayer-module_center__arqa3{-webkit-box-flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;width:100%;div{-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}}.VideoPlayer-module_controls__OQ23e{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.6em;padding:.8em 1em;width:100%}.VideoPlayer-module_controls__OQ23e button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff0;border:0;color:#fff;cursor:pointer;padding:.25em;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}.VideoPlayer-module_controls__OQ23e button:hover{background-color:#00b2ff;border-radius:5px}.VideoPlayer-module_timeWrapper__fpsFx{-webkit-box-flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;font-family:monospace;font-size:1rem;gap:.6em;padding-inline:.3em;article{font-size:1em}}.VideoPlayer-module_timeControl__sz7qH{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.VideoPlayer-module_backProcess__I5ZGe{background-color:#fff5;border-radius:2em;height:4px;width:100%}.VideoPlayer-module_progressBar__v-AQM{background-color:#fffa;border-radius:2em;height:4px;left:0;position:absolute;top:0;width:100%}.VideoPlayer-module_rangeTime__Sp6FM{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:2em;height:4px;left:0;position:absolute;top:0;width:100%}.VideoPlayer-module_rangeTime__Sp6FM::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:2em;height:1em;width:1em}.VideoPlayer-module_rangeTime__Sp6FM:hover{cursor:pointer}.VideoPlayer-module_rangeTime__Sp6FM::-webkit-slider-thumb:hover{-webkit-box-shadow:0 0 1px 3px #fff4;box-shadow:0 0 1px 3px #fff4}.VideoPlayer-module_volumeWrapper__QBYAa{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.1em}.VideoPlayer-module_rangeVolume__koFUe{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:2em;cursor:pointer;height:4px;width:4em}.VideoPlayer-module_rangeVolume__koFUe::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:2em;height:1em;width:1em}.VideoPlayer-module_rangeVolume__koFUe::-webkit-slider-thumb:hover{-webkit-box-shadow:0 0 1px 3px #fff4;box-shadow:0 0 1px 3px #fff4}.VideoPlayer-module_seekLeft__494Gh,.VideoPlayer-module_seekRight__Wq-Br{font-size:1.6rem;position:absolute;text-shadow:0 0 2px #0004;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.VideoPlayer-module_seekLeft__494Gh{left:20%}.VideoPlayer-module_seekLeft__494Gh,.VideoPlayer-module_seekRight__Wq-Br{-webkit-animation:VideoPlayer-module_shaking__mp-kJ .2s;animation:VideoPlayer-module_shaking__mp-kJ .2s}.VideoPlayer-module_seekRight__Wq-Br{right:20%}@-webkit-keyframes VideoPlayer-module_shaking__mp-kJ{0%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}50%{-webkit-transform:translateY(-50%) scale(2);transform:translateY(-50%) scale(2)}to{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes VideoPlayer-module_shaking__mp-kJ{0%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}50%{-webkit-transform:translateY(-50%) scale(2);transform:translateY(-50%) scale(2)}to{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@media (max-width:640px){.VideoPlayer-module_hideOnMobile__-bl4X{display:none}}@media (min-width:640px){.VideoPlayer-module_rangeVolume__koFUe{width:6em}.VideoPlayer-module_seekLeft__494Gh,.VideoPlayer-module_seekRight__Wq-Br{font-size:3rem}}.VideoPlayer-module_loadingContainer__H2pCH{display:block;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:12%;svg{color:#fff;display:block;width:100%}}.VideoPlayer-module_playFirstContainer__iHyIf{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;button{background-color:transparent;border:0;cursor:pointer;margin:0;padding:.6em;svg{color:#fff}}}\n/# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpZGVvUGxheWVyLm1vZHVsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT0EsZ0NBQ0MsWUFDRCxDQUVBLGlDQUNDLGtCQUNELENBRUEsbUNBQ0MsaUJBQ0QsQ0FFQSxvQ0FDQyxTQUNELENBRUEsb0NBQ0MsU0FDRCxDQUVBLDBDQUdDLGNBQWUsQ0FEZixRQUFTLENBRVQsaUJBQWtCLENBSGxCLE9BQVEsQ0FJUixzQ0FBd0MsQ0FDeEMsa0NBQW9DLENBQ3BDLDhCQUNELENBRUEsd0VBUUMsNkJBQThCLENBQzlCLHFCQUFzQixDQVB0QixRQUFTLENBQ1QsU0FBVSxDQUNWLHdCQUF5QixDQUN6QixxQkFBc0IsQ0FDdEIsb0JBQXFCLENBQ3JCLGdCQUdELENBRUEsbUNBS0MsaUJBQW9CLENBQ3BCLHFCQUF1QixDQUp2QixVQUFZLENBQ1osYUFBYyxDQUNkLGlCQUFrQixDQUhsQixVQU1ELENBRUEsaUNBR0MsYUFBYyxDQURkLFdBQVksQ0FEWixVQUdELENBRUEsc0NBU0Msd0JBQXlCLENBQ3pCLHFCQUFzQixDQUt0QiwyQkFBNEIsQ0FDNUIsNEJBQTZCLENBRzdCLHVCQUF3QixDQUN4QixvQkFBcUIsQ0FUckIsa0JBQW1CLENBV25CLCtCQUFvQyxDQWpCcEMsbUJBQW9CLENBQ3BCLG1CQUFvQixDQUNwQixZQUFhLENBVWIseUJBQTBCLENBQzFCLHFCQUFzQixDQWR0QixXQUFZLENBaUJaLHNCQUF1QixDQW5CdkIsTUFBTyxDQU1QLGlCQUFrQixDQVBsQixLQUFNLENBV04sMEJBQTZCLENBQzdCLHFCQUF3QixDQUN4QixrQkFBcUIsQ0FYckIsVUFvQkQsQ0FFQSxpQ0FHQyxnQkFBaUIsQ0FEakIsZUFBZ0IsQ0FFaEIsa0JBQW1CLENBQ25CLHFCQUFzQixDQUp0QixVQUtELENBRUEsa0NBQ0Msa0JBQW1CLENBT25CLDZCQUE4QixDQUM5Qiw0QkFBNkIsQ0FKN0IsbUJBQW9CLENBQ3BCLG1CQUFvQixDQUNwQixZQUFhLENBTGIsVUFBVyxDQUNYLE1BQU8sQ0FPUCxzQkFBdUIsQ0FDdkIsa0JBQW1CLENBUG5CLFVBQVcsQ0FRWCxJQUNDLGtCQUFtQixDQUduQixtQkFBb0IsQ0FDcEIsbUJBQW9CLENBQ3BCLFlBQWEsQ0FKYixVQUFXLENBQ1gsTUFJRCxDQUNELENBRUEsb0NBR0MsbUJBQW9CLENBQ3BCLG1CQUFvQixDQUNwQixZQUFhLENBSmIsUUFBVSxDQUtWLGdCQUFrQixDQUpsQixVQUtELENBRUEsMkNBS0MsdUJBQXdCLENBQ3hCLG9CQUFxQixDQUNyQixlQUFnQixDQUloQixzQkFBdUIsQ0FWdkIsUUFBUyxDQUVULFVBQVksQ0FDWixjQUFlLENBRmYsYUFBZSxDQU1mLHVDQUEwQyxDQUMxQyxrQ0FBcUMsQ0FDckMsK0JBRUQsQ0FFQSxpREFFQyx3QkFBeUIsQ0FEekIsaUJBRUQsQ0FFQSx1Q0FDQyxrQkFBbUIsQ0FRbkIsd0JBQXlCLENBQ3pCLHFCQUFzQixDQUN0QixrQkFBbUIsQ0FObkIsbUJBQW9CLENBQ3BCLG1CQUFvQixDQUNwQixZQUFhLENBTGIsVUFBVyxDQUNYLE1BQU8sQ0FVUCxxQkFBc0IsQ0FMdEIsY0FBZSxDQUpmLFFBQVUsQ0FRVixtQkFBcUIsQ0FFckIsUUFDQyxhQUNELENBQ0QsQ0FFQSx1Q0FDQyxrQkFBbUIsQ0FDbkIsVUFBVyxDQUNYLE1BQU8sQ0FDUCxpQkFDRCxDQUVBLHVDQUlDLHNCQUF1QixDQUR2QixpQkFBa0IsQ0FEbEIsVUFBVyxDQURYLFVBSUQsQ0FFQSx1Q0FPQyxzQkFBdUIsQ0FEdkIsaUJBQWtCLENBRmxCLFVBQVcsQ0FGWCxNQUFPLENBR1AsaUJBQWtCLENBSmxCLEtBQU0sQ0FFTixVQUtELENBRUEscUNBS0MsdUJBQXdCLENBQ3hCLG9CQUFxQixDQUNyQixlQUFnQixDQUdoQiw0QkFBNkIsQ0FEN0IsaUJBQWtCLENBTGxCLFVBQVcsQ0FGWCxNQUFPLENBTVAsaUJBQWtCLENBUGxCLEtBQU0sQ0FFTixVQVFELENBRUEsMkRBQ0MsdUJBQXdCLENBQ3hCLGVBQWdCLENBSWhCLHFCQUFzQixDQUR0QixpQkFBa0IsQ0FEbEIsVUFBVyxDQURYLFNBSUQsQ0FFQSwyQ0FDQyxjQUNELENBRUEsaUVBQ0Msb0NBQXFDLENBQ3JDLDRCQUNELENBRUEseUNBS0Msd0JBQXlCLENBQ3pCLHFCQUFzQixDQUN0QixrQkFBbUIsQ0FMbkIsbUJBQW9CLENBQ3BCLG1CQUFvQixDQUNwQixZQUFhLENBSGIsUUFPRCxDQUVBLHVDQUdDLHVCQUF3QixDQUN4QixvQkFBcUIsQ0FDckIsZUFBZ0IsQ0FHaEIsNEJBQTZCLENBRjdCLGlCQUFrQixDQUNsQixjQUFlLENBTGYsVUFBVyxDQURYLFNBUUQsQ0FFQSw2REFDQyx1QkFBd0IsQ0FDeEIsZUFBZ0IsQ0FJaEIscUJBQXNCLENBRHRCLGlCQUFrQixDQURsQixVQUFXLENBRFgsU0FJRCxDQUVBLG1FQUNDLG9DQUFxQyxDQUNyQyw0QkFDRCxDQUVBLHlFQUdDLGdCQUFpQixDQUNqQixpQkFBa0IsQ0FDbEIseUJBQTBCLENBSDFCLE9BQVEsQ0FJUixrQ0FBbUMsQ0FDbkMsOEJBQStCLENBQy9CLDBCQUNELENBRUEsb0NBQ0MsUUFHRCxDQUVBLHlFQUpDLHVEQUFnQyxDQUNoQywrQ0FPRCxDQUpBLHFDQUNDLFNBR0QsQ0FFQSxxREFDQyxHQUNDLDJDQUE0QyxDQUM1QyxtQ0FDRCxDQUNBLElBQ0MsMkNBQTRDLENBQzVDLG1DQUNELENBQ0EsR0FDQywyQ0FBNEMsQ0FDNUMsbUNBQ0QsQ0FDRCxDQUVBLDZDQUNDLEdBQ0MsMkNBQTRDLENBQzVDLG1DQUNELENBQ0EsSUFDQywyQ0FBNEMsQ0FDNUMsbUNBQ0QsQ0FDQSxHQUNDLDJDQUE0QyxDQUM1QyxtQ0FDRCxDQUNELENBRUEseUJBQ0Msd0NBQ0MsWUFDRCxDQUNELENBRUEseUJBQ0MsdUNBQ0MsU0FDRCxDQUNBLHlFQUVDLGNBQ0QsQ0FDRCxDQUVBLDRDQUlDLGFBQWMsQ0FGZCxRQUFTLENBR1QsaUJBQWtCLENBSmxCLE9BQVEsQ0FLUixzQ0FBd0MsQ0FDeEMsa0NBQW9DLENBQ3BDLDhCQUFnQyxDQUxoQyxTQUFVLENBTVYsSUFFQyxVQUFZLENBQ1osYUFBYyxDQUZkLFVBR0QsQ0FDRCxDQUVBLDhDQVNDLHdCQUF5QixDQUN6QixxQkFBc0IsQ0FFdEIsdUJBQXdCLENBQ3hCLG9CQUFxQixDQUZyQixrQkFBbUIsQ0FJbkIscUJBQXVCLENBVnZCLG1CQUFvQixDQUNwQixtQkFBb0IsQ0FDcEIsWUFBYSxDQUhiLFdBQVksQ0FVWixzQkFBdUIsQ0FadkIsTUFBTyxDQU1QLGlCQUFrQixDQVBsQixLQUFNLENBRU4sVUFBVyxDQWFYLE9BS0MsNEJBQTZCLENBSjdCLFFBQVMsQ0FHVCxjQUFlLENBRmYsUUFBUyxDQUNULFlBQWMsQ0FHZCxJQUNDLFVBQ0QsQ0FDRCxDQUNEIiwiZmlsZSI6IlZpZGVvUGxheWVyLm1vZHVsZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuKiBQcmVmaXhlZCBieSBodHRwczovL2F1dG9wcmVmaXhlci5naXRodWIuaW9cbiogUG9zdENTUzogdjguNC4xNCxcbiogQXV0b3ByZWZpeGVyOiB2MTAuNC43XG4qIEJyb3dzZXJzOiBsYXN0IDQgdmVyc2lvblxuKi9cblxuLmhpZGUge1xuXHRkaXNwbGF5OiBub25lO1xufVxuXG4udmlzaXQge1xuXHR2aXNpYmlsaXR5OiB2aXNpYmxlO1xufVxuXG4uaW52aXNpdCB7XG5cdHZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuLm9wYWNpdHkwIHtcblx0b3BhY2l0eTogMDtcbn1cblxuLm9wYWNpdHkxIHtcblx0b3BhY2l0eTogMTtcbn1cblxuLmFic29sdXRlQ2VudGVyIHtcblx0dG9wOiA1MCU7XG5cdGxlZnQ6IDUwJTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdC1tcy10cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG59XG5cbi53cmFwcGVyLFxuLndyYXBwZXIgKiB7XG5cdG1hcmdpbjogMDtcblx0cGFkZGluZzogMDtcblx0LXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcblx0LW1vei11c2VyLXNlbGVjdDogbm9uZTtcblx0LW1zLXVzZXItc2VsZWN0OiBub25lO1xuXHR1c2VyLXNlbGVjdDogbm9uZTtcblx0LXdlYmtpdC1ib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4ud3JhcHBlciB7XG5cdHdpZHRoOiAxMDAlO1xuXHRjb2xvcjogd2hpdGU7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGFzcGVjdC1yYXRpbzogMTYgLyA5O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcbn1cblxuLnZpZGVvIHtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogMTAwJTtcblx0ZGlzcGxheTogYmxvY2s7XG59XG5cbi5jb250cm9sbGVyIHtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxMDAlO1xuXHRkaXNwbGF5OiAtd2Via2l0LWJveDtcblx0ZGlzcGxheTogLW1zLWZsZXhib3g7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0LXdlYmtpdC1ib3gtYWxpZ246IGNlbnRlcjtcblx0LW1zLWZsZXgtYWxpZ246IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0LXdlYmtpdC10cmFuc2l0aW9uOiBhbGwgMjAwbXM7XG5cdC1vLXRyYW5zaXRpb246IGFsbCAyMDBtcztcblx0dHJhbnNpdGlvbjogYWxsIDIwMG1zO1xuXHQtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuXHQtd2Via2l0LWJveC1kaXJlY3Rpb246IG5vcm1hbDtcblx0LW1zLWZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdC13ZWJraXQtYm94LXBhY2s6IGNlbnRlcjtcblx0LW1zLWZsZXgtcGFjazogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjUpO1xufVxuXG4udGl0bGUge1xuXHR3aWR0aDogMTAwJTtcblx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0Zm9udC1zaXplOiAxLjFyZW07XG5cdGxpbmUtaGVpZ2h0OiAxLjFyZW07XG5cdHBhZGRpbmc6IDFyZW0gMCAwIDFyZW07XG59XG5cbi5jZW50ZXIge1xuXHQtd2Via2l0LWJveC1mbGV4OiAxO1xuXHQtbXMtZmxleDogMTtcblx0ZmxleDogMTtcblx0d2lkdGg6IDEwMCU7XG5cdGRpc3BsYXk6IC13ZWJraXQtYm94O1xuXHRkaXNwbGF5OiAtbXMtZmxleGJveDtcblx0ZGlzcGxheTogZmxleDtcblx0LXdlYmtpdC1ib3gtb3JpZW50OiBob3Jpem9udGFsO1xuXHQtd2Via2l0LWJveC1kaXJlY3Rpb246IG5vcm1hbDtcblx0LW1zLWZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGRpdiB7XG5cdFx0LXdlYmtpdC1ib3gtZmxleDogMTtcblx0XHQtbXMtZmxleDogMTtcblx0XHRmbGV4OiAxO1xuXHRcdGRpc3BsYXk6IC13ZWJraXQtYm94O1xuXHRcdGRpc3BsYXk6IC1tcy1mbGV4Ym94O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cbn1cblxuLmNvbnRyb2xzIHtcblx0Z2FwOiAwLjZlbTtcblx0d2lkdGg6IDEwMCU7XG5cdGRpc3BsYXk6IC13ZWJraXQtYm94O1xuXHRkaXNwbGF5OiAtbXMtZmxleGJveDtcblx0ZGlzcGxheTogZmxleDtcblx0cGFkZGluZzogMC44ZW0gMWVtO1xufVxuXG4uY29udHJvbHMgYnV0dG9uIHtcblx0Ym9yZGVyOiAwO1xuXHRwYWRkaW5nOiAwLjI1ZW07XG5cdGNvbG9yOiB3aGl0ZTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdC1tb3otYXBwZWFyYW5jZTogbm9uZTtcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0LXdlYmtpdC10cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDIwMG1zO1xuXHQtby10cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDIwMG1zO1xuXHR0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDIwMG1zO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmMDtcbn1cblxuLmNvbnRyb2xzIGJ1dHRvbjpob3ZlciB7XG5cdGJvcmRlci1yYWRpdXM6IDVweDtcblx0YmFja2dyb3VuZC1jb2xvcjogIzAwYjJmZjtcbn1cblxuLnRpbWVXcmFwcGVyIHtcblx0LXdlYmtpdC1ib3gtZmxleDogMTtcblx0LW1zLWZsZXg6IDE7XG5cdGZsZXg6IDE7XG5cdGdhcDogMC42ZW07XG5cdGRpc3BsYXk6IC13ZWJraXQtYm94O1xuXHRkaXNwbGF5OiAtbXMtZmxleGJveDtcblx0ZGlzcGxheTogZmxleDtcblx0Zm9udC1zaXplOiAxcmVtO1xuXHQtd2Via2l0LWJveC1hbGlnbjogY2VudGVyO1xuXHQtbXMtZmxleC1hbGlnbjogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRwYWRkaW5nLWlubGluZTogMC4zZW07XG5cdGZvbnQtZmFtaWx5OiBtb25vc3BhY2U7XG5cdGFydGljbGUge1xuXHRcdGZvbnQtc2l6ZTogMWVtO1xuXHR9XG59XG5cbi50aW1lQ29udHJvbCB7XG5cdC13ZWJraXQtYm94LWZsZXg6IDE7XG5cdC1tcy1mbGV4OiAxO1xuXHRmbGV4OiAxO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5iYWNrUHJvY2VzcyB7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDRweDtcblx0Ym9yZGVyLXJhZGl1czogMmVtO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmNTtcbn1cblxuLnByb2dyZXNzQmFyIHtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0cHg7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0Ym9yZGVyLXJhZGl1czogMmVtO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmYTtcbn1cblxuLnJhbmdlVGltZSB7XG5cdHRvcDogMDtcblx0bGVmdDogMDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNHB4O1xuXHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdC1tb3otYXBwZWFyYW5jZTogbm9uZTtcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRib3JkZXItcmFkaXVzOiAyZW07XG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG4ucmFuZ2VUaW1lOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG5cdC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0d2lkdGg6IDFlbTtcblx0aGVpZ2h0OiAxZW07XG5cdGJvcmRlci1yYWRpdXM6IDJlbTtcblx0YmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbn1cblxuLnJhbmdlVGltZTpob3ZlciB7XG5cdGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLnJhbmdlVGltZTo6LXdlYmtpdC1zbGlkZXItdGh1bWI6aG92ZXIge1xuXHQtd2Via2l0LWJveC1zaGFkb3c6ICNmZmY0IDAgMCAxcHggM3B4O1xuXHRib3gtc2hhZG93OiAjZmZmNCAwIDAgMXB4IDNweDtcbn1cblxuLnZvbHVtZVdyYXBwZXIge1xuXHRnYXA6IDAuMWVtO1xuXHRkaXNwbGF5OiAtd2Via2l0LWJveDtcblx0ZGlzcGxheTogLW1zLWZsZXhib3g7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdC13ZWJraXQtYm94LWFsaWduOiBjZW50ZXI7XG5cdC1tcy1mbGV4LWFsaWduOiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5yYW5nZVZvbHVtZSB7XG5cdHdpZHRoOiA0ZW07XG5cdGhlaWdodDogNHB4O1xuXHQtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG5cdC1tb3otYXBwZWFyYW5jZTogbm9uZTtcblx0YXBwZWFyYW5jZTogbm9uZTtcblx0Ym9yZGVyLXJhZGl1czogMmVtO1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG4ucmFuZ2VWb2x1bWU6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcblx0LXdlYmtpdC1hcHBlYXJhbmNlOiBub25lO1xuXHRhcHBlYXJhbmNlOiBub25lO1xuXHR3aWR0aDogMWVtO1xuXHRoZWlnaHQ6IDFlbTtcblx0Ym9yZGVyLXJhZGl1czogMmVtO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xufVxuXG4ucmFuZ2VWb2x1bWU6Oi13ZWJraXQtc2xpZGVyLXRodW1iOmhvdmVyIHtcblx0LXdlYmtpdC1ib3gtc2hhZG93OiAjZmZmNCAwIDAgMXB4IDNweDtcblx0Ym94LXNoYWRvdzogI2ZmZjQgMCAwIDFweCAzcHg7XG59XG5cbi5zZWVrTGVmdCxcbi5zZWVrUmlnaHQge1xuXHR0b3A6IDUwJTtcblx0Zm9udC1zaXplOiAxLjZyZW07XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0dGV4dC1zaGFkb3c6IDAgMCAycHggIzAwMDQ7XG5cdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuXHQtbXMtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xuXHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSk7XG59XG5cbi5zZWVrTGVmdCB7XG5cdGxlZnQ6IDIwJTtcblx0LXdlYmtpdC1hbmltYXRpb246IHNoYWtpbmcgMjAwbXM7XG5cdGFuaW1hdGlvbjogc2hha2luZyAyMDBtcztcbn1cblxuLnNlZWtSaWdodCB7XG5cdHJpZ2h0OiAyMCU7XG5cdC13ZWJraXQtYW5pbWF0aW9uOiBzaGFraW5nIDIwMG1zO1xuXHRhbmltYXRpb246IHNoYWtpbmcgMjAwbXM7XG59XG5cbkAtd2Via2l0LWtleWZyYW1lcyBzaGFraW5nIHtcblx0MCUge1xuXHRcdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHNjYWxlKDEpO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKSBzY2FsZSgxKTtcblx0fVxuXHQ1MCUge1xuXHRcdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHNjYWxlKDIpO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKSBzY2FsZSgyKTtcblx0fVxuXHQxMDAlIHtcblx0XHQtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKSBzY2FsZSgxKTtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSkgc2NhbGUoMSk7XG5cdH1cbn1cblxuQGtleWZyYW1lcyBzaGFraW5nIHtcblx0MCUge1xuXHRcdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHNjYWxlKDEpO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKSBzY2FsZSgxKTtcblx0fVxuXHQ1MCUge1xuXHRcdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpIHNjYWxlKDIpO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKSBzY2FsZSgyKTtcblx0fVxuXHQxMDAlIHtcblx0XHQtd2Via2l0LXRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKSBzY2FsZSgxKTtcblx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUwJSkgc2NhbGUoMSk7XG5cdH1cbn1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDY0MHB4KSB7XG5cdC5oaWRlT25Nb2JpbGUge1xuXHRcdGRpc3BsYXk6IG5vbmU7XG5cdH1cbn1cblxuQG1lZGlhIChtaW4td2lkdGg6IDY0MHB4KSB7XG5cdC5yYW5nZVZvbHVtZSB7XG5cdFx0d2lkdGg6IDZlbTtcblx0fVxuXHQuc2Vla0xlZnQsXG5cdC5zZWVrUmlnaHQge1xuXHRcdGZvbnQtc2l6ZTogM3JlbTtcblx0fVxufVxuXG4ubG9hZGluZ0NvbnRhaW5lciB7XG5cdHRvcDogNTAlO1xuXHRsZWZ0OiA1MCU7XG5cdHdpZHRoOiAxMiU7XG5cdGRpc3BsYXk6IGJsb2NrO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdC13ZWJraXQtdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdC1tcy10cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblx0dHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5cdHN2ZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0Y29sb3I6IHdoaXRlO1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHR9XG59XG5cbi5wbGF5Rmlyc3RDb250YWluZXIge1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdGRpc3BsYXk6IC13ZWJraXQtYm94O1xuXHRkaXNwbGF5OiAtbXMtZmxleGJveDtcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHQtd2Via2l0LWJveC1hbGlnbjogY2VudGVyO1xuXHQtbXMtZmxleC1hbGlnbjogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHQtd2Via2l0LWJveC1wYWNrOiBjZW50ZXI7XG5cdC1tcy1mbGV4LXBhY2s6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6IGJsYWNrO1xuXHRidXR0b24ge1xuXHRcdGJvcmRlcjogMDtcblx0XHRtYXJnaW46IDA7XG5cdFx0cGFkZGluZzogMC42ZW07XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRcdHN2ZyB7XG5cdFx0XHRjb2xvcjogd2hpdGU7XG5cdFx0fVxuXHR9XG59XG4iXX0= */");export{D as VideoPlayer};
1	+ import{jsxs as e,jsx as n,Fragment as r}from"react/jsx-runtime";import{useRef as t,useState as i,useEffect as o,useCallback as l,useMemo as a}from"react";function c({name:t,bigger:i,className:o,onClick:l}){return"loading"===t?e("svg",{version:"1.1",id:"L1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 100 100",enableBackground:"new 0 0 100 100",xmlSpace:"preserve",children:[n("title",{children:"loading"}),n("circle",{fill:"none",stroke:"currentColor",strokeWidth:"6",strokeMiterlimit:"15",strokeDasharray:"14.2472,14.2472",cx:"50",cy:"50",r:"47",children:n("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"5s",from:"0 50 50",to:"360 50 50",repeatCount:"indefinite"})}),n("circle",{fill:"none",stroke:"currentColor",strokeWidth:"1",strokeMiterlimit:"10",strokeDasharray:"10,10",cx:"50",cy:"50",r:"39",children:n("animateTransform",{attributeName:"transform",attributeType:"XML",type:"rotate",dur:"5s",from:"0 50 50",to:"-360 50 50",repeatCount:"indefinite"})}),e("g",{fill:"currentColor",children:[n("rect",{x:"30",y:"35",width:"5",height:"30",children:n("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.1"})}),n("rect",{x:"40",y:"35",width:"5",height:"30",children:n("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.2"})}),n("rect",{x:"50",y:"35",width:"5",height:"30",children:n("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.3"})}),n("rect",{x:"60",y:"35",width:"5",height:"30",children:n("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.4"})}),n("rect",{x:"70",y:"35",width:"5",height:"30",children:n("animateTransform",{attributeName:"transform",dur:"1s",type:"translate",values:"0 5 ; 0 -5; 0 5",repeatCount:"indefinite",begin:"0.5"})})]})]}):"hide"===t?n(r,{}):e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,onClick:l,className:o,style:{display:"block",width:(i?"5":"1.6")+"em"},stroke:"currentColor",children:[n("title",{children:t}),"play"===t&&n("path",{fill:"#fff",strokeLinecap:"round",strokeLinejoin:"round",d:"M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"}),"pause"===t&&n("path",{strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round",d:"M16.4 5.25v13.5m-8.5-13.5v13.5"}),"fullscreen"===t&&n("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15"}),"unfullscreen"===t&&n("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 9V4.5M9 9H4.5M9 9 3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5 5.25 5.25"}),"pip"===t&&n("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.5 8.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v8.25A2.25 2.25 0 0 0 6 16.5h2.25m8.25-8.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-7.5A2.25 2.25 0 0 1 8.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 0 0-2.25 2.25v6"}),"muted"===t&&n("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M17.25 9.75 19.5 12m0 0 2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25m-10.5-6 4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"}),"volume"===t&&n("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"}),"restart"===t&&n("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"}),"setting"===t&&e(r,{children:[n("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.343 3.94c.09-.542.56-.94 1.11-.94h1.093c.55 0 1.02.398 1.11.94l.149.894c.07.424.384.764.78.93.398.164.855.142 1.205-.108l.737-.527a1.125 1.125 0 0 1 1.45.12l.773.774c.39.389.44 1.002.12 1.45l-.527.737c-.25.35-.272.806-.107 1.204.165.397.505.71.93.78l.893.15c.543.09.94.559.94 1.109v1.094c0 .55-.397 1.02-.94 1.11l-.894.149c-.424.07-.764.383-.929.78-.165.398-.143.854.107 1.204l.527.738c.32.447.269 1.06-.12 1.45l-.774.773a1.125 1.125 0 0 1-1.449.12l-.738-.527c-.35-.25-.806-.272-1.203-.107-.398.165-.71.505-.781.929l-.149.894c-.09.542-.56.94-1.11.94h-1.094c-.55 0-1.019-.398-1.11-.94l-.148-.894c-.071-.424-.384-.764-.781-.93-.398-.164-.854-.142-1.204.108l-.738.527c-.447.32-1.06.269-1.45-.12l-.773-.774a1.125 1.125 0 0 1-.12-1.45l.527-.737c.25-.35.272-.806.108-1.204-.165-.397-.506-.71-.93-.78l-.894-.15c-.542-.09-.94-.56-.94-1.109v-1.094c0-.55.398-1.02.94-1.11l.894-.149c.424-.07.765-.383.93-.78.165-.398.143-.854-.108-1.204l-.526-.738a1.125 1.125 0 0 1 .12-1.45l.773-.773a1.125 1.125 0 0 1 1.45-.12l.737.527c.35.25.807.272 1.204.107.397-.165.71-.505.78-.929l.15-.894Z"}),n("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"})]})]})}var u="VideoPlayer-module_visit__PJEFg",d="VideoPlayer-module_invisit__A7jP6",s="VideoPlayer-module_opacity0__M4VIz",m="VideoPlayer-module_opacity1__wWDar",h="VideoPlayer-module_videoContainer__-vADj",p="VideoPlayer-module_absoluteCenter__A2KzN",y="VideoPlayer-module_wrapper__8iODY",f="VideoPlayer-module_video__fcIYk",v="VideoPlayer-module_controller__eyPIB",g="VideoPlayer-module_title__oxKqS",k="VideoPlayer-module_center__arqa3",_="VideoPlayer-module_controls__OQ23e",b="VideoPlayer-module_timeWrapper__fpsFx",w="VideoPlayer-module_btnSetting__le5fg",P="VideoPlayer-module_customSelect__GSAin",C="VideoPlayer-module_hoverTime__Dl7h0",M="VideoPlayer-module_timeControl__sz7qH",T="VideoPlayer-module_backProcess__I5ZGe",L="VideoPlayer-module_progressBar__v-AQM",V="VideoPlayer-module_rangeTime__Sp6FM",N="VideoPlayer-module_volumeWrapper__QBYAa",x="VideoPlayer-module_rangeVolume__koFUe",F="VideoPlayer-module_seekLeft__494Gh",E="VideoPlayer-module_seekRight__Wq-Br",A="VideoPlayer-module_hideOnMobile__-bl4X",I="VideoPlayer-module_loadingContainer__H2pCH",S="VideoPlayer-module_playFirstContainer__iHyIf";function j({source:r,title:j}){const H="string"==typeof r?r:r.link,q="object"==typeof r&&"string"==typeof r.type?r.type:"video/mp4",$=t(null),B=t(null),D=t(null),W=t(null),R=t(0),z=t(null),[Z,O]=i(!0),[X,G]=i(0),[Q,U]=i(!1),[Y,K]=i(!1),[J,ee]=i(!1),[ne,re]=i(!1),[te,ie]=i(!1),[oe,le]=i(!1),[ae,ce]=i(!1),[ue,de]=i(!0),[se,me]=i(!1),[he,pe]=i(1),[ye,fe]=i(0),[ve,ge]=i(0),[ke,_e]=i(1),[be,we]=i(!1),[Pe,Ce]=i(null),[Me,Te]=i(null),[Le,Ve]=i(0);function Ne(e){if(void 0===e\|\|Number.isNaN(e)\|\|e<0)return"00:00";const n=Math.floor(e),r=n%60;return`${Math.floor(n/60).toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`}async function xe(e,n){e.current&&await n(e.current)}o(()=>{re(!1),ce(!1),ie(!1),fe(0),ge(0),G(0),U(!1),me(!1),we(!1),Ce(null)},[H]),o(()=>()=>{$.current&&(clearTimeout($.current),$.current=null),B.current&&(clearTimeout(B.current),B.current=null),z.current&&(cancelAnimationFrame(z.current),z.current=null)},[]);const Fe=l(()=>{B.current&&(clearTimeout(B.current),B.current=null),U(!0),B.current=setTimeout(()=>{U(!1),G(0),B.current=null},1500)},[]),Ee=l(()=>{xe(D,async e=>{try{e.paused?await e.play():e.pause()}catch{return}})},[]),Ae=l(e=>{xe(D,n=>{G(r=>{const t="+"===e?r<0?10:r+10:r>0?-10:r-10;return n.currentTime+="+"===e?10:-10,t}),Fe()})},[Fe]);function Ie(){const e=document;!!(e.fullscreenEnabled\|\|e.webkitFullscreenEnabled\|\|e.mozFullScreenEnabled\|\|e.msFullscreenEnabled)&&xe(W,e=>{document.fullscreenElement?async function(){const e=document,n=e.exitFullscreen\|\|e.webkitExitFullscreen\|\|e.mozCancelFullScreen\|\|e.msExitFullscreen;if(n)try{await n.call(e)}catch{return void console.error("Failed to exit fullscreen")}}():async function(e){const n=e,r=n.requestFullscreen\|\|n.webkitRequestFullscreen\|\|n.webkitEnterFullscreen\|\|n.mozRequestFullScreen\|\|n.msRequestFullscreen;if(r)try{await r.call(n)}catch{return void console.error("Failed to enter fullscreen")}}(e)})}function Se(){"pictureInPictureEnabled"in document&&"requestPictureInPicture"in HTMLVideoElement.prototype&&xe(D,e=>{document.pictureInPictureElement?async function(e){if(!1===e.disablePictureInPicture&&"pictureInPictureElement"in document&&document.pictureInPictureElement)try{await document.exitPictureInPicture()}catch{return void console.error("Failed to exit Picture-in-Picture")}}(e):async function(e){if(!("pictureInPictureEnabled"in document)\|\|"function"!=typeof e.requestPictureInPicture)return console.error("Picture-in-Picture is not supported in this browser"),null;try{return e.paused&&await e.play().catch(()=>{console.warn("Auto-play was prevented")}),await e.requestPictureInPicture()}catch{return console.error("Failed to enter Picture-in-Picture"),null}}(e)})}function je(e,n){xe(D,r=>{"time"===e?(ge(n),r.currentTime=n):(pe(n),r.volume=n,r.muted&&(r.muted=!1,le(!1)))})}function He(e=2500){ue\|\|($.current&&(clearTimeout($.current),$.current=null),K(!0),$.current=setTimeout(()=>{se\|\|K(!1),$.current=null},e))}o(()=>{const e=/Android\|webOS\|iPhone\|iPad\|iPod\|BlackBerry\|IEMobile\|Opera Mini\|Mobi/i.test(window.navigator.userAgent);async function n(){if(W.current&&D.current){const e=document.fullscreenElement===W.current;ee(document.fullscreenEnabled&&e);const n=D.current.videoWidth>D.current.videoHeight;if("undefined"!=typeof window&&window.screen&&"orientation"in window.screen&&window.screen.orientation&&"lock"in window.screen.orientation&&"function"==typeof window.screen.orientation.lock&&n&&e)try{await window.screen.orientation.lock("landscape")}catch{return!1}}}function r(e){[" ","f","p","ArrowLeft","ArrowRight"].includes(e.key)&&e.preventDefault(),xe(D,n=>{switch(e.key){case" ":Ee();break;case"f":Ie();break;case"p":Se();break;case"ArrowLeft":G(e=>{const r=e>0?-10:e-10;return n.currentTime-=10,r}),Fe();break;case"ArrowRight":G(e=>{const r=e<0?10:e+10;return n.currentTime+=10,r}),Fe()}})}return O(e),document.addEventListener("fullscreenchange",n),!e&&window.addEventListener("keydown",r),()=>{document.removeEventListener("fullscreenchange",n),!e&&window.removeEventListener("keydown",r)}},[H,Ee,Fe]);const qe=l(function(e,n){let r=null,t=0;return function(...i){const o=Date.now();t?(r&&clearTimeout(r),r=setTimeout(()=>{o-t>=n&&(e.apply(this,i),t=o)},n-(o-t))):(e.apply(this,i),t=o)}}(()=>{ue\|\|He()},200),[ue,se]),$e=l(()=>{K(!1),$.current&&(clearTimeout($.current),$.current=null)},[]);o(()=>{se&&He(1e3)},[se]);const Be=l(e=>{const n=e.currentTarget.currentTime;(Math.floor(n)!==Math.floor(ve)\|\|Math.abs(n-ve)>1)&&ge(n)},[ve]),De=a(()=>{if(!D.current\|\|!ye)return 0;const e=D.current.buffered;if(0===e.length)return 0;let n=0;for(let r=0;r<e.length;r++)if(e.start(r)<=ve&&e.end(r)>ve){n=e.end(r);break}return n/ye100},[ve,ye]),We=a(()=>ye>0?ve/ye100:0,[ve,ye]),Re=l(e=>{if(!Z)return;const n=Date.now(),r=n-R.current;(r>0&&r<300\|\|Q)&&(Q\|\|U(!0),Ae(e)),R.current=n},[Z,Q,Ae]);function ze(e){_e(e),we(!1),Ce(null)}return o(()=>{xe(D,e=>{e.playbackRate=ke})},[ke]),n("div",{className:h,children:e("div",{className:y,ref:W,onMouseMove:qe,onMouseLeave:$e,children:[n("video",{playsInline:!0,preload:"none",ref:D,controls:!1,onTimeUpdate:Be,onLoadedMetadata:e=>fe(e.currentTarget.duration),onVolumeChange:e=>pe(e.currentTarget.volume),onCanPlayThrough:()=>ie(!1),onWaiting:()=>ie(!0),onLoadStart:()=>ce(!1),onEnded:()=>ce(!0),onPlay:()=>{ce(!1),de(!1),re(!0)},onPause:()=>de(!0),className:f,children:n("source",{src:H,type:q})}),e("div",{className:`${v} ${Z?ue\|\|Y?u:d:ue\|\|Y?m:s}`,children:[n("h1",{className:g,children:n("p",{children:j})}),e("div",{className:k,onClick:Z?void 0:Ee,children:[n("div",{onClick:()=>Re("-")}),n("div",{onClick:()=>Re("+")})]}),e("div",{className:_,children:[e("div",{className:b,children:[n("article",{children:Ne(ve)}),e("div",{className:M,children:[n("div",{className:T}),n("div",{className:L,style:{width:`${De}%`}}),n("div",{className:C,style:{left:Le-25,display:Me?void 0:"none"},children:Ne(Me\|\|0)}),n("input",{type:"range",step:"any",max:ye,value:ve,onFocus:e=>e.currentTarget.blur(),className:V,onPointerDown:()=>me(!0),onPointerUp:()=>me(!1),onPointerCancel:()=>me(!1),onChange:e=>je("time",+e.currentTarget.value),onMouseLeave:()=>{Te(null)},onMouseMove:e=>{if(z.current)return;const n=e.currentTarget;z.current=requestAnimationFrame(()=>{z.current=null;const r=n.getBoundingClientRect(),t=e.clientX-r.left,i=Math.min(Math.max(t/r.width,0),1)ye;Ve(t),Te(i)})},style:{backgroundImage:`linear-gradient(to right, #00b2ff ${We}%, #0000 ${We}%)`}})]}),n("article",{children:Ne(ye)})]}),e("div",{className:N,children:[n("button",{type:"button",onClick:function(){xe(D,e=>{e.muted=!e.muted,le(e.muted)})},onFocus:e=>e.currentTarget.blur(),children:n(c,{name:oe\|\|0===he?"muted":"volume"})}),n("input",{max:1,type:"range",step:"any",value:oe?0:he,onFocus:e=>e.currentTarget.blur(),className:x+(Z?` ${A}`:""),style:{backgroundImage:`linear-gradient(to right, #00b2ff ${oe?0:100he}%, #fff5 ${oe?0:100*he}%)`},onChange:e=>je("volume",+e.currentTarget.value)})]}),n("div",{children:n("button",{type:"button",onClick:Se,onFocus:e=>e.currentTarget.blur(),children:n(c,{name:"pip"})})}),n("div",{children:n("button",{type:"button",onClick:Ie,onFocus:e=>e.currentTarget.blur(),children:n(c,{name:J?"unfullscreen":"fullscreen"})})}),e("div",{className:w,children:[n("button",{type:"button",onClick:function(){me(!se),we(!be),Ce(null)},onFocus:e=>e.currentTarget.blur(),children:n(c,{name:"setting"})}),e("div",{className:P,style:{display:be?void 0:"none"},children:[n("div",{onClick:()=>Ce("speed"===Pe?null:"speed"),children:"ความเร็วในการเล่น"}),"speed"===Pe&&e("ul",{children:[n("li",{style:{backgroundColor:.25===ke?"#eeee":void 0},onClick:()=>ze(.25),children:"0.25"}),n("li",{style:{backgroundColor:.5===ke?"#eeee":void 0},onClick:()=>ze(.5),children:"0.5"}),n("li",{style:{backgroundColor:.75===ke?"#eeee":void 0},onClick:()=>ze(.75),children:"0.75"}),n("li",{style:{backgroundColor:1===ke?"#eeee":void 0},onClick:()=>ze(1),children:"1"}),n("li",{style:{backgroundColor:1.25===ke?"#eeee":void 0},onClick:()=>ze(1.25),children:"1.25"}),n("li",{style:{backgroundColor:1.5===ke?"#eeee":void 0},onClick:()=>ze(1.5),children:"1.5"}),n("li",{style:{backgroundColor:1.75===ke?"#eeee":void 0},onClick:()=>ze(1.75),children:"1.75"}),n("li",{style:{backgroundColor:2===ke?"#eeee":void 0},onClick:()=>ze(2),children:"2"})]})]})]})]}),n(c,{name:te?"hide":ae?"restart":ue?"play":"pause",bigger:!0,className:p,onClick:Ee})]}),X<0&&n("div",{inert:!0,className:F,children:X.toString()},X),X>0&&n("div",{inert:!0,className:E,children:`+${X.toString()}`},X),te&&n("div",{className:I,children:n(c,{name:"loading"})}),!ne&&n("div",{className:S,children:n("button",{type:"button",onFocus:e=>e.currentTarget.blur(),onClick:()=>{re(!0),xe(D,async e=>{try{await e.play()}catch{return}})},children:n(c,{name:"play",bigger:!0})})})]})},H)}export{j as VideoPlayer};

package/package.json CHANGED Viewed

@@ -1,38 +1,12 @@
 {
   "name": "@tiwz/react-video-player",
-  "version": "0.0.1",
-  "description": "A React component for playing video",
-  "keywords": [
-    "react",
-    "video",
-    "player",
-    "media"
-  ],
-  "homepage": "https://github.com/TiwPhiraphan/react-video-player#readme",
-  "bugs": {
-    "url": "https://github.com/TiwPhiraphan/react-video-player/issues"
-  },
+  "version": "1.0.1",
+  "author": "tiwz",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/TiwPhiraphan/react-video-player.git"
   },
-  "license": "MIT",
-  "author": "tiwz",
-  "type": "module",
-  "main": "src/index.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    }
-  },
-  "scripts": {
-    "rollup": "rollup -c --bundleConfigAsCjs"
-  },
-  "files": [
-    "dist"
-  ],
+  "style": "dist/index.css",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-json": "^6.1.0",
@@ -41,6 +15,7 @@
     "@rollup/plugin-typescript": "^12.3.0",
     "@types/node": "^25.0.10",
     "@types/react": "^19.2.9",
+    "postcss": "^8.5.6",
     "rollup": "^4.57.0",
     "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
@@ -50,5 +25,34 @@
   },
   "peerDependencies": {
     "react": ">=18"
-  }
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./style": {
+        "default": "./dist/index.css"
+    }
+  },
+  "bugs": {
+    "url": "https://github.com/TiwPhiraphan/react-video-player/issues"
+  },
+  "description": "A React component for playing video",
+  "files": [
+    "dist"
+  ],
+  "homepage": "https://github.com/TiwPhiraphan/react-video-player#readme",
+  "keywords": [
+    "react",
+    "video",
+    "player",
+    "media"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "rollup": "rollup -c --bundleConfigAsCjs"
+  },
+  "type": "module"
 }

package/src/index.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as VideoPlayer } from './components/VideoPlayer'