@openlist-frontend/openlist-frontend 4.2.0 → 4.2.1

package/dist/lite/assets/{video_box-legacy-B4dnjnjL.js → video_box-legacy-DJTbgfFE.js}

@@ -1 +1 @@
-System.register(["./store-legacy-DEv5m7Se.js","./obj-legacy-BLJL3FDc.js","./index-legacy-DVVw2Tdl.js"],function(t,e){var n,r,a,o,i,s,l,c,d,p,h,u,m,g,f,v,y,b,w,x,k,$,T,E,C,S,z,L,M,I,A,P,_,O,R,V,D,Y,N,F,H,B,j,W,X,U,q,G,K,Z,J,Q,tt,et,nt,rt,at,ot,it,st,lt,ct,dt,pt,ht,ut,mt,gt,ft,vt,yt,bt,wt,xt,kt,$t,Tt,Et,Ct,St;function zt(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function Lt(){return I||(I=1,M.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var a=t(n);if("boolean"===a)return"boolean";if("string"===a)return"string";if("number"===a)return"number";if("symbol"===a)return"symbol";if("function"===a)return"GeneratorFunction"===r(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(e){if(-1!==e.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(a=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return a.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function a(t,e){var r=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];return o(t,e,r),i(t,e,r),function(t,e,r){var s=n(e),l=n(t);if("object"===s){if("object"!==l)throw new Error("[Type Error]: '".concat(r.join("."),"' require 'object' type, but got '").concat(l,"'"));Object.keys(e).forEach(function(n){var s=t[n],l=e[n],c=r.slice();c.push(n),o(s,l,c),i(s,l,c),a(s,l,c)})}if("array"===s){if("array"!==l)throw new Error("[Type Error]: '".concat(r.join("."),"' require 'array' type, but got '").concat(l,"'"));t.forEach(function(n,s){var l=t[s],c=e[s]||e[0],d=r.slice();d.push(s),o(l,c,d),i(l,c,d),a(l,c,d)})}}(t,e,r),t}function o(t,e,r){if("string"===n(e)){var a=n(t);if("?"===e[0]&&(e=e.slice(1)+"|undefined"),!(-1<e.indexOf("|")?e.split("|").map(function(t){return t.toLowerCase().trim()}).filter(Boolean).some(function(t){return a===t}):e.toLowerCase().trim()===a))throw new Error("[Type Error]: '".concat(r.join("."),"' require '").concat(e,"' type, but got '").concat(a,"'"))}}function i(t,e,r){if("function"===n(e)){var a=e(t,n(t),r);if(!0!==a){var o=n(a);throw"string"===o?new Error(a):"error"===o?a:new Error("[Validator Error]: The scheme for '".concat(r.join("."),"' validator require return true, but got '").concat(a,"'"))}}}return a.kindOf=n,a}()),M.exports}function Mt(t,e=document){return e.querySelector(t)}function It(t,e=document){return Array.from(e.querySelectorAll(t))}function At(t,e){return t.classList.add(e)}function Pt(t,e){return t.classList.remove(e)}function _t(t,e){return t.classList.contains(e)}function Ot(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function Rt(t){return t.parentNode.removeChild(t)}function Vt(t,e,n){return t.style[e]=n,t}function Dt(t,e){for(const n in e)Vt(t,n,e[n]);return t}function Yt(t,e,n=!0){const r=window.getComputedStyle(t,null).getPropertyValue(e);return n?Number.parseFloat(r):r}function Nt(t){return Array.from(t.parentElement.children).filter(e=>e!==t)}function Ft(t,e){Nt(t).forEach(t=>Pt(t,e)),At(t,e)}function Ht(t,e,n="top"){Y||(t.setAttribute("aria-label",e),At(t,"hint--rounded"),At(t,`hint--${n}`))}function Bt(t,e=0){const n=t.getBoundingClientRect(),r=window.innerHeight||document.documentElement.clientHeight,a=window.innerWidth||document.documentElement.clientWidth,o=n.top-e<=r&&n.top+n.height+e>=0,i=n.left-e<=a+e&&n.left+n.width+e>=0;return o&&i}function jt(t,e){return Jt(t).includes(e)}function Wt(t,e){return e.parentNode.replaceChild(t,e),t}function Xt(t){return document.createElement(t)}function Ut(t="",e=""){const n=Xt("i");return At(n,"art-icon"),At(n,`art-icon-${t}`),Ot(n,e),n}function qt(t,e){let n=document.getElementById(t);n||(n=document.createElement("style"),n.id=t,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>{document.head.appendChild(n)}):(document.head||document.documentElement).appendChild(n)),n.textContent=e}function Gt(){const t=document.createElement("div");return t.style.display="flex","flex"===t.style.display}function Kt(t){return t.getBoundingClientRect()}function Zt(t,e){return new Promise((n,r)=>{const a=new Image;a.onload=function(){if(e&&1!==e){const o=document.createElement("canvas"),i=o.getContext("2d");o.width=a.width*e,o.height=a.height*e,i.drawImage(a,0,0,o.width,o.height),o.toBlob(e=>{const a=URL.createObjectURL(e),o=new Image;o.onload=function(){n(o)},o.onerror=function(){URL.revokeObjectURL(a),r(new Error(`Image load failed: ${t}`))},o.src=a})}else n(a)},a.onerror=function(){r(new Error(`Image load failed: ${t}`))},a.src=t})}function Jt(t){if(t.composedPath)return t.composedPath();const e=[];let n=t.target;for(;n;)e.push(n),n=n.parentNode;return e.includes(window)||void 0===window||e.push(window),e}function Qt(t,e){if(!t)throw new F(e);return t}function te(t){return t.includes("?")?te(t.split("?")[0]):t.includes("#")?te(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function ee(t,e){const n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}function ne(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function re(t){return t.charAt(0).toUpperCase()+t.slice(1)}function ae(t){if(!t)return"00:00";const e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),r=Math.floor(t-3600*e-60*n);return(e>0?[e,n,r]:[n,r]).map(t=>t<10?`0${t}`:String(t)).join(":")}function oe(t){return t.replace(/[&<>'"]/g,t=>({"&":"&amp;","<":"&lt;",">":"&gt;","'":"&#39;",'"':"&quot;"}[t]||t))}function ie(t){const e={"&amp;":"&","&lt;":"<","&gt;":">","&#39;":"'","&quot;":'"'},n=new RegExp(`(${Object.keys(e).join("|")})`,"g");return t.replace(n,t=>e[t]||t)}function se(t,e){return B.call(t,e)}function le(t,e){return Object.getOwnPropertyDescriptor(t,e)}function ce(...t){const e=t=>t&&"object"==typeof t&&!Array.isArray(t);return t.reduce((t,n)=>(Object.keys(n).forEach(r=>{const a=t[r],o=n[r];Array.isArray(a)&&Array.isArray(o)?t[r]=a.concat(...o):e(a)&&e(o)?t[r]=ce(a,o):t[r]=o}),t),{})}function de(t){return"WEBVTT \r\n\r\n".concat((e=t,e.replace(/(\d\d:\d\d:\d\d)[,.](\d+)/g,(t,e,n)=>{let r=n.slice(0,3);return 1===n.length&&(r=`${n}00`),2===n.length&&(r=`${n}0`),`${e},${r}`})).replace(/\{\\([ibu])\}/g,"</$1>").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"</$1>").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").replace(/\{[\s\S]*?\}/g,"").concat("\r\n\r\n"));var e}function pe(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function he(t){const e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(t=""){return t.split(/[:.]/).map((t,e,n)=>{if(e===n.length-1){if(1===t.length)return`.${t}00`;if(2===t.length)return`.${t}0`}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?`.${t}`:`:${t}`}).join("")}return`WEBVTT\n\n${t.split(/\r?\n/).map(t=>{const r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/\{[\s\S]*?\}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map(t=>t.trim()).join("\n")}:null}).filter(t=>t).map((t,e)=>t?`${e+1}\n${t.start} --\x3e ${t.end}\n${t.text}`:"").filter(t=>t.trim()).join("\n\n")}`}function ue(t=0){return new Promise(e=>setTimeout(e,t))}function me(t,e){let n;return function(...r){clearTimeout(n),n=setTimeout(()=>(n=null,t.apply(this,r)),e)}}function ge(t,e){let n=!1;return function(...r){n||(t.apply(this,r),n=!0,setTimeout(()=>{n=!1},e))}}function fe(t,e,n){return Qt(e===U||e===q||t instanceof Element,`${n.join(".")} require '${U}' or 'Element' type`)}function ve(t,e){const{$progress:n}=t.template,{left:r}=Kt(n),a=ne((Y?e.touches[0].clientX:e.clientX)-r,0,n.clientWidth),o=a/n.clientWidth*t.duration;return{second:o,time:ae(o),width:a,percentage:ne(a/n.clientWidth,0,1)}}function ye(t,e){if(t.isRotate){const n=e.touches[0].clientY/t.height,r=n*t.duration;t.emit("setBar","played",n,e),t.seek=r}else{const{second:n,percentage:r}=ve(t,e);t.emit("setBar","played",r,e),t.seek=n}}function be(t){return e=>{const{icons:n,option:r,proxy:a}=e,{$player:o,$progress:i}=e.template;return{...t,html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-hover"></div>\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator"></div>\n                    <div class="art-progress-tip">00:00</div>\n                </div>\n            ',mounted:t=>{let s=null,l=!1;const c=Mt(".art-progress-hover",t),d=Mt(".art-progress-loaded",t),p=Mt(".art-progress-played",t),h=Mt(".art-progress-highlight",t),u=Mt(".art-progress-indicator",t),m=Mt(".art-progress-tip",t);function g(n,r){const{width:a,time:o}=r||ve(e,n);m.textContent=o||"00:00";const i=m.clientWidth;a<=i/2?Vt(m,"left",0):a>t.clientWidth-i/2?Vt(m,"left",t.clientWidth-i+"px"):Vt(m,"left",a-i/2+"px")}n.indicator?Ot(u,n.indicator):Vt(u,"backgroundColor","var(--art-theme)"),e.on("setBar",function(n,r,a){const i="played"===n&&a&&Y;"loaded"===n&&Vt(d,"width",100*r+"%"),"hover"===n&&(Vt(c,"width",100*r+"%"),jt(a,h)?function(n){const{width:r}=ve(e,n),{text:a}=n.target.dataset;m.textContent=a;const o=m.clientWidth;r<=o/2?Vt(m,"left",0):r>t.clientWidth-o/2?Vt(m,"left",t.clientWidth-o+"px"):Vt(m,"left",r-o/2+"px")}(a):g(a),0===r?Pt(o,"art-progress-hover"):At(o,"art-progress-hover")),"played"===n&&(Vt(p,"width",100*r+"%"),Vt(u,"left",100*r+"%")),i&&(At(o,"art-progress-hover"),g(a,{width:t.clientWidth*r,time:ae(r*e.duration)}),clearTimeout(s),s=setTimeout(()=>{Pt(o,"art-progress-hover")},500))}),e.on("video:loadedmetadata",function(){h.textContent="";for(let t=0;t<r.highlight.length;t++){const n=r.highlight[t],a=ne(n.time,0,e.duration)/e.duration*100;Ot(h,`<span data-text="${n.text}" data-time="${n.time}" style="left: ${a}%"></span>`)}}),e.constructor.USE_RAF?e.on("raf",()=>{e.emit("setBar","played",e.played),e.emit("setBar","loaded",e.loaded)}):(e.on("video:timeupdate",()=>{e.emit("setBar","played",e.played)}),e.on("video:progress",()=>{e.emit("setBar","loaded",e.loaded)}),e.on("video:ended",()=>{e.emit("setBar","played",1)})),e.emit("setBar","loaded",e.loaded||0),Y||(a(i,"click",t=>{t.target!==u&&ye(e,t)}),a(i,"mousemove",t=>{const{percentage:n}=ve(e,t);e.emit("setBar","hover",n,t)}),a(i,"mouseleave",t=>{e.emit("setBar","hover",0,t)}),a(i,"mousedown",t=>{l=0===t.button}),e.on("document:mousemove",t=>{if(l){const{second:n,percentage:r}=ve(e,t);e.emit("setBar","played",r,t),e.seek=n}}),e.on("document:mouseup",()=>{l&&(l=!1)}))}}}}function we(t,e,n,r){const a=e-r,o=n-t;let i=0;if(Math.abs(o)<2&&Math.abs(a)<2)return i;const s=function(t,e){return 180*Math.atan2(e,t)/Math.PI}(o,a);return s>=-45&&s<45?i=4:s>=45&&s<135?i=1:s>=-135&&s<-45?i=2:(s>=135&&s<=180||s>=-180&&s<-135)&&(i=3),i}function xe(t){const{i18n:e,notice:n,template:{$video:r,$player:a}}=t;t.once("video:loadedmetadata",()=>{var o;gt.isEnabled?(o=t,gt.on("change",()=>{o.emit("fullscreen",gt.isFullscreen),gt.isFullscreen?(o.state="fullscreen",At(a,"art-fullscreen")):Pt(a,"art-fullscreen"),o.emit("resize")}),gt.on("error",t=>{o.emit("fullscreenError",t)}),H(o,"fullscreen",{get:()=>gt.isFullscreen,async set(t){t?await gt.request(a):await gt.exit()}})):r.webkitSupportsFullscreen?(t=>{t.on("document:webkitfullscreenchange",()=>{t.emit("fullscreen",t.fullscreen),t.emit("resize")}),H(t,"fullscreen",{get:()=>document.fullscreenElement===r,set(e){e?(t.state="fullscreen",r.webkitEnterFullscreen()):r.webkitExitFullscreen()}})})(t):H(t,"fullscreen",{get:()=>!1,set(){n.show=e.get("Fullscreen Not Supported")}}),H(t,"fullscreen",le(t,"fullscreen"))})}function ke(t){const{icons:e,proxy:n,storage:r,template:{$player:a,$video:o}}=t;let i=!1,s=0,l=0;function c(){const{$mini:e}=t.template;e&&(Pt(a,"art-mini"),Vt(e,"display","none"),a.prepend(o),t.emit("mini",!1))}function d(e,n){t.playing?(Vt(e,"display","none"),Vt(n,"display","flex")):(Vt(e,"display","flex"),Vt(n,"display","none"))}function p(){const{$mini:e}=t.template,n=Kt(e),a=window.innerHeight-n.height-50,o=window.innerWidth-n.width-50;r.set("top",a),r.set("left",o),Vt(e,"top",`${a}px`),Vt(e,"left",`${o}px`)}H(t,"mini",{get:()=>_t(a,"art-mini"),set(h){if(h){t.state="mini",At(a,"art-mini");const h=function(){const{$mini:a}=t.template;if(a)return Ot(a,o),Vt(a,"display","flex");{const a=Xt("div");At(a,"art-mini-popup"),Ot(document.body,a),t.template.$mini=a,Ot(a,o);const p=Ot(a,'<div class="art-mini-close"></div>');Ot(p,e.close),n(p,"click",c);const h=Ot(a,'<div class="art-mini-state"></div>'),u=Ot(h,e.play),m=Ot(h,e.pause);return n(u,"click",()=>t.play()),n(m,"click",()=>t.pause()),d(u,m),t.on("video:playing",()=>d(u,m)),t.on("video:pause",()=>d(u,m)),t.on("video:timeupdate",()=>d(u,m)),n(a,"mousedown",t=>{i=0===t.button,s=t.pageX,l=t.pageY}),t.on("document:mousemove",t=>{i&&(At(a,"art-mini-dragging"),Vt(a,"transform",`translate(${t.pageX-s}px, ${t.pageY-l}px)`))}),t.on("document:mouseup",()=>{if(i){i=!1,Pt(a,"art-mini-dragging");const t=Kt(a);r.set("left",t.left),r.set("top",t.top),Vt(a,"left",`${t.left}px`),Vt(a,"top",`${t.top}px`),Vt(a,"transform",null)}}),a}}(),u=r.get("top"),m=r.get("left");"number"==typeof u&&"number"==typeof m?(Vt(h,"top",`${u}px`),Vt(h,"left",`${m}px`),Bt(h)||p()):p(),t.emit("mini",!0)}else c()}})}function $e(t){const{i18n:e,notice:n,template:{$video:r}}=t;document.pictureInPictureEnabled?function(t){const{template:{$video:e},proxy:n,notice:r}=t;e.disablePictureInPicture=!1,H(t,"pip",{get:()=>document.pictureInPictureElement,set(n){n?(t.state="pip",e.requestPictureInPicture().catch(t=>{throw r.show=t,t})):document.exitPictureInPicture().catch(t=>{throw r.show=t,t})}}),n(e,"enterpictureinpicture",()=>{t.emit("pip",!0)}),n(e,"leavepictureinpicture",()=>{t.emit("pip",!1)})}(t):r.webkitSupportsPresentationMode?function(t){const{$video:e}=t.template;e.webkitSetPresentationMode("inline"),H(t,"pip",{get:()=>"picture-in-picture"===e.webkitPresentationMode,set(n){n?(t.state="pip",e.webkitSetPresentationMode("picture-in-picture"),t.emit("pip",!0)):(e.webkitSetPresentationMode("inline"),t.emit("pip",!1))}})}(t):H(t,"pip",{get:()=>!1,set(){n.show=e.get("PIP Not Supported")}})}function Te(t){const{option:e,template:{$progress:n,$video:r}}=t;let a=null,o=!1,i=null;t.on("setBar",async(a,s,l)=>{const c=t.controls?.thumbnails,{url:d,scale:p}=e.thumbnails;if(c&&d&&("hover"===a||"played"===a&&l&&Y)){if(i||o||(o=!0,i=await Zt(d,p),o=!1),!i)return;const a=n.clientWidth*s;a>0&&a<n.clientWidth&&function(a){const o=t.controls?.thumbnails;if(!o)return;const{number:s,column:l,width:c,height:d,scale:p}=e.thumbnails,h=c*p||i.naturalWidth/l,u=d*p||h/(r.videoWidth/r.videoHeight),m=n.clientWidth/s,g=Math.floor(a/m),f=Math.ceil(g/l)-1,v=g%l||l-1;Vt(o,"backgroundImage",`url(${i.src})`),Vt(o,"height",`${u}px`),Vt(o,"width",`${h}px`),Vt(o,"backgroundPosition",`-${v*h}px -${f*u}px`),a<=h/2?Vt(o,"left",0):a>n.clientWidth-h/2?Vt(o,"left",n.clientWidth-h+"px"):Vt(o,"left",a-h/2+"px")}(a)}}),H(t,"thumbnails",{get:()=>t.option.thumbnails,set(e){e.url&&!t.option.isLive&&(t.option.thumbnails=e,clearTimeout(a),a=null,o=!1,i=null)}})}function Ee(t){const{notice:e,constructor:n,template:{$player:r,$video:a}}=t,o="art-auto-orientation",i="art-auto-orientation-fullscreen";let s=!1;function l(){const{videoWidth:t,videoHeight:e}=a,n=document.documentElement.clientWidth,r=document.documentElement.clientHeight;return t>e&&n<r||t<e&&n>r}return t.on("fullscreenWeb",e=>{if(e){if(l()){const e=Number(n.AUTO_ORIENTATION_TIME??0);setTimeout(()=>{t.fullscreenWeb&&!_t(r,o)&&function(){const e=document.documentElement.clientWidth,n=document.documentElement.clientHeight;Vt(r,"width",`${n}px`),Vt(r,"height",`${e}px`),Vt(r,"transform-origin","0 0"),Vt(r,"transform",`rotate(90deg) translate(0, -${e}px)`),At(r,o),t.isRotate=!0,t.emit("resize")}()},e)}}else _t(r,o)&&(Vt(r,"width",""),Vt(r,"height",""),Vt(r,"transform-origin",""),Vt(r,"transform",""),Pt(r,o),t.isRotate=!1,t.emit("resize"))}),t.on("fullscreen",async t=>{const n=!!screen?.orientation?.lock;if(t){if(n&&l())try{const t=screen.orientation.type.startsWith("portrait")?"landscape":"portrait";await screen.orientation.lock(t),s=!0,At(r,i)}catch(a){s=!1,e.show=a}}else if(_t(r,i)&&Pt(r,i),n&&s){try{screen.orientation.unlock()}catch{}s=!1}}),{name:"autoOrientation",get state(){return _t(r,o)}}}function Ce(t){const{i18n:e,icons:n,storage:r,constructor:a,proxy:o,template:{$poster:i}}=t,s=t.layers.add({name:"auto-playback",html:'\n            <div class="art-auto-playback-close"></div>\n            <div class="art-auto-playback-last"></div>\n            <div class="art-auto-playback-jump"></div>\n        '}),l=Mt(".art-auto-playback-last",s),c=Mt(".art-auto-playback-jump",s),d=Mt(".art-auto-playback-close",s);Ot(d,n.close);let p=null;function h(){const n=(r.get("times")||{})[t.option.id||t.option.url];clearTimeout(p),Vt(s,"display","none"),n&&n>=a.AUTO_PLAYBACK_MIN&&(Vt(s,"display","flex"),l.textContent=`${e.get("Last Seen")} ${ae(n)}`,c.textContent=e.get("Jump Play"),o(d,"click",()=>{Vt(s,"display","none")}),o(c,"click",()=>{t.seek=n,t.play(),Vt(i,"display","none"),Vt(s,"display","none")}),t.once("video:timeupdate",()=>{p=setTimeout(()=>{Vt(s,"display","none")},a.AUTO_PLAYBACK_TIMEOUT)}))}return t.on("video:timeupdate",()=>{if(t.playing){const e=r.get("times")||{},n=Object.keys(e);n.length>a.AUTO_PLAYBACK_MAX&&delete e[n[0]],e[t.option.id||t.option.url]=t.currentTime,r.set("times",e)}}),t.on("ready",h),t.on("restart",h),{name:"auto-playback",get times(){return r.get("times")||{}},clear:()=>r.del("times"),delete(t){const e=r.get("times")||{};return delete e[t],r.set("times",e),e}}}function Se(t){const{constructor:e,proxy:n,template:{$player:r,$video:a}}=t;let o=null,i=!1,s=1;const l=()=>{clearTimeout(o),i&&(i=!1,t.playbackRate=s,Pt(r,"art-fast-forward"))};return n(a,"touchstart",n=>{1===n.touches.length&&t.playing&&!t.isLock&&(o=setTimeout(()=>{i=!0,s=t.playbackRate,t.playbackRate=e.FAST_FORWARD_VALUE,At(r,"art-fast-forward")},e.FAST_FORWARD_TIME))}),t.on("document:touchmove",l),t.on("document:touchend",l),{name:"fastForward",get state(){return _t(r,"art-fast-forward")}}}function ze(t){const{layers:e,icons:n,template:{$player:r}}=t;function a(){return _t(r,"art-lock")}function o(){At(r,"art-lock"),t.isLock=!0,t.emit("lock",!0)}function i(){Pt(r,"art-lock"),t.isLock=!1,t.emit("lock",!1)}return e.add({name:"lock",mounted(e){const r=Ot(e,n.lock),a=Ot(e,n.unlock);Vt(r,"display","none"),t.on("lock",t=>{t?(Vt(r,"display","inline-flex"),Vt(a,"display","none")):(Vt(r,"display","none"),Vt(a,"display","inline-flex"))})},click(){a()?i():o()}}),{name:"lock",get state(){return a()},set state(t){t?o():i()}}}function Le(t){return t.on("control",e=>{e?Pt(t.template.$player,"art-mini-progress-bar"):At(t.template.$player,"art-mini-progress-bar")}),{name:"mini-progress-bar"}}return{setters:[function(t){n=t.$,r=t.Cn,a=t.D,o=t.Hr,i=t.J,s=t.Ki,l=t.Mi,c=t.Qn,d=t.Qr,p=t.Ui,h=t.Vn,u=t.Xn,m=t.Xr,g=t.Y,f=t.Zi,v=t.Zn,y=t.aa,b=t.it,w=t.m,x=t.q,k=t.qn,$=t.qt,T=t.ta,E=t.un,C=t.vt},function(t){S=t.t},function(t){z=t.X,L=t.i}],execute:function(){M={exports:{}},A=zt(Lt()),P="5.4.0",_={properties:["audioTracks","autoplay","buffered","controller","controls","crossOrigin","currentSrc","currentTime","defaultMuted","defaultPlaybackRate","duration","ended","error","loop","mediaGroup","muted","networkState","paused","playbackRate","played","preload","readyState","seekable","seeking","src","startDate","textTracks","videoTracks","volume"],methods:["addTextTrack","canPlayType","load","play","pause"],events:["abort","canplay","canplaythrough","durationchange","emptied","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"],prototypes:["width","height","videoWidth","videoHeight","poster","webkitDecodedFrameCount","webkitDroppedFrameCount","playsInline","webkitSupportsFullscreen","webkitDisplayingFullscreen","onenterpictureinpicture","onleavepictureinpicture","disablePictureInPicture","cancelVideoFrameCallback","requestVideoFrameCallback","getVideoPlaybackQuality","requestPictureInPicture","webkitEnterFullScreen","webkitEnterFullscreen","webkitExitFullScreen","webkitExitFullscreen"]},O=globalThis?.CUSTOM_USER_AGENT??("undefined"!=typeof navigator?navigator.userAgent:""),R=/^(?:(?!chrome|android).)*safari/i.test(O),V=/iPad|iPhone|iPod/i.test(O)&&!window.MSStream,D=V||O.includes("Macintosh")&&navigator.maxTouchPoints>=1,Y=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(O)||D,N="undefined"!=typeof window&&"undefined"!=typeof document,F=class extends Error{constructor(t,e){super(t),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(this,e||this.constructor),this.name="ArtPlayerError"}},H=Object.defineProperty,({hasOwnProperty:B}=Object.prototype),j=Object.freeze(Object.defineProperty({__proto__:null,ArtPlayerError:F,addClass:At,append:Ot,assToVtt:he,capitalize:re,clamp:ne,createElement:Xt,debounce:me,def:H,download:ee,errorHandle:Qt,escape:oe,get:le,getComposedPath:Jt,getExt:te,getIcon:Ut,getRect:Kt,getStyle:Yt,has:se,hasClass:_t,includeFromEvent:jt,inverseClass:Ft,isBrowser:N,isIOS:V,isIOS13:D,isInViewport:Bt,isMobile:Y,isSafari:R,loadImg:Zt,mergeDeep:ce,query:Mt,queryAll:It,remove:Rt,removeClass:Pt,replaceElement:Wt,secondToTime:ae,setStyle:Vt,setStyleText:qt,setStyles:Dt,siblings:Nt,sleep:ue,srtToVtt:de,supportsFlex:Gt,throttle:ge,tooltip:Ht,unescape:ie,userAgent:O,vttToBlob:pe},Symbol.toStringTag,{value:"Module"})),J={id:U="string",container:fe,url:U,poster:U,type:U,theme:U,lang:U,volume:q="number",isLive:X="boolean",muted:X,autoplay:X,autoSize:X,autoMini:X,loop:X,flip:X,playbackRate:X,aspectRatio:X,screenshot:X,setting:X,hotkey:X,pip:X,mutex:X,backdrop:X,fullscreen:X,fullscreenWeb:X,subtitleOffset:X,miniProgressBar:X,useSSR:X,playsInline:X,lock:X,gesture:X,fastForward:X,autoPlayback:X,autoOrientation:X,airplay:X,proxy:"?"+(K="function"),plugins:[K],layers:[Z={html:fe,disable:`?${X}`,name:`?${U}`,index:`?${q}`,style:"?"+(G="object"),click:`?${K}`,mounted:`?${K}`,tooltip:`?${U}|${q}`,width:`?${q}`,selector:"?"+(W="array"),onSelect:`?${K}`,switch:`?${X}`,onSwitch:`?${K}`,range:`?${W}`,onRange:`?${K}`,onChange:`?${K}`}],contextmenu:[Z],settings:[Z],controls:[{...Z,position:(t,e,n)=>{const r=["top","left","right"];return Qt(r.includes(t),`${n.join(".")} only accept ${r.toString()} as parameters`)}}],quality:[{default:`?${X}`,html:U,url:U}],highlight:[{time:q,text:U}],thumbnails:{url:U,number:q,column:q,width:q,height:q,scale:q},subtitle:{url:U,name:U,type:U,style:G,escape:X,encoding:U,onVttLoad:K},moreVideoAttr:G,i18n:G,icons:G,cssVar:G,customType:G},Q=class{constructor(t){this.id=0,this.art=t,this.cache=new Map,this.add=this.add.bind(this),this.remove=this.remove.bind(this),this.update=this.update.bind(this)}get show(){return _t(this.art.template.$player,`art-${this.name}-show`)}set show(t){const{$player:e}=this.art.template,n=`art-${this.name}-show`;t?At(e,n):Pt(e,n),this.art.emit(this.name,t)}toggle(){this.show=!this.show}add(t){const e="function"==typeof t?t(this.art):t;if(e.html=e.html||"",A(e,Z),!this.$parent||!this.name||e.disable)return;const n=e.name||`${this.name}${this.id}`;Qt(!this.cache.has(n),`Can't add an existing [${n}] to the [${this.name}]`),this.id+=1;const r=Xt("div");At(r,`art-${this.name}`),At(r,`art-${this.name}-${n}`);const a=Array.from(this.$parent.children);r.dataset.index=e.index||this.id;const o=a.find(t=>Number(t.dataset.index)>=Number(r.dataset.index));o?o.insertAdjacentElement("beforebegin",r):Ot(this.$parent,r),e.html&&Ot(r,e.html),e.style&&Dt(r,e.style),e.tooltip&&Ht(r,e.tooltip);const i=[];if(e.click){const t=this.art.events.proxy(r,"click",t=>{t.preventDefault(),e.click.call(this.art,this,t)});i.push(t)}return e.selector&&["left","right"].includes(e.position)&&this.selector(e,r,i),this[n]=r,this.cache.set(n,{$ref:r,events:i,option:e}),e.mounted&&e.mounted.call(this.art,r),r}remove(t){Qt(this.cache.has(t),`Can't find [${t}] from the [${this.name}]`);const e=this.cache.get(t);e.option.beforeUnmount&&e.option.beforeUnmount.call(this.art,e.$ref);for(const n of e.events)this.art.events.remove(n);this.cache.delete(t),delete this[t],Rt(e.$ref)}update(t){if(this.cache.has(t.name)){const e=this.cache.get(t.name);t=Object.assign(e.option,t),this.remove(t.name)}return this.add(t)}},tt=class extends Q{constructor(t){super(t),this.name="contextmenu",this.$parent=t.template.$contextmenu,Y||this.init()}init(){const{option:t,proxy:e,template:{$player:n,$contextmenu:r}}=this.art;t.playbackRate&&this.add(function(t){return e=>{const{i18n:n,constructor:{PLAYBACK_RATE:r}}=e,a=r.map(t=>`<span data-value="${t}">${1===t?n.get("Normal"):t.toFixed(1)}</span>`).join("");return{...t,html:`${n.get("Play Speed")}: ${a}`,click:(t,n)=>{const{value:r}=n.target.dataset;r&&(e.playbackRate=Number(r),t.show=!1)},mounted:t=>{const n=Mt('[data-value="1"]',t);n&&Ft(n,"art-current"),e.on("video:ratechange",()=>{const n=It("span",t).find(t=>Number(t.dataset.value)===e.playbackRate);n&&Ft(n,"art-current")})}}}}({name:"playbackRate",index:10})),t.aspectRatio&&this.add(function(t){return e=>{const{i18n:n,constructor:{ASPECT_RATIO:r}}=e,a=r.map(t=>`<span data-value="${t}">${"default"===t?n.get("Default"):t}</span>`).join("");return{...t,html:`${n.get("Aspect Ratio")}: ${a}`,click:(t,n)=>{const{value:r}=n.target.dataset;r&&(e.aspectRatio=r,t.show=!1)},mounted:t=>{const n=Mt('[data-value="default"]',t);n&&Ft(n,"art-current"),e.on("aspectRatio",e=>{const n=It("span",t).find(t=>t.dataset.value===e);n&&Ft(n,"art-current")})}}}}({name:"aspectRatio",index:20})),t.flip&&this.add(function(t){return e=>{const{i18n:n,constructor:{FLIP:r}}=e,a=r.map(t=>`<span data-value="${t}">${n.get(re(t))}</span>`).join("");return{...t,html:`${n.get("Video Flip")}: ${a}`,click:(t,n)=>{const{value:r}=n.target.dataset;r&&(e.flip=r.toLowerCase(),t.show=!1)},mounted:t=>{const n=Mt('[data-value="normal"]',t);n&&Ft(n,"art-current"),e.on("flip",e=>{const n=It("span",t).find(t=>t.dataset.value===e);n&&Ft(n,"art-current")})}}}}({name:"flip",index:30})),this.add(function(t){return e=>({...t,html:e.i18n.get("Video Info"),click:t=>{e.info.show=!0,t.show=!1}})}({name:"info",index:40})),this.add(function(t){const e=N?location.href:"";return{...t,html:`<a href="https://artplayer.org?ref=${encodeURIComponent(e)}" target="_blank" style="width:100%;">ArtPlayer ${P}</a>`}}({name:"version",index:50})),this.add(function(t){return e=>({...t,html:e.i18n.get("Close"),click:t=>{t.show=!1}})}({name:"close",index:60}));for(let a=0;a<t.contextmenu.length;a++)this.add(t.contextmenu[a]);e(n,"contextmenu",t=>{if(!this.art.constructor.CONTEXTMENU)return;t.preventDefault(),this.show=!0;const e=t.clientX,a=t.clientY,{height:o,width:i,left:s,top:l}=Kt(n),{height:c,width:d}=Kt(r);let p=e-s,h=a-l;e+d>s+i&&(p=i-d),a+c>l+o&&(h=o-c),Dt(r,{top:`${h}px`,left:`${p}px`})}),e(n,"click",t=>{jt(t,r)||(this.show=!1)}),this.art.on("blur",()=>{this.show=!1})}},et=class extends Q{constructor(t){super(t),this.isHover=!1,this.name="control",this.timer=Date.now();const{constructor:e}=t,{$player:n,$bottom:r}=this.art.template;t.on("mousemove",()=>{Y||(this.show=!0)}),t.on("click",()=>{Y?this.toggle():this.show=!0}),t.on("document:mousemove",t=>{this.isHover=jt(t,r)}),t.on("video:timeupdate",()=>{!t.setting.show&&!this.isHover&&!t.isInput&&t.playing&&this.show&&Date.now()-this.timer>=e.CONTROL_HIDE_TIME&&(this.show=!1)}),t.on("control",t=>{t?(Pt(n,"art-hide-cursor"),At(n,"art-hover"),this.timer=Date.now()):(At(n,"art-hide-cursor"),Pt(n,"art-hover"))}),this.init()}init(){const{option:t}=this.art;t.isLive||this.add(be({name:"progress",position:"top",index:10})),this.add({name:"thumbnails",position:"top",index:20}),this.add(function(t){return e=>({...t,mounted:t=>{const{proxy:n,icons:r,i18n:a}=e,o=Ot(t,r.play),i=Ot(t,r.pause);function s(){Vt(o,"display","flex"),Vt(i,"display","none")}function l(){Vt(o,"display","none"),Vt(i,"display","flex")}Ht(o,a.get("Play")),Ht(i,a.get("Pause")),n(o,"click",()=>{e.play()}),n(i,"click",()=>{e.pause()}),e.playing?l():s(),e.on("video:playing",()=>{l()}),e.on("video:pause",()=>{s()})}})}({name:"playAndPause",position:"left",index:10})),this.add(function(t){return e=>({...t,mounted:t=>{const{proxy:n,icons:r}=e,a=Ot(t,r.volume),o=Ot(t,r.volumeClose),i=Ot(t,'<div class="art-volume-panel"></div>'),s=Ot(i,'<div class="art-volume-inner"></div>'),l=Ot(s,'<div class="art-volume-val"></div>'),c=Ot(s,'<div class="art-volume-slider"></div>'),d=Ot(Ot(c,'<div class="art-volume-handle"></div>'),'<div class="art-volume-loaded"></div>'),p=Ot(c,'<div class="art-volume-indicator"></div>');function h(t){const{top:e,height:n}=Kt(c);return 1-(t.clientY-e)/n}function u(){if(e.muted||0===e.volume)Vt(a,"display","none"),Vt(o,"display","flex"),Vt(p,"top","100%"),Vt(d,"top","100%"),l.textContent=0;else{const t=100*e.volume;Vt(a,"display","flex"),Vt(o,"display","none"),Vt(p,"top",100-t+"%"),Vt(d,"top",100-t+"%"),l.textContent=Math.floor(t)}}if(u(),e.on("video:volumechange",u),n(a,"click",()=>{e.muted=!0}),n(o,"click",()=>{e.muted=!1}),Y)Vt(i,"display","none");else{let t=!1;n(c,"mousedown",n=>{t=0===n.button,e.volume=h(n)}),e.on("document:mousemove",n=>{t&&(e.muted=!1,e.volume=h(n))}),e.on("document:mouseup",()=>{t&&(t=!1)})}}})}({name:"volume",position:"left",index:20})),t.isLive||this.add(function(t){return e=>({...t,style:Y?{fontSize:"12px",padding:"0 5px"}:{cursor:"auto",padding:"0 10px"},mounted:t=>{function n(){const n=`${ae(e.currentTime)} / ${ae(e.duration)}`;n!==t.textContent&&(t.textContent=n)}n();const r=["video:loadedmetadata","video:timeupdate","video:progress"];for(let a=0;a<r.length;a++)e.on(r[a],n)}})}({name:"time",position:"left",index:30})),t.quality.length&&ue().then(()=>{this.art.quality=t.quality}),t.screenshot&&!Y&&this.add(function(t){return e=>({...t,tooltip:e.i18n.get("Screenshot"),mounted:t=>{const{proxy:n,icons:r}=e;Ot(t,r.screenshot),n(t,"click",()=>{e.screenshot()})}})}({name:"screenshot",position:"right",index:20})),t.setting&&this.add(function(t){return e=>({...t,tooltip:e.i18n.get("Show Setting"),mounted:t=>{const{proxy:n,icons:r,i18n:a}=e;Ot(t,r.setting),n(t,"click",()=>{e.setting.toggle(),e.setting.resize()}),e.on("setting",e=>{Ht(t,a.get(e?"Hide Setting":"Show Setting"))})}})}({name:"setting",position:"right",index:30})),t.pip&&this.add(function(t){return e=>({...t,tooltip:e.i18n.get("PIP Mode"),mounted:t=>{const{proxy:n,icons:r,i18n:a}=e;Ot(t,r.pip),n(t,"click",()=>{e.pip=!e.pip}),e.on("pip",e=>{Ht(t,a.get(e?"Exit PIP Mode":"PIP Mode"))})}})}({name:"pip",position:"right",index:40})),t.airplay&&window.WebKitPlaybackTargetAvailabilityEvent&&this.add(function(t){return e=>({...t,tooltip:e.i18n.get("AirPlay"),mounted:t=>{const{proxy:n,icons:r}=e;Ot(t,r.airplay),n(t,"click",()=>e.airplay())}})}({name:"airplay",position:"right",index:50})),t.fullscreenWeb&&this.add(function(t){return e=>({...t,tooltip:e.i18n.get("Web Fullscreen"),mounted:t=>{const{proxy:n,icons:r,i18n:a}=e,o=Ot(t,r.fullscreenWebOn),i=Ot(t,r.fullscreenWebOff);Vt(i,"display","none"),n(t,"click",()=>{e.fullscreenWeb=!e.fullscreenWeb}),e.on("fullscreenWeb",e=>{e?(Ht(t,a.get("Exit Web Fullscreen")),Vt(o,"display","none"),Vt(i,"display","inline-flex")):(Ht(t,a.get("Web Fullscreen")),Vt(o,"display","inline-flex"),Vt(i,"display","none"))})}})}({name:"fullscreenWeb",position:"right",index:60})),t.fullscreen&&this.add(function(t){return e=>({...t,tooltip:e.i18n.get("Fullscreen"),mounted:t=>{const{proxy:n,icons:r,i18n:a}=e,o=Ot(t,r.fullscreenOn),i=Ot(t,r.fullscreenOff);Vt(i,"display","none"),n(t,"click",()=>{e.fullscreen=!e.fullscreen}),e.on("fullscreen",e=>{e?(Ht(t,a.get("Exit Fullscreen")),Vt(o,"display","none"),Vt(i,"display","inline-flex")):(Ht(t,a.get("Fullscreen")),Vt(o,"display","inline-flex"),Vt(i,"display","none"))})}})}({name:"fullscreen",position:"right",index:70}));for(let e=0;e<t.controls.length;e++)this.add(t.controls[e])}add(t){const e="function"==typeof t?t(this.art):t,{$progress:n,$controlsLeft:r,$controlsRight:a}=this.art.template;switch(e.position){case"top":this.$parent=n;break;case"left":this.$parent=r;break;case"right":this.$parent=a;break;default:Qt(!1,"Control option.position must one of 'top', 'left', 'right'")}super.add(e)}check(t){if(t){t.$control_value.innerHTML=t.html;for(let e=0;e<t.$control_option.length;e++){const n=t.$control_option[e];n.default=n===t,n.default&&Ft(n.$control_item,"art-current")}}}selector(t,e,n){const{proxy:r}=this.art.events;At(e,"art-control-selector");const a=Xt("div");At(a,"art-selector-value"),Ot(a,t.html),e.textContent="",Ot(e,a);const o=Xt("div");At(o,"art-selector-list"),Ot(e,o);for(let s=0;s<t.selector.length;s++){const e=t.selector[s],n=Xt("div");At(n,"art-selector-item"),e.default&&At(n,"art-current"),n.dataset.index=s,n.dataset.value=e.value,n.innerHTML=e.html,Ot(o,n),H(e,"$control_option",{get:()=>t.selector}),H(e,"$control_item",{get:()=>n}),H(e,"$control_value",{get:()=>a})}const i=r(o,"click",async e=>{const n=Jt(e),r=t.selector.find(t=>t.$control_item===n.find(e=>t.$control_item===e));this.check(r),t.onSelect&&(a.innerHTML=await t.onSelect.call(this.art,r,r.$control_item,e))});n.push(i)}},nt=class{constructor(t){this.destroyEvents=new Set,this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),function(t,e){const{constructor:n,template:{$player:r,$video:a}}=t;function o(e){jt(e,r)?(t.isInput="INPUT"===e.target.tagName,t.isFocus=!0,t.emit("focus",e)):(t.isInput=!1,t.isFocus=!1,t.emit("blur",e))}t.on("document:click",o),t.on("document:contextmenu",o);let i=[];e.proxy(a,"click",e=>{const r=Date.now();i.push(r);const{MOBILE_CLICK_PLAY:a,DBCLICK_TIME:o,MOBILE_DBCLICK_PLAY:s,DBCLICK_FULLSCREEN:l}=n,c=i.filter(t=>r-t<=o);switch(c.length){case 1:t.emit("click",e),Y?!t.isLock&&a&&t.toggle():t.toggle(),i=c;break;case 2:t.emit("dblclick",e),Y?!t.isLock&&s&&t.toggle():l&&(t.fullscreen=!t.fullscreen),i=[];break;default:i=[]}})}(t,this),function(t,e){const{$player:n}=t.template;e.hover(n,e=>{At(n,"art-hover"),t.emit("hover",!0,e)},e=>{Pt(n,"art-hover"),t.emit("hover",!1,e)})}(t,this),function(t,e){const{$player:n}=t.template;e.proxy(n,"mousemove",e=>{t.emit("mousemove",e)})}(t,this),function(t,e){const{option:n,constructor:r}=t;t.on("resize",()=>{const{aspectRatio:e,notice:r}=t;"standard"===t.state&&n.autoSize&&t.autoSize(),t.aspectRatio=e,r.show=""});const a=me(()=>t.emit("resize"),r.RESIZE_TIME);t.on("window:orientationchange",()=>a()),t.on("window:resize",()=>a()),screen&&screen.orientation&&screen.orientation.onchange&&e.proxy(screen.orientation,"change",()=>a())}(t,this),function(t,e){if(Y&&!t.option.isLive){const{$video:n,$progress:r}=t.template;let a=null,o=!1,i=0,s=0,l=0;const c=e=>{if(1===e.touches.length&&!t.isLock){a===r&&ye(t,e),o=!0;const{pageX:n,pageY:c}=e.touches[0];i=n,s=c,l=t.currentTime}},d=e=>{if(1===e.touches.length&&o&&t.duration){const{pageX:r,pageY:o}=e.touches[0],c=we(i,s,r,o),d=[3,4].includes(c),p=[1,2].includes(c);if(d&&!t.isRotate||p&&t.isRotate){const c=ne((r-i)/t.width,-1,1),d=ne((o-s)/t.height,-1,1),p=t.isRotate?d:c,h=a===n?t.constructor.TOUCH_MOVE_RATIO:1,u=ne(l+t.duration*p*h,0,t.duration);t.seek=u,t.emit("setBar","played",ne(u/t.duration,0,1),e),t.notice.show=`${ae(u)} / ${ae(t.duration)}`}}},p=()=>{o&&(i=0,s=0,l=0,o=!1,a=null)};t.option.gesture&&(e.proxy(n,"touchstart",t=>{a=n,c(t)}),e.proxy(n,"touchmove",d)),e.proxy(r,"touchstart",t=>{a=r,c(t)}),e.proxy(r,"touchmove",d),t.on("document:touchend",p)}}(t,this),function(t){const{option:e,constructor:n,template:{$container:r}}=t,a=ge(()=>{t.emit("view",Bt(r,n.SCROLL_GAP))},n.SCROLL_TIME);t.on("window:scroll",()=>a()),t.on("view",n=>{e.autoMini&&(t.mini=!n)})}(t),function(t,e){const n=["click","mouseup","keydown","touchend","touchmove","mousemove","pointerup","contextmenu","pointermove","visibilitychange","webkitfullscreenchange"],r=["resize","scroll","orientationchange"],a=[];function o(o={}){for(let t=0;t<a.length;t++)e.remove(a[t]);a.length=0;const{$player:i}=t.template;n.forEach(n=>{const r=o.document||i.ownerDocument||document,s=e.proxy(r,n,e=>{t.emit(`document:${n}`,e)});a.push(s)}),r.forEach(n=>{const r=o.window||i.ownerDocument?.defaultView||window,s=e.proxy(r,n,e=>{t.emit(`window:${n}`,e)});a.push(s)})}o(),e.bindGlobalEvents=o}(t,this),function(t){if(t.constructor.USE_RAF){let e=null;!function n(){t.playing&&t.emit("raf"),t.isDestroy||(e=requestAnimationFrame(n))}(),t.on("destroy",()=>{cancelAnimationFrame(e)})}}(t)}proxy(t,e,n,r={}){if(Array.isArray(e))return e.map(e=>this.proxy(t,e,n,r));t.addEventListener(e,n,r);const a=()=>t.removeEventListener(e,n,r);return this.destroyEvents.add(a),a}hover(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}remove(t){if(this.destroyEvents.has(t))try{t()}catch(e){console.warn("Failed to remove event listener:",e)}finally{this.destroyEvents.delete(t)}}destroy(){for(const e of this.destroyEvents)try{e()}catch(t){console.warn("Failed to destroy event listener:",t)}this.destroyEvents.clear()}},rt=class{constructor(t){this.art=t,this.keys={},Y||this.init()}init(){const{constructor:t}=this.art;this.art.option.hotkey&&(this.add("Escape",()=>{this.art.fullscreenWeb&&(this.art.fullscreenWeb=!1)}),this.add("Space",()=>{this.art.toggle()}),this.add("ArrowLeft",()=>{this.art.backward=t.SEEK_STEP}),this.add("ArrowUp",()=>{this.art.volume+=t.VOLUME_STEP}),this.add("ArrowRight",()=>{this.art.forward=t.SEEK_STEP}),this.add("ArrowDown",()=>{this.art.volume-=t.VOLUME_STEP})),this.art.on("document:keydown",t=>{if(this.art.isFocus){const e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if(!("INPUT"===e||"TEXTAREA"===e||""===n||"true"===n||t.altKey||t.ctrlKey||t.metaKey||t.shiftKey)){const e=this.keys[t.code];if(e){t.preventDefault();for(let n=0;n<e.length;n++)e[n].call(this.art,t);this.art.emit("hotkey",t)}}}this.art.emit("keydown",t)})}add(t,e){return this.keys[t]?this.keys[t].includes(e)||this.keys[t].push(e):this.keys[t]=[e],this}remove(t,e){if(this.keys[t]){const n=this.keys[t].indexOf(e);-1!==n&&this.keys[t].splice(n,1),0===this.keys[t].length&&delete this.keys[t]}return this}},at={"Video Info":"统计信息",Close:"关闭","Video Load Failed":"加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音","Video Flip":"画面翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Show Setting":"显示设置","Hide Setting":"隐藏设置",Screenshot:"截图","Play Speed":"播放速度","Aspect Ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch Video":"切换","Switch Subtitle":"切换字幕",Fullscreen:"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"网页全屏","Exit Web Fullscreen":"退出网页全屏","Mini Player":"迷你播放器","PIP Mode":"开启画中画","Exit PIP Mode":"退出画中画","PIP Not Supported":"不支持画中画","Fullscreen Not Supported":"不支持全屏","Subtitle Offset":"字幕偏移","Last Seen":"上次看到","Jump Play":"跳转播放",AirPlay:"隔空播放","AirPlay Not Available":"隔空播放不可用"},"undefined"!=typeof window&&(window["artplayer-i18n-zh-cn"]=at),ot=class{constructor(t){this.art=t,this.languages={"zh-cn":at},this.language={},this.update(t.option.i18n)}init(){const t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}get(t){return this.language[t]||t}update(t){this.languages=ce(this.languages,t),this.init()}},it=class{constructor(t){const e={loading:'<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-default">\n  <rect x="0" y="0" width="100" height="100" fill="none" class="bk"/>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(0 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-1s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(30 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(60 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(90 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.75s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(120 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(150 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(180 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(210 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(240 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(270 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.25s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(300 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(330 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"/>\n  </rect>\n</svg>',state:'<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24">\n<path d="M9.5 9.325v5.35q0 .575.525.875t1.025-.05l4.15-2.65q.475-.3.475-.85t-.475-.85L11.05 8.5q-.5-.35-1.025-.05t-.525.875ZM12 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"/>\n</svg>\n',play:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n  <path d="M17.982 9.275L8.06 3.27A2.013 2.013 0 0 0 5 4.994v12.011a2.017 2.017 0 0 0 3.06 1.725l9.922-6.005a2.017 2.017 0 0 0 0-3.45z"></path>\n</svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M7 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2zM15 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2z"></path>\n</svg>',check:'<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" style="width: 100%; height: 100%;">\n<path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z" />\n</svg>',volume:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M10.188 4.65L6 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39V5.04a.498.498 0 0 0-.812-.39zM14.446 3.778a1 1 0 0 0-.862 1.804 6.002 6.002 0 0 1-.007 10.838 1 1 0 0 0 .86 1.806A8.001 8.001 0 0 0 19 11a8.001 8.001 0 0 0-4.554-7.222z"></path>\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v6.93A3.998 3.998 0 0 0 15 11z"></path>\n</svg>',volumeClose:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v2.636l1.865 1.865A4.02 4.02 0 0 0 15 11z"></path>\n    <path d="M13.583 5.583A5.998 5.998 0 0 1 17 11a6 6 0 0 1-.585 2.587l1.477 1.477a8.001 8.001 0 0 0-3.446-11.286 1 1 0 0 0-.863 1.805zM18.778 18.778l-2.121-2.121-1.414-1.414-1.415-1.415L13 13l-2-2-3.889-3.889-3.889-3.889a.999.999 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39v-3.131l2.587 2.587-.01.005a1 1 0 0 0 .86 1.806c.215-.102.424-.214.627-.333l2.3 2.3a1.001 1.001 0 0 0 1.414-1.416zM11 5.04a.5.5 0 0 0-.813-.39L8.682 5.854 11 8.172V5.04z"></path>\n</svg>',screenshot:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 50 50">\n\t<path d="M 19.402344 6 C 17.019531 6 14.96875 7.679688 14.5 10.011719 L 14.097656 12 L 9 12 C 6.238281 12 4 14.238281 4 17 L 4 38 C 4 40.761719 6.238281 43 9 43 L 41 43 C 43.761719 43 46 40.761719 46 38 L 46 17 C 46 14.238281 43.761719 12 41 12 L 35.902344 12 L 35.5 10.011719 C 35.03125 7.679688 32.980469 6 30.597656 6 Z M 25 17 C 30.519531 17 35 21.480469 35 27 C 35 32.519531 30.519531 37 25 37 C 19.480469 37 15 32.519531 15 27 C 15 21.480469 19.480469 17 25 17 Z M 25 19 C 20.589844 19 17 22.589844 17 27 C 17 31.410156 20.589844 35 25 35 C 29.410156 35 33 31.410156 33 27 C 33 22.589844 29.410156 19 25 19 Z "/>\n</svg>\n',setting:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <circle cx="11" cy="11" r="2"></circle>\n    <path d="M19.164 8.861L17.6 8.6a6.978 6.978 0 0 0-1.186-2.099l.574-1.533a1 1 0 0 0-.436-1.217l-1.997-1.153a1.001 1.001 0 0 0-1.272.23l-1.008 1.225a7.04 7.04 0 0 0-2.55.001L8.716 2.829a1 1 0 0 0-1.272-.23L5.447 3.751a1 1 0 0 0-.436 1.217l.574 1.533A6.997 6.997 0 0 0 4.4 8.6l-1.564.261A.999.999 0 0 0 2 9.847v2.306c0 .489.353.906.836.986l1.613.269a7 7 0 0 0 1.228 2.075l-.558 1.487a1 1 0 0 0 .436 1.217l1.997 1.153c.423.244.961.147 1.272-.23l1.04-1.263a7.089 7.089 0 0 0 2.272 0l1.04 1.263a1 1 0 0 0 1.272.23l1.997-1.153a1 1 0 0 0 .436-1.217l-.557-1.487c.521-.61.94-1.31 1.228-2.075l1.613-.269a.999.999 0 0 0 .835-.986V9.847a.999.999 0 0 0-.836-.986zM11 15a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"></path>\n</svg>',pip:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="22" height="22">\n<path d="M844.8 219.648h-665.6c-6.144 0-10.24 4.608-10.24 10.752v563.2c0 5.632 4.096 10.24 10.24 10.24h256v92.16h-256a102.4 102.4 0 0 1-102.4-102.4v-563.2c0-56.832 45.568-102.4 102.4-102.4h665.6a102.4 102.4 0 0 1 102.4 102.4v204.8h-92.16v-204.8c0-6.144-4.608-10.752-10.24-10.752zM614.4 588.8c-28.672 0-51.2 22.528-51.2 51.2v204.8c0 28.16 22.528 51.2 51.2 51.2h281.6c28.16 0 51.2-23.04 51.2-51.2v-204.8c0-28.672-23.04-51.2-51.2-51.2H614.4z"></path>\n</svg>',arrowLeft:'<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32" version="1.1" viewBox="0 0 32 32">\n    <path d="M 19.41,20.09 14.83,15.5 19.41,10.91 18,9.5 l -6,6 6,6 z" />\n</svg>',arrowRight:'<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32" version="1.1" viewBox="0 0 32 32">\n    <path d="m 12.59,20.34 4.58,-4.59 -4.58,-4.59 1.41,-1.41 6,6 -6,6 z" />\n</svg>',playbackRate:'<svg height="24" viewBox="0 0 24 24" width="24"><path d="M10,8v8l6-4L10,8L10,8z M6.3,5L5.7,4.2C7.2,3,9,2.2,11,2l0.1,1C9.3,3.2,7.7,3.9,6.3,5z            M5,6.3L4.2,5.7C3,7.2,2.2,9,2,11 l1,.1C3.2,9.3,3.9,7.7,5,6.3z            M5,17.7c-1.1-1.4-1.8-3.1-2-4.8L2,13c0.2,2,1,3.8,2.2,5.4L5,17.7z            M11.1,21c-1.8-0.2-3.4-0.9-4.8-2 l-0.6,.8C7.2,21,9,21.8,11,22L11.1,21z            M22,12c0-5.2-3.9-9.4-9-10l-0.1,1c4.6,.5,8.1,4.3,8.1,9s-3.5,8.5-8.1,9l0.1,1 C18.2,21.5,22,17.2,22,12z" data-darkreader-inline-fill="" style="--darkreader-inline-fill:#a8a6a4;"></path></svg>',aspectRatio:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);"><defs><clipPath id="__lottie_element_216"><rect width="88" height="88" x="0" y="0"></rect></clipPath></defs><g clip-path="url(#__lottie_element_216)"><g transform="matrix(1,0,0,1,44,44)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill-opacity="1" d=" M12.437999725341797,-12.70199966430664 C12.437999725341797,-12.70199966430664 9.618000030517578,-9.881999969482422 9.618000030517578,-9.881999969482422 C8.82800006866455,-9.092000007629395 8.82800006866455,-7.831999778747559 9.618000030517578,-7.052000045776367 C9.618000030517578,-7.052000045776367 16.687999725341797,0.017999999225139618 16.687999725341797,0.017999999225139618 C16.687999725341797,0.017999999225139618 9.618000030517578,7.0879998207092285 9.618000030517578,7.0879998207092285 C8.82800006866455,7.877999782562256 8.82800006866455,9.137999534606934 9.618000030517578,9.918000221252441 C9.618000030517578,9.918000221252441 12.437999725341797,12.748000144958496 12.437999725341797,12.748000144958496 C13.227999687194824,13.527999877929688 14.48799991607666,13.527999877929688 15.267999649047852,12.748000144958496 C15.267999649047852,12.748000144958496 26.58799934387207,1.437999963760376 26.58799934387207,1.437999963760376 C27.368000030517578,0.6579999923706055 27.368000030517578,-0.6119999885559082 26.58799934387207,-1.3919999599456787 C26.58799934387207,-1.3919999599456787 15.267999649047852,-12.70199966430664 15.267999649047852,-12.70199966430664 C14.48799991607666,-13.491999626159668 13.227999687194824,-13.491999626159668 12.437999725341797,-12.70199966430664z M-12.442000389099121,-12.70199966430664 C-13.182000160217285,-13.442000389099121 -14.362000465393066,-13.482000350952148 -15.142000198364258,-12.821999549865723 C-15.142000198364258,-12.821999549865723 -15.272000312805176,-12.70199966430664 -15.272000312805176,-12.70199966430664 C-15.272000312805176,-12.70199966430664 -26.582000732421875,-1.3919999599456787 -26.582000732421875,-1.3919999599456787 C-27.32200050354004,-0.6520000100135803 -27.36199951171875,0.5180000066757202 -26.70199966430664,1.3079999685287476 C-26.70199966430664,1.3079999685287476 -26.582000732421875,1.437999963760376 -26.582000732421875,1.437999963760376 C-26.582000732421875,1.437999963760376 -15.272000312805176,12.748000144958496 -15.272000312805176,12.748000144958496 C-14.531999588012695,13.48799991607666 -13.362000465393066,13.527999877929688 -12.571999549865723,12.868000030517578 C-12.571999549865723,12.868000030517578 -12.442000389099121,12.748000144958496 -12.442000389099121,12.748000144958496 C-12.442000389099121,12.748000144958496 -9.612000465393066,9.918000221252441 -9.612000465393066,9.918000221252441 C-8.871999740600586,9.178000450134277 -8.831999778747559,8.008000373840332 -9.501999855041504,7.2179999351501465 C-9.501999855041504,7.2179999351501465 -9.612000465393066,7.0879998207092285 -9.612000465393066,7.0879998207092285 C-9.612000465393066,7.0879998207092285 -16.68199920654297,0.017999999225139618 -16.68199920654297,0.017999999225139618 C-16.68199920654297,0.017999999225139618 -9.612000465393066,-7.052000045776367 -9.612000465393066,-7.052000045776367 C-8.871999740600586,-7.791999816894531 -8.831999778747559,-8.961999893188477 -9.501999855041504,-9.751999855041504 C-9.501999855041504,-9.751999855041504 -9.612000465393066,-9.881999969482422 -9.612000465393066,-9.881999969482422 C-9.612000465393066,-9.881999969482422 -12.442000389099121,-12.70199966430664 -12.442000389099121,-12.70199966430664z M28,-28 C32.41999816894531,-28 36,-24.420000076293945 36,-20 C36,-20 36,20 36,20 C36,24.420000076293945 32.41999816894531,28 28,28 C28,28 -28,28 -28,28 C-32.41999816894531,28 -36,24.420000076293945 -36,20 C-36,20 -36,-20 -36,-20 C-36,-24.420000076293945 -32.41999816894531,-28 -28,-28 C-28,-28 28,-28 28,-28z" data-darkreader-inline-fill="" style="--darkreader-inline-fill:#a8a6a4;"></path></g></g></g></svg>',config:'<svg height="24" viewBox="0 0 24 24" width="24"><path d="M15,17h6v1h-6V17z M11,17H3v1h8v2h1v-2v-1v-2h-1V17z M14,8h1V6V5V3h-1v2H3v1h11V8z            M18,5v1h3V5H18z M6,14h1v-2v-1V9H6v2H3v1 h3V14z M10,12h11v-1H10V12z" data-darkreader-inline-fill="" style="--darkreader-inline-fill:#a8a6a4;"></path></svg>',lock:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg t="1650612139149" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">\n<path d="M298.666667 426.666667V341.333333a213.333333 213.333333 0 1 1 426.666666 0v85.333334h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v256a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-256a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667z m213.333333-213.333334a128 128 0 0 0-128 128v85.333334h256V341.333333a128 128 0 0 0-128-128z"></path>\n</svg>\n',flip:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg t="1652445277062" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24">\n<path d="M554.666667 810.666667v85.333333h-85.333334v-85.333333h85.333334zM170.666667 178.005333a42.666667 42.666667 0 0 1 34.986666 18.218667l203.904 291.328a42.666667 42.666667 0 0 1 0 48.896l-203.946666 291.328A42.666667 42.666667 0 0 1 128 803.328V220.672a42.666667 42.666667 0 0 1 42.666667-42.666667z m682.666666 0a42.666667 42.666667 0 0 1 42.368 37.717334l0.298667 4.949333v582.656a42.666667 42.666667 0 0 1-74.24 28.629333l-3.413333-4.181333-203.904-291.328a42.666667 42.666667 0 0 1-3.029334-43.861333l3.029334-5.034667 203.946666-291.328A42.666667 42.666667 0 0 1 853.333333 178.005333zM554.666667 640v85.333333h-85.333334v-85.333333h85.333334zM196.266667 319.104V716.8L335.957333 512 196.309333 319.104zM554.666667 469.333333v85.333334h-85.333334v-85.333334h85.333334z m0-170.666666v85.333333h-85.333334V298.666667h85.333334z m0-170.666667v85.333333h-85.333334V128h85.333334z">\n</path>\n</svg>\n',unlock:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg t="1650612464266" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><path d="M666.752 194.517333L617.386667 268.629333A128 128 0 0 0 384 341.333333l0.042667 85.333334h384a85.333333 85.333333 0 0 1 85.333333 85.333333v256a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-256a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V341.333333a213.333333 213.333333 0 0 1 368.085333-146.816z"></path></svg>\n',fullscreenOff:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg class="icon" width="22" height="22" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">\n<path d="M768 298.666667h170.666667v85.333333h-256V128h85.333333v170.666667zM341.333333 384H85.333333V298.666667h170.666667V128h85.333333v256z m426.666667 341.333333v170.666667h-85.333333v-256h256v85.333333h-170.666667zM341.333333 640v256H256v-170.666667H85.333333v-85.333333h256z" />\n</svg>\n',fullscreenOn:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg class="icon" width="22" height="22" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">\n<path d="M625.777778 256h142.222222V398.222222h113.777778V142.222222H625.777778v113.777778zM256 398.222222V256H398.222222v-113.777778H142.222222V398.222222h113.777778zM768 625.777778v142.222222H625.777778v113.777778h256V625.777778h-113.777778zM398.222222 768H256V625.777778h-113.777778v256H398.222222v-113.777778z" />\n</svg>\n',fullscreenWebOff:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg class="icon" width="18" height="18" viewBox="0 0 1152 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">\n<path d="M1075.2 0H76.8A76.8 76.8 0 0 0 0 76.8v870.4A76.8 76.8 0 0 0 76.8 1024h998.4a76.8 76.8 0 0 0 76.8-76.8V76.8A76.8 76.8 0 0 0 1075.2 0zM1024 128v768H128V128h896zM896 512a64 64 0 0 1 7.488 127.552L896 640h-128v128a64 64 0 0 1-56.512 63.552L704 832a64 64 0 0 1-63.552-56.512L640 768V582.592c0-34.496 25.024-66.112 61.632-70.208L709.632 512H896zM256 512a64 64 0 0 1-7.488-127.552L256 384h128V256a64 64 0 0 1 56.512-63.552L448 192a64 64 0 0 1 63.552 56.512L512 256v185.408c0 34.432-25.024 66.112-61.632 70.144L442.368 512H256z" />\n</svg>\n',fullscreenWebOn:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg class="icon" width="18" height="18" viewBox="0 0 1152 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">\n<path d="M1075.2 0H76.8A76.8 76.8 0 0 0 0 76.8v870.4A76.8 76.8 0 0 0 76.8 1024h998.4a76.8 76.8 0 0 0 76.8-76.8V76.8A76.8 76.8 0 0 0 1075.2 0zM1024 128v768H128V128h896zM448 192a64 64 0 0 1 7.488 127.552L448 320H320v128a64 64 0 0 1-56.512 63.552L256 512a64 64 0 0 1-63.552-56.512L192 448V262.592c0-34.432 25.024-66.112 61.632-70.144L261.632 192H448zM704 832a64 64 0 0 1-7.488-127.552L704 704h128V576a64 64 0 0 1 56.512-63.552L896 512a64 64 0 0 1 63.552 56.512L960 576v185.408c0 34.496-25.024 66.112-61.632 70.208l-8 0.384H704z" />\n</svg>\n',switchOn:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg class="icon" width="26" height="26" viewBox="0 0 1664 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">\n    <path fill="#648FFC" d="M1152 0H512a512 512 0 0 0 0 1024h640a512 512 0 0 0 0-1024z m0 960a448 448 0 1 1 448-448 448 448 0 0 1-448 448z"  />\n</svg>',switchOff:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg class="icon" width="26" height="26" viewBox="0 0 1740 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">\n    <path d="M511.8976 1024h670.5152c282.4192-0.4096 511.1808-229.4784 511.1808-511.8976 0-282.4192-228.7616-511.488-511.1808-511.8976H511.8976C229.4784 0.6144 0.7168 229.6832 0.7168 512.1024c0 282.4192 228.7616 511.488 511.1808 511.8976zM511.3344 48.64A464.5888 464.5888 0 1 1 48.0256 513.024 463.872 463.872 0 0 1 511.3344 48.4352V48.64z" />\n</svg>\n',error:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg t="1652850026663" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2749" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="50">\n<path d="M593.8176 168.5504l356.00384 595.21024c26.15296 43.74528 10.73152 99.7376-34.44736 125.05088-14.39744 8.06912-30.72 12.30848-47.37024 12.30848H155.97568C103.75168 901.12 61.44 860.16 61.44 809.61536c0-16.09728 4.38272-31.92832 12.71808-45.8752L430.16192 168.5504c26.17344-43.7248 84.00896-58.65472 129.20832-33.34144a93.0816 93.0816 0 0 1 34.44736 33.34144zM512 819.2a61.44 61.44 0 1 0 0-122.88 61.44 61.44 0 0 0 0 122.88z m0-512a72.31488 72.31488 0 0 0-71.76192 81.3056l25.72288 205.7216a46.40768 46.40768 0 0 0 92.07808 0l25.72288-205.74208A72.31488 72.31488 0 0 0 512 307.2z" p-id="2750">\n</path>\n</svg>',close:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg t="1655876154826" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22">\n<path d="M571.733333 512l268.8-268.8c17.066667-17.066667 17.066667-42.666667 0-59.733333-17.066667-17.066667-42.666667-17.066667-59.733333 0L512 452.266667 243.2 183.466667c-17.066667-17.066667-42.666667-17.066667-59.733333 0-17.066667 17.066667-17.066667 42.666667 0 59.733333L452.266667 512 183.466667 780.8c-17.066667 17.066667-17.066667 42.666667 0 59.733333 8.533333 8.533333 19.2 12.8 29.866666 12.8s21.333333-4.266667 29.866667-12.8L512 571.733333l268.8 268.8c8.533333 8.533333 19.2 12.8 29.866667 12.8s21.333333-4.266667 29.866666-12.8c17.066667-17.066667 17.066667-42.666667 0-59.733333L571.733333 512z" p-id="2131">\n</path>\n</svg>',airplay:'<svg width="18px" height="18px" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">\n    <g>\n        <path d="M16,1 L2,1 C1.447,1 1,1.447 1,2 L1,12 C1,12.553 1.447,13 2,13 L5,13 L5,11 L3,11 L3,3 L15,3 L15,11 L13,11 L13,13 L16,13 C16.553,13 17,12.553 17,12 L17,2 C17,1.447 16.553,1 16,1 L16,1 Z"></path>\n        <polygon points="4 17 14 17 9 11"></polygon>\n    </g>\n</svg>\n',...t.option.icons};for(const n in e)H(this,n,{get:()=>Ut(n,e[n])})}},st=class extends Q{constructor(t){super(t),this.name="info",Y||this.init()}init(){const{proxy:t,constructor:e,template:{$infoPanel:n,$infoClose:r,$video:a}}=this.art;t(r,"click",()=>{this.show=!1});let o=null;const i=It("[data-video]",n)||[];this.art.on("destroy",()=>clearTimeout(o)),function t(){for(let e=0;e<i.length;e++){const t=i[e],n=a[t.dataset.video],r="number"==typeof n?n.toFixed(2):n;t.textContent!==r&&(t.textContent=r)}o=setTimeout(t,e.INFO_LOOP_TIME)}()}},lt=class extends Q{constructor(t){super(t);const{option:e,template:{$layer:n}}=t;this.name="layer",this.$parent=n;for(let r=0;r<e.layers.length;r++)this.add(e.layers[r])}},ct=class extends Q{constructor(t){super(t),this.name="loading",Ot(t.template.$loading,t.icons.loading)}},dt=class extends Q{constructor(t){super(t),this.name="mask";const{template:e,icons:n,events:r}=t,a=Ot(e.$state,n.state),o=Ot(e.$state,n.error);Vt(o,"display","none"),t.on("destroy",()=>{Vt(a,"display","none"),Vt(o,"display",null)}),r.proxy(e.$state,"click",()=>t.play())}},pt=class{constructor(t){this.art=t,this.timer=null,t.on("destroy",()=>this.destroy())}destroy(){this.timer&&(clearTimeout(this.timer),this.timer=null)}set show(t){const{constructor:e,template:{$player:n,$noticeInner:r}}=this.art;t?(r.textContent=t instanceof Error?t.message.trim():t,At(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout(()=>{r.textContent="",Pt(n,"art-notice-show")},e.NOTICE_TIME)):Pt(n,"art-notice-show")}get show(){const{template:{$player:t}}=this.art;return t.classList.contains("art-notice-show")}},ht=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],ut=(()=>{if("undefined"==typeof document)return!1;const t=ht[0],e={};for(const n of ht)if(n[1]in document){for(const[r,a]of n.entries())e[t[r]]=a;return e}return!1})(),mt={change:ut.fullscreenchange,error:ut.fullscreenerror},gt={request:(t=document.documentElement,e)=>new Promise((n,r)=>{const a=()=>{gt.off("change",a),n()};gt.on("change",a);const o=t[ut.requestFullscreen](e);o instanceof Promise&&o.then(a).catch(r)}),exit:()=>new Promise((t,e)=>{if(!gt.isFullscreen)return void t();const n=()=>{gt.off("change",n),t()};gt.on("change",n);const r=document[ut.exitFullscreen]();r instanceof Promise&&r.then(n).catch(e)}),toggle:(t,e)=>gt.isFullscreen?gt.exit():gt.request(t,e),onchange(t){gt.on("change",t)},onerror(t){gt.on("error",t)},on(t,e){const n=mt[t];n&&document.addEventListener(n,e,!1)},off(t,e){const n=mt[t];n&&document.removeEventListener(n,e,!1)},raw:ut},Object.defineProperties(gt,{isFullscreen:{get:()=>Boolean(document[ut.fullscreenElement])},element:{enumerable:!0,get:()=>document[ut.fullscreenElement]},isEnabled:{enumerable:!0,get:()=>Boolean(document[ut.fullscreenEnabled])}}),ft=class{constructor(t){!function(t){const{option:e,template:{$video:n}}=t;H(t,"url",{get:()=>n.src,async set(r){if(r){const a=t.url,o=e.type||te(r),i=e.customType[o];o&&i?(await ue(),t.loading.show=!0,i.call(t,n,r,t)):(URL.revokeObjectURL(a),n.src=r),a!==t.url&&(t.option.url=r,t.isReady&&a&&t.once("video:canplay",()=>{t.emit("restart",r)}))}else await ue(),t.loading.show=!0}})}(t),function(t){const{template:{$video:e}}=t;H(t,"attr",{value(t,n){if(void 0===n)return e[t];e[t]=n}})}(t),function(t){const{i18n:e,notice:n,option:r,constructor:{instances:a},template:{$video:o}}=t;H(t,"play",{async value(){const i=await o.play();if(n.show=e.get("Play"),t.emit("play"),r.mutex)for(let e=0;e<a.length;e++){const n=a[e];n!==t&&n.pause()}return i}})}(t),function(t){const{template:{$video:e},i18n:n,notice:r}=t;H(t,"pause",{value(){const a=e.pause();return r.show=n.get("Pause"),t.emit("pause"),a}})}(t),function(t){H(t,"toggle",{value:()=>t.playing?t.pause():t.play()})}(t),function(t){const{notice:e}=t;H(t,"seek",{set(n){t.currentTime=n,t.duration&&(e.show=`${ae(t.currentTime)} / ${ae(t.duration)}`),t.emit("seek",t.currentTime,n)}}),H(t,"forward",{set(e){t.seek=t.currentTime+e}}),H(t,"backward",{set(e){t.seek=t.currentTime-e}})}(t),function(t){const{template:{$video:e},i18n:n,notice:r,storage:a}=t;H(t,"volume",{get:()=>e.volume||0,set:t=>{e.volume=ne(t,0,1),r.show=`${n.get("Volume")}: ${Number.parseInt(100*e.volume,10)}`,0!==e.volume&&a.set("volume",e.volume)}}),H(t,"muted",{get:()=>e.muted,set:n=>{e.muted=n,t.emit("muted",n)}})}(t),function(t){const{$video:e}=t.template;H(t,"currentTime",{get:()=>e.currentTime||0,set:n=>{n=Number.parseFloat(n),Number.isNaN(n)||(e.currentTime=ne(n,0,t.duration))}})}(t),function(t){H(t,"duration",{get:()=>{const{duration:e}=t.template.$video;return e===1/0?0:e||0}})}(t),function(t){function e(e,n){return new Promise((r,a)=>{if(e===t.url)return void r();const{playing:o,aspectRatio:i,playbackRate:s}=t;t.pause(),t.url=e,t.notice.show="";const l={error:e=>{t.off("video:canplay",l.canplay),t.off("video:loadedmetadata",l.metadata),a(e)},metadata:()=>{t.currentTime=n},canplay:async()=>{t.off("video:error",l.error),t.playbackRate=s,t.aspectRatio=i,o&&await t.play(),t.notice.show="",r()}};t.once("video:error",l.error),t.once("video:loadedmetadata",l.metadata),t.once("video:canplay",l.canplay)})}H(t,"switchQuality",{value:n=>e(n,t.currentTime)}),H(t,"switchUrl",{value:t=>e(t,0)}),H(t,"switch",{set:t.switchUrl})}(t),function(t){const{template:{$video:e},i18n:n,notice:r}=t;H(t,"playbackRate",{get:()=>e.playbackRate,set(a){if(a){if(a===e.playbackRate)return;e.playbackRate=a,r.show=`${n.get("Rate")}: ${1===a?n.get("Normal"):`${a}x`}`}else t.playbackRate=1}})}(t),function(t){const{i18n:e,notice:n,template:{$video:r,$player:a}}=t;H(t,"aspectRatio",{get:()=>a.dataset.aspectRatio||"default",set(o){if(o||(o="default"),"default"===o)Vt(r,"width",null),Vt(r,"height",null),Vt(r,"margin",null),delete a.dataset.aspectRatio;else{const t=o.split(":").map(Number),{clientWidth:e,clientHeight:n}=a,i=e/n,s=t[0]/t[1];i>s?(Vt(r,"width",s*n+"px"),Vt(r,"height","100%"),Vt(r,"margin","0 auto")):(Vt(r,"width","100%"),Vt(r,"height",e/s+"px"),Vt(r,"margin","auto 0")),a.dataset.aspectRatio=o}n.show=`${e.get("Aspect Ratio")}: ${"default"===o?e.get("Default"):o}`,t.emit("aspectRatio",o)}})}(t),function(t){const{notice:e,template:{$video:n}}=t,r=Xt("canvas");H(t,"getDataURL",{value:()=>new Promise((t,a)=>{try{r.width=n.videoWidth,r.height=n.videoHeight,r.getContext("2d").drawImage(n,0,0),t(r.toDataURL("image/png"))}catch(o){e.show=o,a(o)}})}),H(t,"getBlobUrl",{value:()=>new Promise((t,a)=>{try{r.width=n.videoWidth,r.height=n.videoHeight,r.getContext("2d").drawImage(n,0,0),r.toBlob(e=>{t(URL.createObjectURL(e))})}catch(o){e.show=o,a(o)}})}),H(t,"screenshot",{value:async e=>{const r=await t.getDataURL();return ee(r,`${e||`artplayer_${ae(n.currentTime)}`}.png`),t.emit("screenshot",r),r}})}(t),xe(t),function(t){const{constructor:e,template:{$container:n,$player:r}}=t;let a="";H(t,"fullscreenWeb",{get:()=>_t(r,"art-fullscreen-web"),set(o){o?(a=r.style.cssText,e.FULLSCREEN_WEB_IN_BODY&&Ot(document.body,r),t.state="fullscreenWeb",Vt(r,"width","100%"),Vt(r,"height","100%"),At(r,"art-fullscreen-web"),t.emit("fullscreenWeb",!0)):(e.FULLSCREEN_WEB_IN_BODY&&Ot(n,r),a&&(r.style.cssText=a,a=""),Pt(r,"art-fullscreen-web"),t.emit("fullscreenWeb",!1)),t.emit("resize")}})}(t),$e(t),function(t){const{$video:e}=t.template;H(t,"loaded",{get:()=>t.loadedTime/e.duration}),H(t,"loadedTime",{get:()=>e.buffered.length?e.buffered.end(e.buffered.length-1):0})}(t),function(t){H(t,"played",{get:()=>t.currentTime/t.duration})}(t),function(t){const{$video:e}=t.template;H(t,"playing",{get:()=>"boolean"==typeof e.playing?e.playing:!!(e.currentTime>0&&!e.paused&&!e.ended&&e.readyState>2)})}(t),function(t){const{$container:e,$player:n,$video:r}=t.template;H(t,"autoSize",{value(){const{videoWidth:a,videoHeight:o}=r,{width:i,height:s}=Kt(e),l=a/o;if(i/s>l)Vt(n,"width",s*l/i*100+"%"),Vt(n,"height","100%");else{const t=i/l/s*100;Vt(n,"width","100%"),Vt(n,"height",`${t}%`)}t.emit("autoSize",{width:t.width,height:t.height})}})}(t),function(t){H(t,"rect",{get:()=>Kt(t.template.$player)});const e=["bottom","height","left","right","top","width"];for(let n=0;n<e.length;n++){const r=e[n];H(t,r,{get:()=>t.rect[r]})}H(t,"x",{get:()=>t.left+window.pageXOffset}),H(t,"y",{get:()=>t.top+window.pageYOffset})}(t),function(t){const{template:{$player:e},i18n:n,notice:r}=t;H(t,"flip",{get:()=>e.dataset.flip||"normal",set(a){a||(a="normal"),"normal"===a?delete e.dataset.flip:e.dataset.flip=a,r.show=`${n.get("Video Flip")}: ${n.get(re(a))}`,t.emit("flip",a)}})}(t),ke(t),function(t){const{template:{$poster:e}}=t;H(t,"poster",{get:()=>{try{return e.style.backgroundImage.match(/"(.*)"/)[1]}catch{return""}},set(t){Vt(e,"backgroundImage",`url(${t})`)}})}(t),function(t){const{template:{$container:e,$video:n}}=t;H(t,"autoHeight",{value(){const{clientWidth:r}=e,{videoHeight:a,videoWidth:o}=n,i=a*(r/o);Vt(e,"height",`${i}px`),t.emit("autoHeight",i)}})}(t),function(t){const{$player:e}=t.template;H(t,"cssVar",{value:(t,n)=>n?e.style.setProperty(t,n):getComputedStyle(e).getPropertyValue(t)})}(t),function(t){H(t,"theme",{get:()=>t.cssVar("--art-theme"),set(e){t.cssVar("--art-theme",e)}})}(t),function(t){H(t,"type",{get:()=>t.option.type,set(e){t.option.type=e}})}(t),function(t){const e=["mini","pip","fullscreen","fullscreenWeb"];H(t,"state",{get:()=>e.find(e=>t[e])||"standard",set(n){for(let r=0;r<e.length;r++){const a=e[r];a!==n&&t[a]&&(t[a]=!1)}}})}(t),function(t){const{notice:e,i18n:n,template:r}=t;H(t,"subtitleOffset",{get:()=>r.$track?.offset||0,set(a){const{cues:o}=t.subtitle;if(!r.$track||0===o.length)return;const i=ne(a,-10,10);r.$track.offset=i;for(let e=0;e<o.length;e++){const n=o[e];n.originalStartTime=n.originalStartTime??n.startTime,n.originalEndTime=n.originalEndTime??n.endTime,n.startTime=ne(n.originalStartTime+i,0,t.duration),n.endTime=ne(n.originalEndTime+i,0,t.duration)}t.subtitle.update(),e.show=`${n.get("Subtitle Offset")}: ${a}s`,t.emit("subtitleOffset",a)}})}(t),function(t){const{i18n:e,notice:n,proxy:r,template:{$video:a}}=t;let o=!0;window.WebKitPlaybackTargetAvailabilityEvent&&a.webkitShowPlaybackTargetPicker?r(a,"webkitplaybacktargetavailabilitychanged",t=>{switch(t.availability){case"available":o=!0;break;case"not-available":o=!1}}):o=!1,H(t,"airplay",{value(){o?(a.webkitShowPlaybackTargetPicker(),t.emit("airplay")):n.show=e.get("AirPlay Not Available")}})}(t),function(t){H(t,"quality",{set(e){const{controls:n,notice:r,i18n:a}=t,o=e.find(t=>t.default)||e[0];n.update({name:"quality",position:"right",index:10,style:{marginRight:"10px"},html:o?.html||"",selector:e,onSelect:async e=>(await t.switchQuality(e.url),r.show=`${a.get("Switch Video")}: ${e.html}`,e.html)})}})}(t),Te(t),function(t){const{i18n:e,notice:n,option:r,constructor:a,proxy:o,template:{$player:i,$video:s,$poster:l}}=t;let c=0;for(let d=0;d<_.events.length;d++)o(s,_.events[d],e=>{t.emit(`video:${e.type}`,e)});t.on("video:canplay",()=>{c=0,t.loading.show=!1}),t.once("video:canplay",()=>{t.loading.show=!1,t.controls.show=!0,t.mask.show=!0,t.isReady=!0,t.emit("ready")}),t.on("video:ended",()=>{r.loop?(t.seek=0,t.play(),t.controls.show=!1,t.mask.show=!1):(t.controls.show=!0,t.mask.show=!0)}),t.on("video:error",async o=>{c<a.RECONNECT_TIME_MAX?(await ue(a.RECONNECT_SLEEP_TIME),c+=1,t.url=r.url,n.show=`${e.get("Reconnect")}: ${c}`,t.emit("error",o,c)):(t.mask.show=!0,t.loading.show=!1,t.controls.show=!0,At(i,"art-error"),await ue(a.RECONNECT_SLEEP_TIME),n.show=e.get("Video Load Failed"))}),t.on("video:loadedmetadata",()=>{t.emit("resize"),Y&&(t.loading.show=!1,t.controls.show=!0,t.mask.show=!0)}),t.on("video:loadstart",()=>{t.loading.show=!0,t.mask.show=!1,t.controls.show=!0}),t.on("video:pause",()=>{t.controls.show=!0,t.mask.show=!0}),t.on("video:play",()=>{t.mask.show=!1,Vt(l,"display","none")}),t.on("video:playing",()=>{t.mask.show=!1}),t.on("video:progress",()=>{t.playing&&(t.loading.show=!1)}),t.on("video:seeked",()=>{t.loading.show=!1,t.mask.show=!0}),t.on("video:seeking",()=>{t.loading.show=!0,t.mask.show=!1}),t.on("video:timeupdate",()=>{t.mask.show=!1}),t.on("video:waiting",()=>{t.loading.show=!0,t.mask.show=!1})}(t),function(t){const{option:e,storage:n,template:{$video:r,$poster:a}}=t;for(const i in e.moreVideoAttr)t.attr(i,e.moreVideoAttr[i]);e.muted&&(t.muted=e.muted),e.volume&&(r.volume=ne(e.volume,0,1));const o=n.get("volume");"number"==typeof o&&(r.volume=ne(o,0,1)),e.poster&&Vt(a,"backgroundImage",`url(${e.poster})`),e.autoplay&&(r.autoplay=e.autoplay),e.playsInline&&(r.playsInline=!0,r["webkit-playsinline"]=!0),e.theme&&(e.cssVar["--art-theme"]=e.theme);for(const i in e.cssVar)t.cssVar(i,e.cssVar[i]);t.url=e.url}(t)}},vt=class{constructor(t){this.art=t,this.id=0;const{option:e}=t;e.miniProgressBar&&!e.isLive&&this.add(Le),e.lock&&Y&&this.add(ze),e.autoPlayback&&!e.isLive&&this.add(Ce),e.autoOrientation&&Y&&this.add(Ee),e.fastForward&&Y&&!e.isLive&&this.add(Se);for(let n=0;n<e.plugins.length;n++)this.add(e.plugins[n])}add(t){this.id+=1;const e=t.call(this.art,this.art);return e instanceof Promise?e.then(e=>this.next(t,e)):this.next(t,e)}next(t,e){const n=e&&e.name||t.name||`plugin${this.id}`;return Qt(!se(this,n),`Cannot add a plugin that already has the same name: ${n}`),H(this,n,{value:e}),this}},yt=class extends Q{constructor(t){super(t);const{option:e,controls:n,template:{$setting:r}}=t;this.name="setting",this.$parent=r,this.id=0,this.active=null,this.cache=new Map,this.option=[...this.builtin,...e.settings],e.setting&&(this.format(),this.render(),t.on("blur",()=>{this.show&&(this.show=!1,this.render())}),t.on("focus",t=>{const e=jt(t,n.setting),r=jt(t,this.$parent);!this.show||e||r||(this.show=!1,this.render())}),t.on("resize",()=>this.resize()))}get builtin(){const t=[],{option:e}=this.art;return e.playbackRate&&t.push(function(t){const{i18n:e,icons:n,constructor:{SETTING_ITEM_WIDTH:r,PLAYBACK_RATE:a}}=t;function o(t){return 1===t?e.get("Normal"):t.toFixed(1)}function i(){const e=t.setting.find(`playback-rate-${t.playbackRate}`);t.setting.check(e)}return{width:r,name:"playback-rate",html:e.get("Play Speed"),tooltip:o(t.playbackRate),icon:n.playbackRate,selector:a.map(e=>({value:e,name:`playback-rate-${e}`,default:e===t.playbackRate,html:o(e)})),onSelect:e=>(t.playbackRate=e.value,e.html),mounted:()=>{i(),t.on("video:ratechange",()=>i())}}}(this.art)),e.aspectRatio&&t.push(function(t){const{i18n:e,icons:n,constructor:{SETTING_ITEM_WIDTH:r,ASPECT_RATIO:a}}=t;function o(t){return"default"===t?e.get("Default"):t}function i(){const e=t.setting.find(`aspect-ratio-${t.aspectRatio}`);t.setting.check(e)}return{width:r,name:"aspect-ratio",html:e.get("Aspect Ratio"),icon:n.aspectRatio,tooltip:o(t.aspectRatio),selector:a.map(e=>({value:e,name:`aspect-ratio-${e}`,default:e===t.aspectRatio,html:o(e)})),onSelect:e=>(t.aspectRatio=e.value,e.html),mounted:()=>{i(),t.on("aspectRatio",()=>i())}}}(this.art)),e.flip&&t.push(function(t){const{i18n:e,icons:n,constructor:{SETTING_ITEM_WIDTH:r,FLIP:a}}=t;function o(t){return e.get(re(t))}function i(){const e=t.setting.find(`flip-${t.flip}`);t.setting.check(e)}return{width:r,name:"flip",html:e.get("Video Flip"),tooltip:o(t.flip),icon:n.flip,selector:a.map(e=>({value:e,name:`flip-${e}`,default:e===t.flip,html:o(e)})),onSelect:e=>(t.flip=e.value,e.html),mounted:()=>{i(),t.on("flip",()=>i())}}}(this.art)),e.subtitleOffset&&t.push(function(t){const{i18n:e,icons:n,constructor:r}=t;return{width:r.SETTING_ITEM_WIDTH,name:"subtitle-offset",html:e.get("Subtitle Offset"),icon:n.subtitle,tooltip:"0s",range:[0,-10,10,.1],onChange:e=>(t.subtitleOffset=e.range[0],`${e.range[0]}s`),mounted:(e,n)=>{t.on("subtitleOffset",t=>{n.$range.value=t,n.tooltip=`${t}s`})}}}(this.art)),t}traverse(t,e=this.option){for(let n=0;n<e.length;n++){const r=e[n];t(r),r.selector?.length&&this.traverse(t,r.selector)}}check(t){t&&(t.$parent.tooltip=t.html,this.traverse(e=>{e.default=e===t,e.default&&e.$item&&Ft(e.$item,"art-current")},t.$option),this.render(t.$parents))}format(t=this.option,e,n,r=[]){for(let a=0;a<t.length;a++){const o=t[a];if(o?.name?(Qt(!r.includes(o.name),`The [${o.name}] already exists in [setting]`),r.push(o.name)):o.name="setting-"+this.id++,!o.$formatted){H(o,"$parent",{get:()=>e}),H(o,"$parents",{get:()=>n}),H(o,"$option",{get:()=>t});const r=[];H(o,"$events",{get:()=>r}),H(o,"$formatted",{get:()=>!0})}this.format(o.selector||[],o,t,r)}this.option=t}find(t=""){let e=null;return this.traverse(n=>{n.name===t&&(e=n)}),e}resize(){const{controls:t,constructor:{SETTING_WIDTH:e,SETTING_ITEM_HEIGHT:n},template:{$player:r,$setting:a}}=this.art;if(t.setting&&this.show){const o=this.active[0]?.$parent?.width||e,{left:i,width:s}=Kt(t.setting),{left:l,width:c}=Kt(r),d=i-l+s/2-o/2;if(Vt(a,"height",(this.active===this.option?this.active.length*n:(this.active.length+1)*n)+"px"),Vt(a,"width",`${o}px`),this.art.isRotate||Y)return;d+o>c?(Vt(a,"left",null),Vt(a,"right",null)):(Vt(a,"left",`${d}px`),Vt(a,"right","auto"))}}inactivate(t){for(let e=0;e<t.$events.length;e++)this.art.events.remove(t.$events[e]);t.$events.length=0}remove(t){const e=this.find(t);Qt(e,`Can't find [${t}] in the [setting]`);const n=e.$option.indexOf(e);e.$option.splice(n,1),this.inactivate(e),e.$item&&Rt(e.$item),this.render()}update(t){const e=this.find(t.name);return e?(this.inactivate(e),Object.assign(e,t),this.format(),this.createItem(e,!0),this.render(),e):this.add(t)}add(t,e=this.option){return e.push(t),this.format(),this.createItem(t),this.render(),t}createHeader(t){if(!this.cache.has(t.$option))return;const e=this.cache.get(t.$option),{proxy:n,icons:{arrowLeft:r},constructor:{SETTING_ITEM_HEIGHT:a}}=this.art,o=Xt("div");Vt(o,"height",`${a}px`),At(o,"art-setting-item"),At(o,"art-setting-item-back");const i=Ot(o,'<div class="art-setting-item-left"></div>'),s=Xt("div");At(s,"art-setting-item-left-icon"),Ot(s,r),Ot(i,s),Ot(i,t.$parent.html);const l=n(o,"click",()=>this.render(t.$parents));t.$parent.$events.push(l),Ot(e,o)}createItem(t,e=!1){if(!this.cache.has(t.$option))return;const n=this.cache.get(t.$option),r=t.$item;let a="selector";se(t,"switch")&&(a="switch"),se(t,"range")&&(a="range"),se(t,"onClick")&&(a="button");const{icons:o,proxy:i,constructor:s}=this.art,l=Xt("div");At(l,"art-setting-item"),Vt(l,"height",`${s.SETTING_ITEM_HEIGHT}px`),l.dataset.name=t.name||"",l.dataset.value=t.value||"";const c=Ot(l,'<div class="art-setting-item-left"></div>'),d=Ot(l,'<div class="art-setting-item-right"></div>'),p=Xt("div");switch(At(p,"art-setting-item-left-icon"),a){case"button":case"switch":case"range":Ot(p,t.icon||o.config);break;case"selector":t.selector?.length?Ot(p,t.icon||o.config):Ot(p,o.check)}Ot(c,p),H(t,"$icon",{configurable:!0,get:()=>p}),H(t,"icon",{configurable:!0,get:()=>p.innerHTML,set(t){p.innerHTML="",Ot(p,t)}});const h=Xt("div");At(h,"art-setting-item-left-text"),Ot(h,t.html||""),Ot(c,h),H(t,"$html",{configurable:!0,get:()=>h}),H(t,"html",{configurable:!0,get:()=>h.innerHTML,set(t){h.innerHTML="",Ot(h,t)}});const u=Xt("div");switch(At(u,"art-setting-item-right-tooltip"),Ot(u,t.tooltip||""),Ot(d,u),H(t,"$tooltip",{configurable:!0,get:()=>u}),H(t,"tooltip",{configurable:!0,get:()=>u.innerHTML,set(t){u.innerHTML="",Ot(u,t)}}),a){case"switch":{const e=Xt("div");At(e,"art-setting-item-right-icon");const n=Ot(e,o.switchOn),r=Ot(e,o.switchOff);Vt(t.switch?r:n,"display","none"),Ot(d,e),H(t,"$switch",{configurable:!0,get:()=>e});let a=t.switch;H(t,"switch",{configurable:!0,get:()=>a,set(t){a=t,t?(Vt(r,"display","none"),Vt(n,"display",null)):(Vt(r,"display",null),Vt(n,"display","none"))}});break}case"range":{const e=Xt("div");At(e,"art-setting-item-right-icon");const n=Ot(e,'<input type="range">');n.value=t.range[0],n.min=t.range[1],n.max=t.range[2],n.step=t.range[3],At(n,"art-setting-range"),Ot(d,e),H(t,"$range",{configurable:!0,get:()=>n});let r=[...t.range];H(t,"range",{configurable:!0,get:()=>r,set(t){r=[...t],n.value=t[0],n.min=t[1],n.max=t[2],n.step=t[3]}})}break;case"selector":if(t.selector?.length){const t=Xt("div");At(t,"art-setting-item-right-icon"),Ot(t,o.arrowRight),Ot(d,t)}}switch(a){case"switch":if(t.onSwitch){const e=i(l,"click",async e=>{t.switch=await t.onSwitch.call(this.art,t,l,e)});t.$events.push(e)}break;case"range":if(t.$range){if(t.onRange){const e=i(t.$range,"change",async e=>{t.range[0]=t.$range.valueAsNumber,t.tooltip=await t.onRange.call(this.art,t,l,e)});t.$events.push(e)}if(t.onChange){const e=i(t.$range,"input",async e=>{t.range[0]=t.$range.valueAsNumber,t.tooltip=await t.onChange.call(this.art,t,l,e)});t.$events.push(e)}}break;case"selector":{const e=i(l,"click",async e=>{t.selector?.length?this.render(t.selector):(this.check(t),t.$parent.onSelect&&(t.$parent.tooltip=await t.$parent.onSelect.call(this.art,t,l,e)))});t.$events.push(e),t.default&&At(l,"art-current")}break;case"button":if(t.onClick){const e=i(l,"click",async e=>{t.tooltip=await t.onClick.call(this.art,t,l,e)});t.$events.push(e)}}H(t,"$item",{configurable:!0,get:()=>l}),e?Wt(l,r):Ot(n,l),t.mounted&&setTimeout(()=>t.mounted.call(this.art,t.$item,t),0)}render(t=this.option){if(this.active=t,this.cache.has(t))Ft(this.cache.get(t),"art-current");else{const e=Xt("div");this.cache.set(t,e),At(e,"art-setting-panel"),Ot(this.$parent,e),Ft(e,"art-current"),t[0]?.$parent&&this.createHeader(t[0]);for(let n=0;n<t.length;n++)this.createItem(t[n])}this.resize()}},bt=class{constructor(){this.name="artplayer_settings",this.settings={}}get(t){try{const e=JSON.parse(window.localStorage.getItem(this.name))||{};return t?e[t]:e}catch{return t?this.settings[t]:this.settings}}set(t,e){try{const n=Object.assign({},this.get(),{[t]:e});window.localStorage.setItem(this.name,JSON.stringify(n))}catch{this.settings[t]=e}}del(t){try{const e=this.get();delete e[t],window.localStorage.setItem(this.name,JSON.stringify(e))}catch{delete this.settings[t]}}clear(){try{window.localStorage.removeItem(this.name)}catch{this.settings={}}}},wt=".art-video-player {\n  --art-theme: #f00;\n  --art-font-color: #fff;\n  --art-background-color: #000;\n  --art-text-shadow-color: rgba(0, 0, 0, 0.5);\n  --art-transition-duration: 0.2s;\n  --art-padding: 10px;\n  --art-border-radius: 3px;\n  --art-progress-height: 6px;\n  --art-progress-color: rgba(255, 255, 255, 0.25);\n  --art-progress-top-gap: 10px;\n  --art-hover-color: rgba(255, 255, 255, 0.25);\n  --art-loaded-color: rgba(255, 255, 255, 0.25);\n  --art-state-size: 80px;\n  --art-state-opacity: 0.8;\n  --art-bottom-height: 100px;\n  --art-bottom-offset: 20px;\n  --art-bottom-gap: 5px;\n  --art-highlight-width: 8px;\n  --art-highlight-color: rgba(255, 255, 255, 0.5);\n  --art-control-height: 46px;\n  --art-control-opacity: 0.75;\n  --art-control-icon-size: 36px;\n  --art-control-icon-scale: 1.1;\n  --art-volume-height: 120px;\n  --art-volume-handle-size: 14px;\n  --art-lock-size: 36px;\n  --art-indicator-scale: 0;\n  --art-indicator-size: 16px;\n  --art-fullscreen-web-index: 9999;\n  --art-settings-icon-size: 24px;\n  --art-settings-max-height: 300px;\n  --art-selector-max-height: 300px;\n  --art-contextmenus-min-width: 250px;\n  --art-subtitle-font-size: 20px;\n  --art-subtitle-gap: 5px;\n  --art-subtitle-bottom: 15px;\n  --art-subtitle-border: #000;\n  --art-widget-background: rgba(0, 0, 0, 0.85);\n  --art-tip-background: rgba(0, 0, 0, 0.7);\n  --art-scrollbar-size: 4px;\n  --art-scrollbar-background: rgba(255, 255, 255, 0.25);\n  --art-scrollbar-background-hover: rgba(255, 255, 255, 0.5);\n  --art-mini-progress-height: 2px;\n}\n.art-bg-cover {\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n.art-bottom-gradient {\n  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0.4), transparent);\n  background-repeat: repeat-x;\n  background-position: center bottom;\n}\n.art-backdrop-filter {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: rgba(0, 0, 0, 0.75) !important;\n}\n.art-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.art-video-player {\n  position: relative;\n  margin: 0 auto;\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  zoom: 1;\n  padding: 0;\n  text-align: left;\n  direction: ltr;\n  font-size: 14px;\n  line-height: 1.3;\n  user-select: none;\n  box-sizing: border-box;\n  color: var(--art-font-color);\n  background-color: var(--art-background-color);\n  text-shadow: 0 0 2px var(--art-text-shadow-color);\n  font-family: PingFang SC, Helvetica Neue, Microsoft YaHei, Roboto, Arial, sans-serif;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-touch-action: manipulation;\n  touch-action: manipulation;\n  -ms-high-contrast-adjust: none;\n}\n.art-video-player *,\n.art-video-player *::before,\n.art-video-player *::after {\n  box-sizing: border-box;\n}\n.art-video-player ::-webkit-scrollbar {\n  width: var(--art-scrollbar-size);\n  height: var(--art-scrollbar-size);\n}\n.art-video-player ::-webkit-scrollbar-thumb {\n  background-color: var(--art-scrollbar-background);\n}\n.art-video-player ::-webkit-scrollbar-thumb:hover {\n  background-color: var(--art-scrollbar-background-hover);\n}\n.art-video-player img {\n  max-width: 100%;\n  vertical-align: top;\n}\n.art-video-player svg {\n  fill: var(--art-font-color);\n}\n.art-video-player a {\n  color: var(--art-font-color);\n  text-decoration: none;\n}\n.art-icon {\n  line-height: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.art-video-player.art-backdrop .art-contextmenus,\n.art-video-player.art-backdrop .art-info,\n.art-video-player.art-backdrop .art-settings,\n.art-video-player.art-backdrop .art-layer-auto-playback,\n.art-video-player.art-backdrop .art-selector-list,\n.art-video-player.art-backdrop .art-volume-inner {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: rgba(0, 0, 0, 0.75) !important;\n}\n.art-video {\n  position: absolute;\n  inset: 0;\n  z-index: 10;\n  width: 100%;\n  height: 100%;\n}\n.art-poster {\n  position: absolute;\n  inset: 0;\n  z-index: 11;\n  width: 100%;\n  height: 100%;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  pointer-events: none;\n}\n.art-video-player .art-subtitle {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  position: absolute;\n  z-index: 20;\n  width: 100%;\n  padding: 0 5%;\n  text-align: center;\n  pointer-events: none;\n  gap: var(--art-subtitle-gap);\n  bottom: var(--art-subtitle-bottom);\n  font-size: var(--art-subtitle-font-size);\n  transition: bottom var(--art-transition-duration) ease;\n  text-shadow: var(--art-subtitle-border) 1px 0 1px, var(--art-subtitle-border) 0 1px 1px, var(--art-subtitle-border) -1px 0 1px, var(--art-subtitle-border) 0 -1px 1px, var(--art-subtitle-border) 1px 1px 1px, var(--art-subtitle-border) -1px -1px 1px, var(--art-subtitle-border) 1px -1px 1px, var(--art-subtitle-border) -1px 1px 1px;\n}\n.art-video-player.art-subtitle-show .art-subtitle {\n  display: flex;\n}\n.art-video-player.art-control-show .art-subtitle {\n  bottom: calc(var(--art-control-height) + var(--art-subtitle-bottom));\n}\n.art-danmuku {\n  position: absolute;\n  inset: 0;\n  z-index: 30;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  overflow: hidden;\n}\n.art-video-player .art-layers {\n  position: absolute;\n  inset: 0;\n  z-index: 40;\n  width: 100%;\n  height: 100%;\n  display: none;\n  pointer-events: none;\n}\n.art-video-player .art-layers .art-layer {\n  pointer-events: auto;\n}\n.art-video-player.art-layer-show .art-layers {\n  display: flex;\n}\n.art-video-player .art-mask {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  inset: 0;\n  z-index: 50;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.art-video-player .art-mask .art-state {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0;\n  transform: scale(2);\n  width: var(--art-state-size);\n  height: var(--art-state-size);\n  transition: all var(--art-transition-duration) ease;\n}\n.art-video-player.art-mask-show .art-state {\n  pointer-events: auto;\n  opacity: var(--art-state-opacity);\n  transform: scale(1);\n}\n.art-video-player.art-loading-show .art-state {\n  display: none;\n}\n.art-video-player .art-loading {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  inset: 0;\n  z-index: 70;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.art-video-player.art-loading-show .art-loading {\n  display: flex;\n}\n.art-video-player.art-loading-show .art-mask {\n  display: none;\n}\n.art-video-player .art-bottom {\n  position: absolute;\n  inset: 0;\n  z-index: 60;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  opacity: 0;\n  overflow: hidden;\n  pointer-events: none;\n  padding: 0 var(--art-padding);\n  transition: all var(--art-transition-duration) ease;\n  background-size: 100% var(--art-bottom-height);\n  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0.4), transparent);\n  background-repeat: repeat-x;\n  background-position: center bottom;\n}\n.art-video-player .art-bottom .art-controls,\n.art-video-player .art-bottom .art-progress {\n  transform: translateY(var(--art-bottom-offset));\n  transition: transform var(--art-transition-duration) ease;\n}\n.art-video-player.art-control-show .art-bottom,\n.art-video-player.art-hover .art-bottom {\n  opacity: 1;\n}\n.art-video-player.art-control-show .art-bottom .art-controls,\n.art-video-player.art-hover .art-bottom .art-controls,\n.art-video-player.art-control-show .art-bottom .art-progress,\n.art-video-player.art-hover .art-bottom .art-progress {\n  transform: translateY(0);\n}\n.art-bottom .art-progress {\n  position: relative;\n  z-index: 0;\n  cursor: pointer;\n  pointer-events: auto;\n  padding-top: var(--art-progress-top-gap);\n  padding-bottom: var(--art-bottom-gap);\n}\n.art-bottom .art-progress .art-control-progress {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: var(--art-progress-height);\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner {\n  display: flex;\n  align-items: center;\n  position: relative;\n  height: 50%;\n  width: 100%;\n  transition: height var(--art-transition-duration) ease;\n  background-color: var(--art-progress-color);\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-hover {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  width: 0%;\n  background-color: var(--art-hover-color);\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded {\n  position: absolute;\n  inset: 0;\n  z-index: 10;\n  width: 100%;\n  height: 100%;\n  width: 0%;\n  background-color: var(--art-loaded-color);\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played {\n  position: absolute;\n  inset: 0;\n  z-index: 20;\n  width: 100%;\n  height: 100%;\n  width: 0%;\n  background-color: var(--art-theme);\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight {\n  position: absolute;\n  inset: 0;\n  z-index: 30;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  right: auto;\n  pointer-events: auto;\n  width: var(--art-highlight-width) !important;\n  transform: translateX(calc(var(--art-highlight-width) / -2));\n  background-color: var(--art-highlight-color);\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: 40;\n  left: 0;\n  border-radius: 50%;\n  width: var(--art-indicator-size);\n  height: var(--art-indicator-size);\n  transform: scale(var(--art-indicator-scale));\n  margin-left: calc(var(--art-indicator-size) / -2);\n  transition: transform var(--art-transition-duration) ease;\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator .art-icon {\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator:hover {\n  transform: scale(1.2) !important;\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator:active {\n  transform: scale(1) !important;\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip {\n  transform-origin: bottom center;\n  transform: scale(0.5);\n  opacity: 0;\n  position: absolute;\n  z-index: 50;\n  top: -25px;\n  left: 0;\n  padding: 3px 5px;\n  line-height: 1;\n  font-size: 12px;\n  border-radius: var(--art-border-radius);\n  white-space: nowrap;\n  background-color: var(--art-tip-background);\n  transition: transform var(--art-transition-duration) ease, opacity var(--art-transition-duration) ease;\n}\n.art-bottom .art-progress .art-control-thumbnails {\n  transform-origin: bottom center;\n  transform: scale(0.5);\n  opacity: 0;\n  position: absolute;\n  bottom: calc(var(--art-bottom-gap) + 10px);\n  left: 0;\n  border-radius: var(--art-border-radius);\n  pointer-events: none;\n  background-color: var(--art-widget-background);\n  transition: transform var(--art-transition-duration) ease, opacity var(--art-transition-duration) ease;\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.2);\n}\n.art-bottom .art-progress:hover .art-control-progress .art-control-progress-inner {\n  height: 100%;\n}\n.art-bottom:hover .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator {\n  transform: scale(1);\n}\n.art-progress-hover .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip,\n.art-progress-hover .art-bottom .art-progress .art-control-thumbnails {\n  transform: scale(1);\n  opacity: 1;\n}\n.art-video-player .art-controls {\n  position: relative;\n  z-index: 10;\n  pointer-events: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: var(--art-control-height);\n}\n.art-video-player .art-controls .art-controls-left,\n.art-video-player .art-controls .art-controls-right {\n  display: flex;\n  height: 100%;\n}\n.art-video-player .art-controls .art-controls-center {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n  height: 100%;\n  padding: 0 10px;\n}\n.art-video-player .art-controls .art-controls-right {\n  justify-content: flex-end;\n}\n.art-video-player .art-controls .art-control {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n  cursor: pointer;\n  white-space: nowrap;\n  opacity: var(--art-control-opacity);\n  min-height: var(--art-control-height);\n  min-width: var(--art-control-height);\n  transition: opacity var(--art-transition-duration) ease;\n}\n.art-video-player .art-controls .art-control .art-icon {\n  height: var(--art-control-icon-size);\n  width: var(--art-control-icon-size);\n  transform: scale(var(--art-control-icon-scale));\n  transition: transform var(--art-transition-duration) ease;\n}\n.art-video-player .art-controls .art-control .art-icon:active {\n  transform: scale(calc(var(--art-control-icon-scale) * 0.8));\n}\n.art-video-player .art-controls .art-control:hover {\n  opacity: 1;\n}\n.art-control-volume {\n  position: relative;\n}\n.art-control-volume .art-volume-panel {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  left: 0;\n  right: 0;\n  padding: 0 5px;\n  font-size: 12px;\n  text-align: center;\n  cursor: default;\n  opacity: 0;\n  transform: translateY(10px);\n  pointer-events: none;\n  bottom: var(--art-control-height);\n  width: var(--art-control-height);\n  height: var(--art-volume-height);\n  transition: all var(--art-transition-duration) ease;\n}\n.art-control-volume .art-volume-panel .art-volume-inner {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  height: 100%;\n  width: 100%;\n  padding: 10px 0 12px;\n  border-radius: var(--art-border-radius);\n  background-color: var(--art-widget-background);\n}\n.art-control-volume .art-volume-panel .art-volume-inner .art-volume-slider {\n  flex: 1;\n  width: 100%;\n  display: flex;\n  cursor: pointer;\n  position: relative;\n  justify-content: center;\n}\n.art-control-volume .art-volume-panel .art-volume-inner .art-volume-slider .art-volume-handle {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  width: 2px;\n  border-radius: var(--art-border-radius);\n  overflow: hidden;\n  background-color: rgba(255, 255, 255, 0.25);\n}\n.art-control-volume .art-volume-panel .art-volume-inner .art-volume-slider .art-volume-handle .art-volume-loaded {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--art-theme);\n}\n.art-control-volume .art-volume-panel .art-volume-inner .art-volume-slider .art-volume-indicator {\n  position: absolute;\n  width: var(--art-volume-handle-size);\n  height: var(--art-volume-handle-size);\n  margin-top: calc(var(--art-volume-handle-size) / -2);\n  flex-shrink: 0;\n  transform: scale(1);\n  border-radius: 100%;\n  background-color: var(--art-theme);\n  transition: transform var(--art-transition-duration) ease;\n}\n.art-control-volume .art-volume-panel .art-volume-inner .art-volume-slider:active .art-volume-indicator {\n  transform: scale(0.9);\n}\n.art-control-volume:hover .art-volume-panel {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n.art-video-player .art-notice {\n  display: none;\n  position: absolute;\n  inset: 0;\n  z-index: 80;\n  width: 100%;\n  height: 100%;\n  height: auto;\n  bottom: auto;\n  padding: var(--art-padding);\n  pointer-events: none;\n}\n.art-video-player .art-notice .art-notice-inner {\n  display: inline-flex;\n  padding: 5px;\n  line-height: 1;\n  border-radius: var(--art-border-radius);\n  background-color: var(--art-tip-background);\n}\n.art-video-player.art-notice-show .art-notice {\n  display: flex;\n}\n.art-video-player .art-contextmenus {\n  display: none;\n  flex-direction: column;\n  position: absolute;\n  z-index: 120;\n  padding: 5px 0;\n  border-radius: var(--art-border-radius);\n  font-size: 12px;\n  background-color: var(--art-widget-background);\n  min-width: var(--art-contextmenus-min-width);\n}\n.art-video-player .art-contextmenus .art-contextmenu {\n  cursor: pointer;\n  display: flex;\n  padding: 10px 15px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n.art-video-player .art-contextmenus .art-contextmenu span {\n  padding: 0 8px;\n}\n.art-video-player .art-contextmenus .art-contextmenu span:hover,\n.art-video-player .art-contextmenus .art-contextmenu span.art-current {\n  color: var(--art-theme);\n}\n.art-video-player .art-contextmenus .art-contextmenu:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.art-video-player .art-contextmenus .art-contextmenu:last-child {\n  border-bottom: none;\n}\n.art-video-player.art-contextmenu-show .art-contextmenus {\n  display: flex;\n}\n.art-video-player .art-settings {\n  display: none;\n  flex-direction: column;\n  position: absolute;\n  z-index: 90;\n  left: auto;\n  overflow-y: auto;\n  overflow-x: hidden;\n  border-radius: var(--art-border-radius);\n  max-height: var(--art-settings-max-height);\n  right: var(--art-padding);\n  bottom: var(--art-control-height);\n  transition: all var(--art-transition-duration) ease;\n  background-color: var(--art-widget-background);\n}\n.art-video-player .art-settings .art-setting-panel {\n  display: none;\n  flex-direction: column;\n}\n.art-video-player .art-settings .art-setting-panel.art-current {\n  display: flex;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 5px;\n  cursor: pointer;\n  overflow: hidden;\n  transition: background-color var(--art-transition-duration) ease;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item.art-current {\n  color: var(--art-theme);\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-icon-check {\n  visibility: hidden;\n  height: 15px;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item.art-current .art-icon-check {\n  visibility: visible;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-left {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 5px;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-left .art-setting-item-left-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: var(--art-settings-icon-size);\n  width: var(--art-settings-icon-size);\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  font-size: 12px;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right .art-setting-item-right-tooltip {\n  white-space: nowrap;\n  color: rgba(255, 255, 255, 0.5);\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right .art-setting-item-right-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 32px;\n  height: 24px;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right .art-setting-range {\n  height: 3px;\n  width: 80px;\n  outline: none;\n  appearance: none;\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item-back {\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n.art-video-player.art-setting-show .art-settings {\n  display: flex;\n}\n.art-video-player .art-info {\n  display: none;\n  position: absolute;\n  left: var(--art-padding);\n  top: var(--art-padding);\n  z-index: 100;\n  padding: 10px;\n  font-size: 12px;\n  border-radius: var(--art-border-radius);\n  background-color: var(--art-widget-background);\n}\n.art-video-player .art-info .art-info-panel {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n.art-video-player .art-info .art-info-panel .art-info-item {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.art-video-player .art-info .art-info-panel .art-info-item .art-info-title {\n  width: 100px;\n  text-align: right;\n}\n.art-video-player .art-info .art-info-panel .art-info-item .art-info-content {\n  width: 250px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: all;\n}\n.art-video-player .art-info .art-info-close {\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  cursor: pointer;\n}\n.art-video-player.art-info-show .art-info {\n  display: flex;\n}\n.art-hide-cursor * {\n  cursor: none !important;\n}\n.art-video-player[data-aspect-ratio] {\n  overflow: hidden;\n}\n.art-video-player[data-aspect-ratio] .art-video {\n  object-fit: fill;\n  box-sizing: content-box;\n}\n.art-fullscreen {\n  --art-progress-height: 8px;\n  --art-indicator-size: 20px;\n  --art-control-height: 60px;\n  --art-control-icon-scale: 1.3;\n}\n.art-fullscreen-web {\n  --art-progress-height: 8px;\n  --art-indicator-size: 20px;\n  --art-control-height: 60px;\n  --art-control-icon-scale: 1.3;\n  position: fixed;\n  inset: 0;\n  z-index: var(--art-fullscreen-web-index);\n  width: 100%;\n  height: 100%;\n}\n.art-mini-popup {\n  position: fixed;\n  z-index: 9999;\n  width: 320px;\n  height: 180px;\n  background: #000;\n  border-radius: var(--art-border-radius);\n  cursor: move;\n  user-select: none;\n  overflow: hidden;\n  transition: opacity 0.2s ease;\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);\n}\n.art-mini-popup svg {\n  fill: #fff;\n}\n.art-mini-popup .art-video {\n  pointer-events: none;\n}\n.art-mini-popup .art-mini-close {\n  position: absolute;\n  z-index: 20;\n  right: 10px;\n  top: 10px;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.art-mini-popup .art-mini-state {\n  position: absolute;\n  inset: 0;\n  z-index: 30;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n  background-color: rgba(0, 0, 0, 0.25);\n}\n.art-mini-popup .art-mini-state .art-icon {\n  opacity: 0.75;\n  cursor: pointer;\n  transform: scale(3);\n  pointer-events: auto;\n  transition: transform 0.2s ease;\n}\n.art-mini-popup .art-mini-state .art-icon:active {\n  transform: scale(2.5);\n}\n.art-mini-popup.art-mini-dragging {\n  opacity: 0.9;\n}\n.art-mini-popup:hover .art-mini-close,\n.art-mini-popup:hover .art-mini-state {\n  opacity: 1;\n}\n.art-video-player[data-flip='horizontal'] .art-video {\n  transform: scaleX(-1);\n}\n.art-video-player[data-flip='vertical'] .art-video {\n  transform: scaleY(-1);\n}\n.art-video-player .art-layer-lock {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 50%;\n  border-radius: 50%;\n  transform: translateY(-50%);\n  height: var(--art-lock-size);\n  width: var(--art-lock-size);\n  left: var(--art-padding);\n  background-color: var(--art-tip-background);\n}\n.art-video-player .art-layer-auto-playback {\n  display: none;\n  gap: 10px;\n  align-items: center;\n  position: absolute;\n  border-radius: var(--art-border-radius);\n  padding: 10px;\n  line-height: 1;\n  left: var(--art-padding);\n  bottom: calc(var(--art-control-height) + var(--art-bottom-gap) + 10px);\n  background-color: var(--art-widget-background);\n}\n.art-video-player .art-layer-auto-playback .art-auto-playback-close {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.art-video-player .art-layer-auto-playback .art-auto-playback-close svg {\n  width: 15px;\n  height: 15px;\n  fill: var(--art-theme);\n}\n.art-video-player .art-layer-auto-playback .art-auto-playback-jump {\n  color: var(--art-theme);\n  cursor: pointer;\n}\n.art-video-player.art-lock .art-subtitle {\n  bottom: var(--art-subtitle-bottom) !important;\n}\n.art-video-player.art-mini-progress-bar .art-bottom,\n.art-video-player.art-lock .art-bottom {\n  opacity: 1;\n  padding: 0;\n  background-image: none;\n}\n.art-video-player.art-mini-progress-bar .art-bottom .art-controls,\n.art-video-player.art-lock .art-bottom .art-controls,\n.art-video-player.art-mini-progress-bar .art-bottom .art-progress,\n.art-video-player.art-lock .art-bottom .art-progress {\n  transform: translateY(calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-progress-height) / 4));\n}\n.art-video-player.art-mini-progress-bar .art-bottom .art-progress-indicator,\n.art-video-player.art-lock .art-bottom .art-progress-indicator {\n  display: none !important;\n}\n.art-video-player.art-control-show .art-layer-lock {\n  display: flex;\n}\n.art-control-selector {\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n.art-control-selector .art-selector-list {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  position: absolute;\n  border-radius: var(--art-border-radius);\n  overflow-y: auto;\n  overflow-x: hidden;\n  opacity: 0;\n  transform: translateY(10px);\n  pointer-events: none;\n  bottom: var(--art-control-height);\n  max-height: var(--art-selector-max-height);\n  background-color: var(--art-widget-background);\n  transition: all var(--art-transition-duration) ease;\n}\n.art-control-selector .art-selector-list .art-selector-item {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  padding: 10px 15px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n.art-control-selector .art-selector-list .art-selector-item:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.art-control-selector .art-selector-list .art-selector-item:hover,\n.art-control-selector .art-selector-list .art-selector-item.art-current {\n  color: var(--art-theme);\n}\n.art-control-selector:hover .art-selector-list {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n.art-video-player {\n  /*! Hint.css - v2.7.0 - 2021-10-01\n    * https://kushagra.dev/lab/hint/\n    * Copyright (c) 2021 Kushagra Gour */\n  /*-------------------------------------*\\\n        HINT.css - A CSS tooltip library\n    \\*-------------------------------------*/\n  /**\n    * HINT.css is a tooltip library made in pure CSS.\n    *\n    * Source: https://github.com/chinchang/hint.css\n    * Demo: http://kushagragour.in/lab/hint/\n    *\n    */\n  /**\n    * source: hint-core.scss\n    *\n    * Defines the basic styling for the tooltip.\n    * Each tooltip is made of 2 parts:\n    * \t1) body (:after)\n    * \t2) arrow (:before)\n    *\n    * Classes added:\n    * \t1) hint\n    */\n  /**\n    * source: hint-position.scss\n    *\n    * Defines the positoning logic for the tooltips.\n    *\n    * Classes added:\n    * \t1) hint--top\n    * \t2) hint--bottom\n    * \t3) hint--left\n    * \t4) hint--right\n    */\n  /**\n    * set default color for tooltip arrows\n    */\n  /**\n    * top tooltip\n    */\n  /**\n    * bottom tooltip\n    */\n  /**\n    * right tooltip\n    */\n  /**\n    * left tooltip\n    */\n  /**\n    * top-left tooltip\n    */\n  /**\n    * top-right tooltip\n    */\n  /**\n    * bottom-left tooltip\n    */\n  /**\n    * bottom-right tooltip\n    */\n  /**\n    * source: hint-sizes.scss\n    *\n    * Defines width restricted tooltips that can span\n    * across multiple lines.\n    *\n    * Classes added:\n    * \t1) hint--small\n    * \t2) hint--medium\n    * \t3) hint--large\n    *\n    */\n  /**\n    * source: hint-theme.scss\n    *\n    * Defines basic theme for tooltips.\n    *\n    */\n  /**\n    * source: hint-color-types.scss\n    *\n    * Contains tooltips of various types based on color differences.\n    *\n    * Classes added:\n    * \t1) hint--error\n    * \t2) hint--warning\n    * \t3) hint--info\n    * \t4) hint--success\n    *\n    */\n  /**\n    * Error\n    */\n  /**\n    * Warning\n    */\n  /**\n    * Info\n    */\n  /**\n    * Success\n    */\n  /**\n    * source: hint-always.scss\n    *\n    * Defines a persisted tooltip which shows always.\n    *\n    * Classes added:\n    * \t1) hint--always\n    *\n    */\n  /**\n    * source: hint-rounded.scss\n    *\n    * Defines rounded corner tooltips.\n    *\n    * Classes added:\n    * \t1) hint--rounded\n    *\n    */\n  /**\n    * source: hint-effects.scss\n    *\n    * Defines various transition effects for the tooltips.\n    *\n    * Classes added:\n    * \t1) hint--no-animate\n    * \t2) hint--bounce\n    *\n    */\n}\n.art-video-player [class*='hint--'] {\n  position: relative;\n  display: inline-block;\n  font-style: normal;\n  /**\n        * tooltip arrow\n        */\n  /**\n        * tooltip body\n        */\n}\n.art-video-player [class*='hint--']:before,\n.art-video-player [class*='hint--']:after {\n  position: absolute;\n  -webkit-transform: translate3d(0, 0, 0);\n  -moz-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n  visibility: hidden;\n  opacity: 0;\n  z-index: 1000000;\n  pointer-events: none;\n  -webkit-transition: 0.3s ease;\n  -moz-transition: 0.3s ease;\n  transition: 0.3s ease;\n  -webkit-transition-delay: 0ms;\n  -moz-transition-delay: 0ms;\n  transition-delay: 0ms;\n}\n.art-video-player [class*='hint--']:hover:before,\n.art-video-player [class*='hint--']:hover:after {\n  visibility: visible;\n  opacity: 1;\n}\n.art-video-player [class*='hint--']:hover:before,\n.art-video-player [class*='hint--']:hover:after {\n  -webkit-transition-delay: 100ms;\n  -moz-transition-delay: 100ms;\n  transition-delay: 100ms;\n}\n.art-video-player [class*='hint--']:before {\n  content: '';\n  position: absolute;\n  background: transparent;\n  border: 6px solid transparent;\n  z-index: 1000001;\n}\n.art-video-player [class*='hint--']:after {\n  background: #000000;\n  color: white;\n  padding: 8px 10px;\n  font-size: 12px;\n  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  line-height: 12px;\n  white-space: nowrap;\n}\n.art-video-player [class*='hint--'][aria-label]:after {\n  content: attr(aria-label);\n}\n.art-video-player [class*='hint--'][data-hint]:after {\n  content: attr(data-hint);\n}\n.art-video-player [aria-label='']:before,\n.art-video-player [aria-label='']:after,\n.art-video-player [data-hint='']:before,\n.art-video-player [data-hint='']:after {\n  display: none !important;\n}\n.art-video-player .hint--top-left:before {\n  border-top-color: #000000;\n}\n.art-video-player .hint--top-right:before {\n  border-top-color: #000000;\n}\n.art-video-player .hint--top:before {\n  border-top-color: #000000;\n}\n.art-video-player .hint--bottom-left:before {\n  border-bottom-color: #000000;\n}\n.art-video-player .hint--bottom-right:before {\n  border-bottom-color: #000000;\n}\n.art-video-player .hint--bottom:before {\n  border-bottom-color: #000000;\n}\n.art-video-player .hint--left:before {\n  border-left-color: #000000;\n}\n.art-video-player .hint--right:before {\n  border-right-color: #000000;\n}\n.art-video-player .hint--top:before {\n  margin-bottom: -11px;\n}\n.art-video-player .hint--top:before,\n.art-video-player .hint--top:after {\n  bottom: 100%;\n  left: 50%;\n}\n.art-video-player .hint--top:before {\n  left: calc(50% - 6px);\n}\n.art-video-player .hint--top:after {\n  -webkit-transform: translateX(-50%);\n  -moz-transform: translateX(-50%);\n  transform: translateX(-50%);\n}\n.art-video-player .hint--top:hover:before {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--top:hover:after {\n  -webkit-transform: translateX(-50%) translateY(-8px);\n  -moz-transform: translateX(-50%) translateY(-8px);\n  transform: translateX(-50%) translateY(-8px);\n}\n.art-video-player .hint--bottom:before {\n  margin-top: -11px;\n}\n.art-video-player .hint--bottom:before,\n.art-video-player .hint--bottom:after {\n  top: 100%;\n  left: 50%;\n}\n.art-video-player .hint--bottom:before {\n  left: calc(50% - 6px);\n}\n.art-video-player .hint--bottom:after {\n  -webkit-transform: translateX(-50%);\n  -moz-transform: translateX(-50%);\n  transform: translateX(-50%);\n}\n.art-video-player .hint--bottom:hover:before {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--bottom:hover:after {\n  -webkit-transform: translateX(-50%) translateY(8px);\n  -moz-transform: translateX(-50%) translateY(8px);\n  transform: translateX(-50%) translateY(8px);\n}\n.art-video-player .hint--right:before {\n  margin-left: -11px;\n  margin-bottom: -6px;\n}\n.art-video-player .hint--right:after {\n  margin-bottom: -14px;\n}\n.art-video-player .hint--right:before,\n.art-video-player .hint--right:after {\n  left: 100%;\n  bottom: 50%;\n}\n.art-video-player .hint--right:hover:before {\n  -webkit-transform: translateX(8px);\n  -moz-transform: translateX(8px);\n  transform: translateX(8px);\n}\n.art-video-player .hint--right:hover:after {\n  -webkit-transform: translateX(8px);\n  -moz-transform: translateX(8px);\n  transform: translateX(8px);\n}\n.art-video-player .hint--left:before {\n  margin-right: -11px;\n  margin-bottom: -6px;\n}\n.art-video-player .hint--left:after {\n  margin-bottom: -14px;\n}\n.art-video-player .hint--left:before,\n.art-video-player .hint--left:after {\n  right: 100%;\n  bottom: 50%;\n}\n.art-video-player .hint--left:hover:before {\n  -webkit-transform: translateX(-8px);\n  -moz-transform: translateX(-8px);\n  transform: translateX(-8px);\n}\n.art-video-player .hint--left:hover:after {\n  -webkit-transform: translateX(-8px);\n  -moz-transform: translateX(-8px);\n  transform: translateX(-8px);\n}\n.art-video-player .hint--top-left:before {\n  margin-bottom: -11px;\n}\n.art-video-player .hint--top-left:before,\n.art-video-player .hint--top-left:after {\n  bottom: 100%;\n  left: 50%;\n}\n.art-video-player .hint--top-left:before {\n  left: calc(50% - 6px);\n}\n.art-video-player .hint--top-left:after {\n  -webkit-transform: translateX(-100%);\n  -moz-transform: translateX(-100%);\n  transform: translateX(-100%);\n}\n.art-video-player .hint--top-left:after {\n  margin-left: 12px;\n}\n.art-video-player .hint--top-left:hover:before {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--top-left:hover:after {\n  -webkit-transform: translateX(-100%) translateY(-8px);\n  -moz-transform: translateX(-100%) translateY(-8px);\n  transform: translateX(-100%) translateY(-8px);\n}\n.art-video-player .hint--top-right:before {\n  margin-bottom: -11px;\n}\n.art-video-player .hint--top-right:before,\n.art-video-player .hint--top-right:after {\n  bottom: 100%;\n  left: 50%;\n}\n.art-video-player .hint--top-right:before {\n  left: calc(50% - 6px);\n}\n.art-video-player .hint--top-right:after {\n  -webkit-transform: translateX(0);\n  -moz-transform: translateX(0);\n  transform: translateX(0);\n}\n.art-video-player .hint--top-right:after {\n  margin-left: -12px;\n}\n.art-video-player .hint--top-right:hover:before {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--top-right:hover:after {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--bottom-left:before {\n  margin-top: -11px;\n}\n.art-video-player .hint--bottom-left:before,\n.art-video-player .hint--bottom-left:after {\n  top: 100%;\n  left: 50%;\n}\n.art-video-player .hint--bottom-left:before {\n  left: calc(50% - 6px);\n}\n.art-video-player .hint--bottom-left:after {\n  -webkit-transform: translateX(-100%);\n  -moz-transform: translateX(-100%);\n  transform: translateX(-100%);\n}\n.art-video-player .hint--bottom-left:after {\n  margin-left: 12px;\n}\n.art-video-player .hint--bottom-left:hover:before {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--bottom-left:hover:after {\n  -webkit-transform: translateX(-100%) translateY(8px);\n  -moz-transform: translateX(-100%) translateY(8px);\n  transform: translateX(-100%) translateY(8px);\n}\n.art-video-player .hint--bottom-right:before {\n  margin-top: -11px;\n}\n.art-video-player .hint--bottom-right:before,\n.art-video-player .hint--bottom-right:after {\n  top: 100%;\n  left: 50%;\n}\n.art-video-player .hint--bottom-right:before {\n  left: calc(50% - 6px);\n}\n.art-video-player .hint--bottom-right:after {\n  -webkit-transform: translateX(0);\n  -moz-transform: translateX(0);\n  transform: translateX(0);\n}\n.art-video-player .hint--bottom-right:after {\n  margin-left: -12px;\n}\n.art-video-player .hint--bottom-right:hover:before {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--bottom-right:hover:after {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--small:after,\n.art-video-player .hint--medium:after,\n.art-video-player .hint--large:after {\n  white-space: normal;\n  line-height: 1.4em;\n  word-wrap: break-word;\n}\n.art-video-player .hint--small:after {\n  width: 80px;\n}\n.art-video-player .hint--medium:after {\n  width: 150px;\n}\n.art-video-player .hint--large:after {\n  width: 300px;\n}\n.art-video-player [class*='hint--'] {\n  /**\n        * tooltip body\n        */\n}\n.art-video-player [class*='hint--']:after {\n  text-shadow: 0 -1px 0px black;\n  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);\n}\n.art-video-player .hint--error:after {\n  background-color: #b34e4d;\n  text-shadow: 0 -1px 0px #592726;\n}\n.art-video-player .hint--error.hint--top-left:before {\n  border-top-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--top-right:before {\n  border-top-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--top:before {\n  border-top-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--bottom-left:before {\n  border-bottom-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--bottom-right:before {\n  border-bottom-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--bottom:before {\n  border-bottom-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--left:before {\n  border-left-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--right:before {\n  border-right-color: #b34e4d;\n}\n.art-video-player .hint--warning:after {\n  background-color: #c09854;\n  text-shadow: 0 -1px 0px #6c5328;\n}\n.art-video-player .hint--warning.hint--top-left:before {\n  border-top-color: #c09854;\n}\n.art-video-player .hint--warning.hint--top-right:before {\n  border-top-color: #c09854;\n}\n.art-video-player .hint--warning.hint--top:before {\n  border-top-color: #c09854;\n}\n.art-video-player .hint--warning.hint--bottom-left:before {\n  border-bottom-color: #c09854;\n}\n.art-video-player .hint--warning.hint--bottom-right:before {\n  border-bottom-color: #c09854;\n}\n.art-video-player .hint--warning.hint--bottom:before {\n  border-bottom-color: #c09854;\n}\n.art-video-player .hint--warning.hint--left:before {\n  border-left-color: #c09854;\n}\n.art-video-player .hint--warning.hint--right:before {\n  border-right-color: #c09854;\n}\n.art-video-player .hint--info:after {\n  background-color: #3986ac;\n  text-shadow: 0 -1px 0px #1a3c4d;\n}\n.art-video-player .hint--info.hint--top-left:before {\n  border-top-color: #3986ac;\n}\n.art-video-player .hint--info.hint--top-right:before {\n  border-top-color: #3986ac;\n}\n.art-video-player .hint--info.hint--top:before {\n  border-top-color: #3986ac;\n}\n.art-video-player .hint--info.hint--bottom-left:before {\n  border-bottom-color: #3986ac;\n}\n.art-video-player .hint--info.hint--bottom-right:before {\n  border-bottom-color: #3986ac;\n}\n.art-video-player .hint--info.hint--bottom:before {\n  border-bottom-color: #3986ac;\n}\n.art-video-player .hint--info.hint--left:before {\n  border-left-color: #3986ac;\n}\n.art-video-player .hint--info.hint--right:before {\n  border-right-color: #3986ac;\n}\n.art-video-player .hint--success:after {\n  background-color: #458746;\n  text-shadow: 0 -1px 0px #1a321a;\n}\n.art-video-player .hint--success.hint--top-left:before {\n  border-top-color: #458746;\n}\n.art-video-player .hint--success.hint--top-right:before {\n  border-top-color: #458746;\n}\n.art-video-player .hint--success.hint--top:before {\n  border-top-color: #458746;\n}\n.art-video-player .hint--success.hint--bottom-left:before {\n  border-bottom-color: #458746;\n}\n.art-video-player .hint--success.hint--bottom-right:before {\n  border-bottom-color: #458746;\n}\n.art-video-player .hint--success.hint--bottom:before {\n  border-bottom-color: #458746;\n}\n.art-video-player .hint--success.hint--left:before {\n  border-left-color: #458746;\n}\n.art-video-player .hint--success.hint--right:before {\n  border-right-color: #458746;\n}\n.art-video-player .hint--always:after,\n.art-video-player .hint--always:before {\n  opacity: 1;\n  visibility: visible;\n}\n.art-video-player .hint--always.hint--top:before {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--always.hint--top:after {\n  -webkit-transform: translateX(-50%) translateY(-8px);\n  -moz-transform: translateX(-50%) translateY(-8px);\n  transform: translateX(-50%) translateY(-8px);\n}\n.art-video-player .hint--always.hint--top-left:before {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--always.hint--top-left:after {\n  -webkit-transform: translateX(-100%) translateY(-8px);\n  -moz-transform: translateX(-100%) translateY(-8px);\n  transform: translateX(-100%) translateY(-8px);\n}\n.art-video-player .hint--always.hint--top-right:before {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--always.hint--top-right:after {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--always.hint--bottom:before {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--always.hint--bottom:after {\n  -webkit-transform: translateX(-50%) translateY(8px);\n  -moz-transform: translateX(-50%) translateY(8px);\n  transform: translateX(-50%) translateY(8px);\n}\n.art-video-player .hint--always.hint--bottom-left:before {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--always.hint--bottom-left:after {\n  -webkit-transform: translateX(-100%) translateY(8px);\n  -moz-transform: translateX(-100%) translateY(8px);\n  transform: translateX(-100%) translateY(8px);\n}\n.art-video-player .hint--always.hint--bottom-right:before {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--always.hint--bottom-right:after {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--always.hint--left:before {\n  -webkit-transform: translateX(-8px);\n  -moz-transform: translateX(-8px);\n  transform: translateX(-8px);\n}\n.art-video-player .hint--always.hint--left:after {\n  -webkit-transform: translateX(-8px);\n  -moz-transform: translateX(-8px);\n  transform: translateX(-8px);\n}\n.art-video-player .hint--always.hint--right:before {\n  -webkit-transform: translateX(8px);\n  -moz-transform: translateX(8px);\n  transform: translateX(8px);\n}\n.art-video-player .hint--always.hint--right:after {\n  -webkit-transform: translateX(8px);\n  -moz-transform: translateX(8px);\n  transform: translateX(8px);\n}\n.art-video-player .hint--rounded:after {\n  border-radius: 4px;\n}\n.art-video-player .hint--no-animate:before,\n.art-video-player .hint--no-animate:after {\n  -webkit-transition-duration: 0ms;\n  -moz-transition-duration: 0ms;\n  transition-duration: 0ms;\n}\n.art-video-player .hint--bounce:before,\n.art-video-player .hint--bounce:after {\n  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);\n  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);\n  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);\n}\n.art-video-player .hint--no-shadow:before,\n.art-video-player .hint--no-shadow:after {\n  text-shadow: initial;\n  box-shadow: initial;\n}\n.art-video-player .hint--no-arrow:before {\n  display: none;\n}\n.art-video-player.art-mobile {\n  --art-bottom-gap: 10px;\n  --art-control-height: 38px;\n  --art-control-icon-scale: 1;\n  --art-state-size: 60px;\n  --art-settings-max-height: 180px;\n  --art-selector-max-height: 180px;\n  --art-indicator-scale: 1;\n  --art-control-opacity: 1;\n}\n.art-video-player.art-mobile .art-controls-left {\n  margin-left: calc(var(--art-padding) / -1);\n}\n.art-video-player.art-mobile .art-controls-right {\n  margin-right: calc(var(--art-padding) / -1);\n}\n",xt=class extends Q{constructor(t){super(t),this.name="subtitle",this.option=null,this.destroyEvent=()=>null,this.init(t.option.subtitle);let e=!1;t.on("video:timeupdate",()=>{if(!this.url)return;const t=this.art.template.$video.webkitDisplayingFullscreen;"boolean"==typeof t&&t!==e&&(e=t,this.createTrack(t?"subtitles":"metadata",this.url))})}get url(){return this.art.template.$track.src}set url(t){this.switch(t)}get textTrack(){return this.art.template.$video?.textTracks?.[0]}get activeCues(){return this.textTrack?Array.from(this.textTrack.activeCues):[]}get cues(){return this.textTrack?Array.from(this.textTrack.cues):[]}style(t,e){const{$subtitle:n}=this.art.template;return"object"==typeof t?Dt(n,t):Vt(n,t,e)}update(){const{option:{subtitle:t},template:{$subtitle:e}}=this.art;e.innerHTML="",this.activeCues.length&&(this.art.emit("subtitleBeforeUpdate",this.activeCues),e.innerHTML=this.activeCues.map((e,n)=>e.text.split(/\r?\n/).filter(t=>t.trim()).map(e=>`<div class="art-subtitle-line" data-group="${n}">\n                                ${t.escape?oe(e):e}\n                            </div>`).join("")).join(""),this.art.emit("subtitleAfterUpdate",this.activeCues))}async switch(t,e={}){const{i18n:n,notice:r,option:a}=this.art,o={...a.subtitle,...e,url:t},i=await this.init(o);return e.name&&(r.show=`${n.get("Switch Subtitle")}: ${e.name}`),i}createTrack(t,e){const{template:n,proxy:r,option:a}=this.art,{$video:o,$track:i}=n,s=Xt("track");s.default=!0,s.kind=t,s.src=e,s.label=a.subtitle.name||"Artplayer",s.track.mode="hidden",s.onload=()=>{this.art.emit("subtitleLoad",this.cues,this.option)},this.art.events.remove(this.destroyEvent),i.onload=null,Rt(i),Ot(o,s),n.$track=s,this.destroyEvent=r(this.textTrack,"cuechange",()=>this.update())}async init(t){const{notice:e,template:{$subtitle:n}}=this.art;return this.textTrack?(A(t,J.subtitle),t.url?(this.option=t,this.style(t.style),fetch(t.url).then(t=>t.arrayBuffer()).then(e=>{const n=new TextDecoder(t.encoding).decode(e);switch(t.type||te(t.url)){case"srt":{const e=de(n);return pe(t.onVttLoad(e))}case"ass":{const e=he(n);return pe(t.onVttLoad(e))}case"vtt":return pe(t.onVttLoad(n));default:return t.url}}).then(t=>(n.innerHTML="",this.url===t||(URL.revokeObjectURL(this.url),this.createTrack("metadata",t)),t)).catch(t=>{throw n.innerHTML="",e.show=t,t})):void 0):null}},kt=class t{constructor(t){this.art=t;const{option:e,constructor:n}=t;e.container instanceof Element?this.$container=e.container:(this.$container=Mt(e.container),Qt(this.$container,`No container element found by ${e.container}`)),Qt(Gt(),"The current browser does not support flex layout");const r=this.$container.tagName.toLowerCase();Qt("div"===r,`Unsupported container element type, only support 'div' but got '${r}'`),Qt(n.instances.every(t=>t.template.$container!==this.$container),"Cannot mount multiple instances on the same dom element"),this.query=this.query.bind(this),this.$container.dataset.artId=t.id,this.init()}static get html(){return`\n          <div class="art-video-player art-subtitle-show art-layer-show art-control-show art-mask-show">\n            <video class="art-video">\n              <track default kind="metadata" src=""></track>\n            </video>\n            <div class="art-poster"></div>\n            <div class="art-subtitle"></div>\n            <div class="art-danmuku"></div>\n            <div class="art-layers"></div>\n            <div class="art-mask">\n              <div class="art-state"></div>\n            </div>\n            <div class="art-bottom">\n              <div class="art-progress"></div>\n              <div class="art-controls">\n                <div class="art-controls-left"></div>\n                <div class="art-controls-center"></div>\n                <div class="art-controls-right"></div>\n              </div>\n            </div>\n            <div class="art-loading"></div>\n            <div class="art-notice">\n              <div class="art-notice-inner"></div>\n            </div>\n            <div class="art-settings"></div>\n            <div class="art-info">\n              <div class="art-info-panel">\n                <div class="art-info-item">\n                  <div class="art-info-title">Player version:</div>\n                  <div class="art-info-content">${P}</div>\n                </div>\n                <div class="art-info-item">\n                  <div class="art-info-title">Video url:</div>\n                  <div class="art-info-content" data-video="currentSrc"></div>\n                </div>\n                <div class="art-info-item">\n                  <div class="art-info-title">Video volume:</div>\n                  <div class="art-info-content" data-video="volume"></div>\n                </div>\n                <div class="art-info-item">\n                  <div class="art-info-title">Video time:</div>\n                  <div class="art-info-content" data-video="currentTime"></div>\n                </div>\n                <div class="art-info-item">\n                  <div class="art-info-title">Video duration:</div>\n                  <div class="art-info-content" data-video="duration"></div>\n                </div>\n                <div class="art-info-item">\n                  <div class="art-info-title">Video resolution:</div>\n                  <div class="art-info-content">\n                    <span data-video="videoWidth"></span> x <span data-video="videoHeight"></span>\n                  </div>\n                </div>\n              </div>\n              <div class="art-info-close">[x]</div>\n            </div>\n            <div class="art-contextmenus"></div>\n          </div>\n        `}query(t){return Mt(t,this.$container)}init(){const{option:e}=this.art;if(e.useSSR||(this.$container.innerHTML=t.html),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$track=this.query("track"),this.$poster=this.query(".art-poster"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsCenter=this.query(".art-controls-center"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$contextmenu=this.query(".art-contextmenus"),e.proxy){const t=e.proxy.call(this.art,this.art);Qt(t instanceof HTMLVideoElement||t instanceof HTMLCanvasElement,"Function 'option.proxy' needs to return 'HTMLVideoElement' or 'HTMLCanvasElement'"),Wt(t,this.$video),t.className="art-video",this.$video=t}e.backdrop&&At(this.$player,"art-backdrop"),Y&&At(this.$player,"art-mobile")}destroy(t){t?this.$container.innerHTML="":At(this.$player,"art-destroy")}},$t=class{on(t,e,n){const r=this.e||(this.e={});return(r[t]||(r[t]=[])).push({fn:e,ctx:n}),this}once(t,e,n){const r=this;function a(...o){r.off(t,a),e.apply(n,o)}return a._=e,this.on(t,a,n)}emit(t,...e){const n=((this.e||(this.e={}))[t]||[]).slice();for(let r=0;r<n.length;r+=1)n[r].fn.apply(n[r].ctx,e);return this}off(t,e){const n=this.e||(this.e={}),r=n[t],a=[];if(r&&e)for(let o=0,i=r.length;o<i;o+=1)r[o].fn!==e&&r[o].fn._!==e&&a.push(r[o]);return a.length?n[t]=a:delete n[t],this}},Tt=0,Et=[],t("i",Ct=class t extends $t{constructor(e,n){if(super(),!N)throw new Error("Artplayer can only be used in the browser environment");this.id=++Tt;const r=ce(t.option,e);if(r.container=e.container,this.option=A(r,J),this.isLock=!1,this.isReady=!1,this.isFocus=!1,this.isInput=!1,this.isRotate=!1,this.isDestroy=!1,this.template=new kt(this),this.events=new nt(this),this.storage=new bt(this),this.icons=new it(this),this.i18n=new ot(this),this.notice=new pt(this),this.player=new ft(this),this.layers=new lt(this),this.controls=new et(this),this.contextmenu=new tt(this),this.subtitle=new xt(this),this.info=new st(this),this.loading=new ct(this),this.hotkey=new rt(this),this.mask=new dt(this),this.setting=new yt(this),this.plugins=new vt(this),"function"==typeof n&&this.on("ready",()=>n.call(this,this)),t.DEBUG){const e=t=>console.log(`[ART.${this.id}] -> ${t}`);e(`Version@${t.version}`);for(let t=0;t<_.events.length;t++)this.on(`video:${_.events[t]}`,t=>e(`Event@${t.type}`))}Et.push(this)}static get instances(){return Et}static get version(){return P}static get config(){return _}static get utils(){return j}static get scheme(){return J}static get Emitter(){return $t}static get validator(){return A}static get kindOf(){return A.kindOf}static get html(){return kt.html}static get option(){return{id:"",container:"#artplayer",url:"",poster:"",type:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMini:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,useSSR:!1,playsInline:!0,lock:!1,gesture:!0,fastForward:!1,autoPlayback:!1,autoOrientation:!1,airplay:!1,proxy:void 0,layers:[],contextmenu:[],controls:[],settings:[],quality:[],highlight:[],plugins:[],thumbnails:{url:"",number:60,column:10,width:0,height:0,scale:1},subtitle:{url:"",type:"",style:{},name:"",escape:!0,encoding:"utf-8",onVttLoad:t=>t},moreVideoAttr:{controls:!1,preload:R?"auto":"metadata"},i18n:{},icons:{},cssVar:{},customType:{},lang:navigator?.language.toLowerCase()}}get proxy(){return this.events.proxy}get query(){return this.template.query}get video(){return this.template.$video}reset(){this.video.removeAttribute("src"),this.video.load()}destroy(e=!0){t.REMOVE_SRC_WHEN_DESTROY&&this.reset(),this.events.destroy(),this.template.destroy(e),Et.splice(Et.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}),Ct.STYLE=wt,Ct.DEBUG=!1,Ct.CONTEXTMENU=!0,Ct.NOTICE_TIME=2e3,Ct.SETTING_WIDTH=250,Ct.SETTING_ITEM_WIDTH=200,Ct.SETTING_ITEM_HEIGHT=35,Ct.RESIZE_TIME=200,Ct.SCROLL_TIME=200,Ct.SCROLL_GAP=50,Ct.AUTO_PLAYBACK_MAX=10,Ct.AUTO_PLAYBACK_MIN=5,Ct.AUTO_PLAYBACK_TIMEOUT=3e3,Ct.RECONNECT_TIME_MAX=5,Ct.RECONNECT_SLEEP_TIME=1e3,Ct.CONTROL_HIDE_TIME=3e3,Ct.DBCLICK_TIME=300,Ct.DBCLICK_FULLSCREEN=!0,Ct.MOBILE_DBCLICK_PLAY=!0,Ct.MOBILE_CLICK_PLAY=!1,Ct.AUTO_ORIENTATION_TIME=200,Ct.INFO_LOOP_TIME=1e3,Ct.FAST_FORWARD_VALUE=3,Ct.FAST_FORWARD_TIME=1e3,Ct.TOUCH_MOVE_RATIO=.5,Ct.VOLUME_STEP=.1,Ct.SEEK_STEP=5,Ct.PLAYBACK_RATE=[.5,.75,1,1.25,1.5,2],Ct.ASPECT_RATIO=["default","4:3","16:9"],Ct.FLIP=["normal","horizontal","vertical"],Ct.FULLSCREEN_WEB_IN_BODY=!0,Ct.LOG_VERSION=!0,Ct.USE_RAF=!1,Ct.REMOVE_SRC_WHEN_DESTROY=!0,N&&(qt("artplayer-style",wt),setTimeout(()=>{Ct.LOG_VERSION&&console.log(`%c ArtPlayer %c ${Ct.version} %c https://artplayer.org`,"color: #fff; background: #5f5f5f","color: #fff; background: #4bc729","")},100)),Ct.PLAYBACK_RATE=[.5,.75,1,1.25,1.5,2,3,4],t("r",St=[{icon:"iina",name:"IINA",scheme:"iina://weblink?url=$edurl",platforms:["MacOS"]},{icon:"potplayer",name:"PotPlayer",scheme:"potplayer://$durl",platforms:["Windows"]},{icon:"vlc",name:"VLC",scheme:"vlc://$durl",platforms:["Windows","MacOS","Linux","Android","iOS"]},{icon:"android",name:"Android",scheme:"intent:$durl#Intent;type=video/*;S.title=$name;end",platforms:["Android"]},{icon:"nplayer",name:"nPlayer",scheme:"nplayer-$durl",platforms:["Android","iOS"]},{icon:"omniplayer",name:"OmniPlayer",scheme:"omniplayer://weblink?url=$durl",platforms:["MacOS"]},{icon:"figplayer",name:"Fig Player",scheme:"figplayer://weblink?url=$durl",platforms:["MacOS"]},{icon:"infuse",name:"Infuse",scheme:"infuse://x-callback-url/play?url=$durl",platforms:["MacOS","iOS"]},{icon:"fileball",name:"Fileball",scheme:"filebox://play?url=$durl",platforms:["MacOS","iOS"]},{icon:"mxplayer",name:"MX Player",scheme:"intent:$durl#Intent;package=com.mxtech.videoplayer.ad;S.title=$name;end",platforms:["Android"]},{icon:"mxplayer-pro",name:"MX Player Pro",scheme:"intent:$durl#Intent;package=com.mxtech.videoplayer.pro;S.title=$name;end",platforms:["Android"]},{icon:"iPlay",name:"iPlay",scheme:"iplay://play/any?type=url&url=$bdurl",platforms:["iOS"]},{icon:"mpv",name:"mpv",scheme:"mpv://$edurl",platforms:["Windows","MacOS","Linux","Android"]}]),t("t",t=>{const{$container:e,$video:n}=t.template,r=e.parentElement;t.on("ready",()=>{r.style.maxHeight=`calc(100vh - ${r.offsetTop}px - 1.75rem)`,r.style.minHeight="320px",t.autoHeight()}),t.on("resize",()=>{t.autoHeight()}),t.on("error",()=>{n.style.height||(e.style.height="60vh",n.style.height="100%")})}),t("n",t=>{const{replace:e,pathname:M}=b(),{currentObjLink:I}=x(),{handleFolder:A}=g(),[P,_]=y(""),O=T(()=>{let t=!0,e=!1;const n=a.objs.filter(n=>n.type===S.VIDEO&&(n.name===a.obj.name?(t=!1,e=!0,_(n.name)):e=!1,!0));if(e&&(t="all"!==w().type),t){let t=M();if(!t.endsWith(a.obj.name))return n.push(a.obj),_(a.obj.name),n;const e=a.objs.length>0;A(E(t),i()+(e?1:0),void 0,e,!1,!0)}return n}),R=n();let V=localStorage.getItem("video_auto_next");V||(V="true"),t.onAutoNextChange("true"===V);const[D,Y]=y("true"===localStorage.getItem("video_show_all_players")),N=C(),F=T(()=>D()||"Unknown"===N?St:St.filter(t=>t.platforms.includes(N)));return f(d,{w:"$full",spacing:"$2",get children(){return[l(()=>t.children),f(s,{get when(){return""!==P()},get children(){return f(k,{spacing:"$2",w:"$full",get children(){return[f(z,{onChange:t=>{e(t)},get value(){return P()},get options(){return O().map(t=>({value:t.name}))}}),f(o,{css:{whiteSpace:"nowrap"},defaultChecked:"true"===V,onChange:e=>{t.onAutoNextChange(e.currentTarget.checked),localStorage.setItem("video_auto_next",e.currentTarget.checked.toString())},get children(){return R("home.preview.auto_next")}})]}})}}),f(h,{wrap:"wrap",gap:"$1",justifyContent:"center",alignItems:"center",get children(){return[f(p,{get each(){return F()},children:t=>f(m,{placement:"top",withArrow:!0,get label(){return t.name},get children(){return f(r,{get href(){return $(t.scheme,{raw_url:a.raw_url,name:a.obj.name,d_url:I(!0)})},get children(){return f(c,{m:"0 auto",boxSize:"$8",get src(){return`${window.__dynamic_base__}/images/${t.icon}.webp`}})}})}})}),f(v,{"aria-label":"Show all players",variant:"ghost",onClick:()=>{const t=!D();Y(t),localStorage.setItem("video_show_all_players",t.toString())},get icon(){return f(u,{as:L,boxSize:"$6",color:"accent.500",get transform(){return D()?"rotate(180deg)":"none"},transition:"transform 0.2s"})}})]}})]}})})}}});
+System.register(["./store-legacy-CI1UFD5I.js","./obj-legacy-BLJL3FDc.js","./index-legacy-DX8ZPqos.js"],function(t,e){var n,r,a,o,i,s,l,c,d,p,h,u,m,g,f,v,y,b,w,x,k,$,T,E,C,S,z,L,M,I,A,P,_,O,R,V,D,Y,N,F,H,B,j,W,X,U,q,G,K,Z,J,Q,tt,et,nt,rt,at,ot,it,st,lt,ct,dt,pt,ht,ut,mt,gt,ft,vt,yt,bt,wt,xt,kt,$t,Tt,Et,Ct,St;function zt(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function Lt(){return I||(I=1,M.exports=function(){function t(e){return(t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(e)}var e=Object.prototype.toString,n=function(n){if(void 0===n)return"undefined";if(null===n)return"null";var a=t(n);if("boolean"===a)return"boolean";if("string"===a)return"string";if("number"===a)return"number";if("symbol"===a)return"symbol";if("function"===a)return"GeneratorFunction"===r(n)?"generatorfunction":"function";if(function(t){return Array.isArray?Array.isArray(t):t instanceof Array}(n))return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(n))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(e){if(-1!==e.message.indexOf("callee"))return!0}return!1}(n))return"arguments";if(function(t){return t instanceof Date||"function"==typeof t.toDateString&&"function"==typeof t.getDate&&"function"==typeof t.setDate}(n))return"date";if(function(t){return t instanceof Error||"string"==typeof t.message&&t.constructor&&"number"==typeof t.constructor.stackTraceLimit}(n))return"error";if(function(t){return t instanceof RegExp||"string"==typeof t.flags&&"boolean"==typeof t.ignoreCase&&"boolean"==typeof t.multiline&&"boolean"==typeof t.global}(n))return"regexp";switch(r(n)){case"Symbol":return"symbol";case"Promise":return"promise";case"WeakMap":return"weakmap";case"WeakSet":return"weakset";case"Map":return"map";case"Set":return"set";case"Int8Array":return"int8array";case"Uint8Array":return"uint8array";case"Uint8ClampedArray":return"uint8clampedarray";case"Int16Array":return"int16array";case"Uint16Array":return"uint16array";case"Int32Array":return"int32array";case"Uint32Array":return"uint32array";case"Float32Array":return"float32array";case"Float64Array":return"float64array"}if(function(t){return"function"==typeof t.throw&&"function"==typeof t.return&&"function"==typeof t.next}(n))return"generator";switch(a=e.call(n)){case"[object Object]":return"object";case"[object Map Iterator]":return"mapiterator";case"[object Set Iterator]":return"setiterator";case"[object String Iterator]":return"stringiterator";case"[object Array Iterator]":return"arrayiterator"}return a.slice(8,-1).toLowerCase().replace(/\s/g,"")};function r(t){return t.constructor?t.constructor.name:null}function a(t,e){var r=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];return o(t,e,r),i(t,e,r),function(t,e,r){var s=n(e),l=n(t);if("object"===s){if("object"!==l)throw new Error("[Type Error]: '".concat(r.join("."),"' require 'object' type, but got '").concat(l,"'"));Object.keys(e).forEach(function(n){var s=t[n],l=e[n],c=r.slice();c.push(n),o(s,l,c),i(s,l,c),a(s,l,c)})}if("array"===s){if("array"!==l)throw new Error("[Type Error]: '".concat(r.join("."),"' require 'array' type, but got '").concat(l,"'"));t.forEach(function(n,s){var l=t[s],c=e[s]||e[0],d=r.slice();d.push(s),o(l,c,d),i(l,c,d),a(l,c,d)})}}(t,e,r),t}function o(t,e,r){if("string"===n(e)){var a=n(t);if("?"===e[0]&&(e=e.slice(1)+"|undefined"),!(-1<e.indexOf("|")?e.split("|").map(function(t){return t.toLowerCase().trim()}).filter(Boolean).some(function(t){return a===t}):e.toLowerCase().trim()===a))throw new Error("[Type Error]: '".concat(r.join("."),"' require '").concat(e,"' type, but got '").concat(a,"'"))}}function i(t,e,r){if("function"===n(e)){var a=e(t,n(t),r);if(!0!==a){var o=n(a);throw"string"===o?new Error(a):"error"===o?a:new Error("[Validator Error]: The scheme for '".concat(r.join("."),"' validator require return true, but got '").concat(a,"'"))}}}return a.kindOf=n,a}()),M.exports}function Mt(t,e=document){return e.querySelector(t)}function It(t,e=document){return Array.from(e.querySelectorAll(t))}function At(t,e){return t.classList.add(e)}function Pt(t,e){return t.classList.remove(e)}function _t(t,e){return t.classList.contains(e)}function Ot(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function Rt(t){return t.parentNode.removeChild(t)}function Vt(t,e,n){return t.style[e]=n,t}function Dt(t,e){for(const n in e)Vt(t,n,e[n]);return t}function Yt(t,e,n=!0){const r=window.getComputedStyle(t,null).getPropertyValue(e);return n?Number.parseFloat(r):r}function Nt(t){return Array.from(t.parentElement.children).filter(e=>e!==t)}function Ft(t,e){Nt(t).forEach(t=>Pt(t,e)),At(t,e)}function Ht(t,e,n="top"){Y||(t.setAttribute("aria-label",e),At(t,"hint--rounded"),At(t,`hint--${n}`))}function Bt(t,e=0){const n=t.getBoundingClientRect(),r=window.innerHeight||document.documentElement.clientHeight,a=window.innerWidth||document.documentElement.clientWidth,o=n.top-e<=r&&n.top+n.height+e>=0,i=n.left-e<=a+e&&n.left+n.width+e>=0;return o&&i}function jt(t,e){return Jt(t).includes(e)}function Wt(t,e){return e.parentNode.replaceChild(t,e),t}function Xt(t){return document.createElement(t)}function Ut(t="",e=""){const n=Xt("i");return At(n,"art-icon"),At(n,`art-icon-${t}`),Ot(n,e),n}function qt(t,e){let n=document.getElementById(t);n||(n=document.createElement("style"),n.id=t,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>{document.head.appendChild(n)}):(document.head||document.documentElement).appendChild(n)),n.textContent=e}function Gt(){const t=document.createElement("div");return t.style.display="flex","flex"===t.style.display}function Kt(t){return t.getBoundingClientRect()}function Zt(t,e){return new Promise((n,r)=>{const a=new Image;a.onload=function(){if(e&&1!==e){const o=document.createElement("canvas"),i=o.getContext("2d");o.width=a.width*e,o.height=a.height*e,i.drawImage(a,0,0,o.width,o.height),o.toBlob(e=>{const a=URL.createObjectURL(e),o=new Image;o.onload=function(){n(o)},o.onerror=function(){URL.revokeObjectURL(a),r(new Error(`Image load failed: ${t}`))},o.src=a})}else n(a)},a.onerror=function(){r(new Error(`Image load failed: ${t}`))},a.src=t})}function Jt(t){if(t.composedPath)return t.composedPath();const e=[];let n=t.target;for(;n;)e.push(n),n=n.parentNode;return e.includes(window)||void 0===window||e.push(window),e}function Qt(t,e){if(!t)throw new F(e);return t}function te(t){return t.includes("?")?te(t.split("?")[0]):t.includes("#")?te(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function ee(t,e){const n=document.createElement("a");n.style.display="none",n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}function ne(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function re(t){return t.charAt(0).toUpperCase()+t.slice(1)}function ae(t){if(!t)return"00:00";const e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),r=Math.floor(t-3600*e-60*n);return(e>0?[e,n,r]:[n,r]).map(t=>t<10?`0${t}`:String(t)).join(":")}function oe(t){return t.replace(/[&<>'"]/g,t=>({"&":"&amp;","<":"&lt;",">":"&gt;","'":"&#39;",'"':"&quot;"}[t]||t))}function ie(t){const e={"&amp;":"&","&lt;":"<","&gt;":">","&#39;":"'","&quot;":'"'},n=new RegExp(`(${Object.keys(e).join("|")})`,"g");return t.replace(n,t=>e[t]||t)}function se(t,e){return B.call(t,e)}function le(t,e){return Object.getOwnPropertyDescriptor(t,e)}function ce(...t){const e=t=>t&&"object"==typeof t&&!Array.isArray(t);return t.reduce((t,n)=>(Object.keys(n).forEach(r=>{const a=t[r],o=n[r];Array.isArray(a)&&Array.isArray(o)?t[r]=a.concat(...o):e(a)&&e(o)?t[r]=ce(a,o):t[r]=o}),t),{})}function de(t){return"WEBVTT \r\n\r\n".concat((e=t,e.replace(/(\d\d:\d\d:\d\d)[,.](\d+)/g,(t,e,n)=>{let r=n.slice(0,3);return 1===n.length&&(r=`${n}00`),2===n.length&&(r=`${n}0`),`${e},${r}`})).replace(/\{\\([ibu])\}/g,"</$1>").replace(/\{\\([ibu])1\}/g,"<$1>").replace(/\{([ibu])\}/g,"<$1>").replace(/\{\/([ibu])\}/g,"</$1>").replace(/(\d\d:\d\d:\d\d),(\d\d\d)/g,"$1.$2").replace(/\{[\s\S]*?\}/g,"").concat("\r\n\r\n"));var e}function pe(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function he(t){const e=new RegExp("Dialogue:\\s\\d,(\\d+:\\d\\d:\\d\\d.\\d\\d),(\\d+:\\d\\d:\\d\\d.\\d\\d),([^,]*),([^,]*),(?:[^,]*,){4}([\\s\\S]*)$","i");function n(t=""){return t.split(/[:.]/).map((t,e,n)=>{if(e===n.length-1){if(1===t.length)return`.${t}00`;if(2===t.length)return`.${t}0`}else if(1===t.length)return(0===e?"0":":0")+t;return 0===e?t:e===n.length-1?`.${t}`:`:${t}`}).join("")}return`WEBVTT\n\n${t.split(/\r?\n/).map(t=>{const r=t.match(e);return r?{start:n(r[1].trim()),end:n(r[2].trim()),text:r[5].replace(/\{[\s\S]*?\}/g,"").replace(/(\\N)/g,"\n").trim().split(/\r?\n/).map(t=>t.trim()).join("\n")}:null}).filter(t=>t).map((t,e)=>t?`${e+1}\n${t.start} --\x3e ${t.end}\n${t.text}`:"").filter(t=>t.trim()).join("\n\n")}`}function ue(t=0){return new Promise(e=>setTimeout(e,t))}function me(t,e){let n;return function(...r){clearTimeout(n),n=setTimeout(()=>(n=null,t.apply(this,r)),e)}}function ge(t,e){let n=!1;return function(...r){n||(t.apply(this,r),n=!0,setTimeout(()=>{n=!1},e))}}function fe(t,e,n){return Qt(e===U||e===q||t instanceof Element,`${n.join(".")} require '${U}' or 'Element' type`)}function ve(t,e){const{$progress:n}=t.template,{left:r}=Kt(n),a=ne((Y?e.touches[0].clientX:e.clientX)-r,0,n.clientWidth),o=a/n.clientWidth*t.duration;return{second:o,time:ae(o),width:a,percentage:ne(a/n.clientWidth,0,1)}}function ye(t,e){if(t.isRotate){const n=e.touches[0].clientY/t.height,r=n*t.duration;t.emit("setBar","played",n,e),t.seek=r}else{const{second:n,percentage:r}=ve(t,e);t.emit("setBar","played",r,e),t.seek=n}}function be(t){return e=>{const{icons:n,option:r,proxy:a}=e,{$player:o,$progress:i}=e.template;return{...t,html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-hover"></div>\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator"></div>\n                    <div class="art-progress-tip">00:00</div>\n                </div>\n            ',mounted:t=>{let s=null,l=!1;const c=Mt(".art-progress-hover",t),d=Mt(".art-progress-loaded",t),p=Mt(".art-progress-played",t),h=Mt(".art-progress-highlight",t),u=Mt(".art-progress-indicator",t),m=Mt(".art-progress-tip",t);function g(n,r){const{width:a,time:o}=r||ve(e,n);m.textContent=o||"00:00";const i=m.clientWidth;a<=i/2?Vt(m,"left",0):a>t.clientWidth-i/2?Vt(m,"left",t.clientWidth-i+"px"):Vt(m,"left",a-i/2+"px")}n.indicator?Ot(u,n.indicator):Vt(u,"backgroundColor","var(--art-theme)"),e.on("setBar",function(n,r,a){const i="played"===n&&a&&Y;"loaded"===n&&Vt(d,"width",100*r+"%"),"hover"===n&&(Vt(c,"width",100*r+"%"),jt(a,h)?function(n){const{width:r}=ve(e,n),{text:a}=n.target.dataset;m.textContent=a;const o=m.clientWidth;r<=o/2?Vt(m,"left",0):r>t.clientWidth-o/2?Vt(m,"left",t.clientWidth-o+"px"):Vt(m,"left",r-o/2+"px")}(a):g(a),0===r?Pt(o,"art-progress-hover"):At(o,"art-progress-hover")),"played"===n&&(Vt(p,"width",100*r+"%"),Vt(u,"left",100*r+"%")),i&&(At(o,"art-progress-hover"),g(a,{width:t.clientWidth*r,time:ae(r*e.duration)}),clearTimeout(s),s=setTimeout(()=>{Pt(o,"art-progress-hover")},500))}),e.on("video:loadedmetadata",function(){h.textContent="";for(let t=0;t<r.highlight.length;t++){const n=r.highlight[t],a=ne(n.time,0,e.duration)/e.duration*100;Ot(h,`<span data-text="${n.text}" data-time="${n.time}" style="left: ${a}%"></span>`)}}),e.constructor.USE_RAF?e.on("raf",()=>{e.emit("setBar","played",e.played),e.emit("setBar","loaded",e.loaded)}):(e.on("video:timeupdate",()=>{e.emit("setBar","played",e.played)}),e.on("video:progress",()=>{e.emit("setBar","loaded",e.loaded)}),e.on("video:ended",()=>{e.emit("setBar","played",1)})),e.emit("setBar","loaded",e.loaded||0),Y||(a(i,"click",t=>{t.target!==u&&ye(e,t)}),a(i,"mousemove",t=>{const{percentage:n}=ve(e,t);e.emit("setBar","hover",n,t)}),a(i,"mouseleave",t=>{e.emit("setBar","hover",0,t)}),a(i,"mousedown",t=>{l=0===t.button}),e.on("document:mousemove",t=>{if(l){const{second:n,percentage:r}=ve(e,t);e.emit("setBar","played",r,t),e.seek=n}}),e.on("document:mouseup",()=>{l&&(l=!1)}))}}}}function we(t,e,n,r){const a=e-r,o=n-t;let i=0;if(Math.abs(o)<2&&Math.abs(a)<2)return i;const s=function(t,e){return 180*Math.atan2(e,t)/Math.PI}(o,a);return s>=-45&&s<45?i=4:s>=45&&s<135?i=1:s>=-135&&s<-45?i=2:(s>=135&&s<=180||s>=-180&&s<-135)&&(i=3),i}function xe(t){const{i18n:e,notice:n,template:{$video:r,$player:a}}=t;t.once("video:loadedmetadata",()=>{var o;gt.isEnabled?(o=t,gt.on("change",()=>{o.emit("fullscreen",gt.isFullscreen),gt.isFullscreen?(o.state="fullscreen",At(a,"art-fullscreen")):Pt(a,"art-fullscreen"),o.emit("resize")}),gt.on("error",t=>{o.emit("fullscreenError",t)}),H(o,"fullscreen",{get:()=>gt.isFullscreen,async set(t){t?await gt.request(a):await gt.exit()}})):r.webkitSupportsFullscreen?(t=>{t.on("document:webkitfullscreenchange",()=>{t.emit("fullscreen",t.fullscreen),t.emit("resize")}),H(t,"fullscreen",{get:()=>document.fullscreenElement===r,set(e){e?(t.state="fullscreen",r.webkitEnterFullscreen()):r.webkitExitFullscreen()}})})(t):H(t,"fullscreen",{get:()=>!1,set(){n.show=e.get("Fullscreen Not Supported")}}),H(t,"fullscreen",le(t,"fullscreen"))})}function ke(t){const{icons:e,proxy:n,storage:r,template:{$player:a,$video:o}}=t;let i=!1,s=0,l=0;function c(){const{$mini:e}=t.template;e&&(Pt(a,"art-mini"),Vt(e,"display","none"),a.prepend(o),t.emit("mini",!1))}function d(e,n){t.playing?(Vt(e,"display","none"),Vt(n,"display","flex")):(Vt(e,"display","flex"),Vt(n,"display","none"))}function p(){const{$mini:e}=t.template,n=Kt(e),a=window.innerHeight-n.height-50,o=window.innerWidth-n.width-50;r.set("top",a),r.set("left",o),Vt(e,"top",`${a}px`),Vt(e,"left",`${o}px`)}H(t,"mini",{get:()=>_t(a,"art-mini"),set(h){if(h){t.state="mini",At(a,"art-mini");const h=function(){const{$mini:a}=t.template;if(a)return Ot(a,o),Vt(a,"display","flex");{const a=Xt("div");At(a,"art-mini-popup"),Ot(document.body,a),t.template.$mini=a,Ot(a,o);const p=Ot(a,'<div class="art-mini-close"></div>');Ot(p,e.close),n(p,"click",c);const h=Ot(a,'<div class="art-mini-state"></div>'),u=Ot(h,e.play),m=Ot(h,e.pause);return n(u,"click",()=>t.play()),n(m,"click",()=>t.pause()),d(u,m),t.on("video:playing",()=>d(u,m)),t.on("video:pause",()=>d(u,m)),t.on("video:timeupdate",()=>d(u,m)),n(a,"mousedown",t=>{i=0===t.button,s=t.pageX,l=t.pageY}),t.on("document:mousemove",t=>{i&&(At(a,"art-mini-dragging"),Vt(a,"transform",`translate(${t.pageX-s}px, ${t.pageY-l}px)`))}),t.on("document:mouseup",()=>{if(i){i=!1,Pt(a,"art-mini-dragging");const t=Kt(a);r.set("left",t.left),r.set("top",t.top),Vt(a,"left",`${t.left}px`),Vt(a,"top",`${t.top}px`),Vt(a,"transform",null)}}),a}}(),u=r.get("top"),m=r.get("left");"number"==typeof u&&"number"==typeof m?(Vt(h,"top",`${u}px`),Vt(h,"left",`${m}px`),Bt(h)||p()):p(),t.emit("mini",!0)}else c()}})}function $e(t){const{i18n:e,notice:n,template:{$video:r}}=t;document.pictureInPictureEnabled?function(t){const{template:{$video:e},proxy:n,notice:r}=t;e.disablePictureInPicture=!1,H(t,"pip",{get:()=>document.pictureInPictureElement,set(n){n?(t.state="pip",e.requestPictureInPicture().catch(t=>{throw r.show=t,t})):document.exitPictureInPicture().catch(t=>{throw r.show=t,t})}}),n(e,"enterpictureinpicture",()=>{t.emit("pip",!0)}),n(e,"leavepictureinpicture",()=>{t.emit("pip",!1)})}(t):r.webkitSupportsPresentationMode?function(t){const{$video:e}=t.template;e.webkitSetPresentationMode("inline"),H(t,"pip",{get:()=>"picture-in-picture"===e.webkitPresentationMode,set(n){n?(t.state="pip",e.webkitSetPresentationMode("picture-in-picture"),t.emit("pip",!0)):(e.webkitSetPresentationMode("inline"),t.emit("pip",!1))}})}(t):H(t,"pip",{get:()=>!1,set(){n.show=e.get("PIP Not Supported")}})}function Te(t){const{option:e,template:{$progress:n,$video:r}}=t;let a=null,o=!1,i=null;t.on("setBar",async(a,s,l)=>{const c=t.controls?.thumbnails,{url:d,scale:p}=e.thumbnails;if(c&&d&&("hover"===a||"played"===a&&l&&Y)){if(i||o||(o=!0,i=await Zt(d,p),o=!1),!i)return;const a=n.clientWidth*s;a>0&&a<n.clientWidth&&function(a){const o=t.controls?.thumbnails;if(!o)return;const{number:s,column:l,width:c,height:d,scale:p}=e.thumbnails,h=c*p||i.naturalWidth/l,u=d*p||h/(r.videoWidth/r.videoHeight),m=n.clientWidth/s,g=Math.floor(a/m),f=Math.ceil(g/l)-1,v=g%l||l-1;Vt(o,"backgroundImage",`url(${i.src})`),Vt(o,"height",`${u}px`),Vt(o,"width",`${h}px`),Vt(o,"backgroundPosition",`-${v*h}px -${f*u}px`),a<=h/2?Vt(o,"left",0):a>n.clientWidth-h/2?Vt(o,"left",n.clientWidth-h+"px"):Vt(o,"left",a-h/2+"px")}(a)}}),H(t,"thumbnails",{get:()=>t.option.thumbnails,set(e){e.url&&!t.option.isLive&&(t.option.thumbnails=e,clearTimeout(a),a=null,o=!1,i=null)}})}function Ee(t){const{notice:e,constructor:n,template:{$player:r,$video:a}}=t,o="art-auto-orientation",i="art-auto-orientation-fullscreen";let s=!1;function l(){const{videoWidth:t,videoHeight:e}=a,n=document.documentElement.clientWidth,r=document.documentElement.clientHeight;return t>e&&n<r||t<e&&n>r}return t.on("fullscreenWeb",e=>{if(e){if(l()){const e=Number(n.AUTO_ORIENTATION_TIME??0);setTimeout(()=>{t.fullscreenWeb&&!_t(r,o)&&function(){const e=document.documentElement.clientWidth,n=document.documentElement.clientHeight;Vt(r,"width",`${n}px`),Vt(r,"height",`${e}px`),Vt(r,"transform-origin","0 0"),Vt(r,"transform",`rotate(90deg) translate(0, -${e}px)`),At(r,o),t.isRotate=!0,t.emit("resize")}()},e)}}else _t(r,o)&&(Vt(r,"width",""),Vt(r,"height",""),Vt(r,"transform-origin",""),Vt(r,"transform",""),Pt(r,o),t.isRotate=!1,t.emit("resize"))}),t.on("fullscreen",async t=>{const n=!!screen?.orientation?.lock;if(t){if(n&&l())try{const t=screen.orientation.type.startsWith("portrait")?"landscape":"portrait";await screen.orientation.lock(t),s=!0,At(r,i)}catch(a){s=!1,e.show=a}}else if(_t(r,i)&&Pt(r,i),n&&s){try{screen.orientation.unlock()}catch{}s=!1}}),{name:"autoOrientation",get state(){return _t(r,o)}}}function Ce(t){const{i18n:e,icons:n,storage:r,constructor:a,proxy:o,template:{$poster:i}}=t,s=t.layers.add({name:"auto-playback",html:'\n            <div class="art-auto-playback-close"></div>\n            <div class="art-auto-playback-last"></div>\n            <div class="art-auto-playback-jump"></div>\n        '}),l=Mt(".art-auto-playback-last",s),c=Mt(".art-auto-playback-jump",s),d=Mt(".art-auto-playback-close",s);Ot(d,n.close);let p=null;function h(){const n=(r.get("times")||{})[t.option.id||t.option.url];clearTimeout(p),Vt(s,"display","none"),n&&n>=a.AUTO_PLAYBACK_MIN&&(Vt(s,"display","flex"),l.textContent=`${e.get("Last Seen")} ${ae(n)}`,c.textContent=e.get("Jump Play"),o(d,"click",()=>{Vt(s,"display","none")}),o(c,"click",()=>{t.seek=n,t.play(),Vt(i,"display","none"),Vt(s,"display","none")}),t.once("video:timeupdate",()=>{p=setTimeout(()=>{Vt(s,"display","none")},a.AUTO_PLAYBACK_TIMEOUT)}))}return t.on("video:timeupdate",()=>{if(t.playing){const e=r.get("times")||{},n=Object.keys(e);n.length>a.AUTO_PLAYBACK_MAX&&delete e[n[0]],e[t.option.id||t.option.url]=t.currentTime,r.set("times",e)}}),t.on("ready",h),t.on("restart",h),{name:"auto-playback",get times(){return r.get("times")||{}},clear:()=>r.del("times"),delete(t){const e=r.get("times")||{};return delete e[t],r.set("times",e),e}}}function Se(t){const{constructor:e,proxy:n,template:{$player:r,$video:a}}=t;let o=null,i=!1,s=1;const l=()=>{clearTimeout(o),i&&(i=!1,t.playbackRate=s,Pt(r,"art-fast-forward"))};return n(a,"touchstart",n=>{1===n.touches.length&&t.playing&&!t.isLock&&(o=setTimeout(()=>{i=!0,s=t.playbackRate,t.playbackRate=e.FAST_FORWARD_VALUE,At(r,"art-fast-forward")},e.FAST_FORWARD_TIME))}),t.on("document:touchmove",l),t.on("document:touchend",l),{name:"fastForward",get state(){return _t(r,"art-fast-forward")}}}function ze(t){const{layers:e,icons:n,template:{$player:r}}=t;function a(){return _t(r,"art-lock")}function o(){At(r,"art-lock"),t.isLock=!0,t.emit("lock",!0)}function i(){Pt(r,"art-lock"),t.isLock=!1,t.emit("lock",!1)}return e.add({name:"lock",mounted(e){const r=Ot(e,n.lock),a=Ot(e,n.unlock);Vt(r,"display","none"),t.on("lock",t=>{t?(Vt(r,"display","inline-flex"),Vt(a,"display","none")):(Vt(r,"display","none"),Vt(a,"display","inline-flex"))})},click(){a()?i():o()}}),{name:"lock",get state(){return a()},set state(t){t?o():i()}}}function Le(t){return t.on("control",e=>{e?Pt(t.template.$player,"art-mini-progress-bar"):At(t.template.$player,"art-mini-progress-bar")}),{name:"mini-progress-bar"}}return{setters:[function(t){n=t.$,r=t.Cn,a=t.D,o=t.Hr,i=t.J,s=t.Ki,l=t.Mi,c=t.Qn,d=t.Qr,p=t.Ui,h=t.Vn,u=t.Xn,m=t.Xr,g=t.Y,f=t.Zi,v=t.Zn,y=t.aa,b=t.it,w=t.m,x=t.q,k=t.qn,$=t.qt,T=t.ta,E=t.un,C=t.vt},function(t){S=t.t},function(t){z=t.X,L=t.i}],execute:function(){M={exports:{}},A=zt(Lt()),P="5.4.0",_={properties:["audioTracks","autoplay","buffered","controller","controls","crossOrigin","currentSrc","currentTime","defaultMuted","defaultPlaybackRate","duration","ended","error","loop","mediaGroup","muted","networkState","paused","playbackRate","played","preload","readyState","seekable","seeking","src","startDate","textTracks","videoTracks","volume"],methods:["addTextTrack","canPlayType","load","play","pause"],events:["abort","canplay","canplaythrough","durationchange","emptied","ended","error","loadeddata","loadedmetadata","loadstart","pause","play","playing","progress","ratechange","seeked","seeking","stalled","suspend","timeupdate","volumechange","waiting"],prototypes:["width","height","videoWidth","videoHeight","poster","webkitDecodedFrameCount","webkitDroppedFrameCount","playsInline","webkitSupportsFullscreen","webkitDisplayingFullscreen","onenterpictureinpicture","onleavepictureinpicture","disablePictureInPicture","cancelVideoFrameCallback","requestVideoFrameCallback","getVideoPlaybackQuality","requestPictureInPicture","webkitEnterFullScreen","webkitEnterFullscreen","webkitExitFullScreen","webkitExitFullscreen"]},O=globalThis?.CUSTOM_USER_AGENT??("undefined"!=typeof navigator?navigator.userAgent:""),R=/^(?:(?!chrome|android).)*safari/i.test(O),V=/iPad|iPhone|iPod/i.test(O)&&!window.MSStream,D=V||O.includes("Macintosh")&&navigator.maxTouchPoints>=1,Y=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(O)||D,N="undefined"!=typeof window&&"undefined"!=typeof document,F=class extends Error{constructor(t,e){super(t),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(this,e||this.constructor),this.name="ArtPlayerError"}},H=Object.defineProperty,({hasOwnProperty:B}=Object.prototype),j=Object.freeze(Object.defineProperty({__proto__:null,ArtPlayerError:F,addClass:At,append:Ot,assToVtt:he,capitalize:re,clamp:ne,createElement:Xt,debounce:me,def:H,download:ee,errorHandle:Qt,escape:oe,get:le,getComposedPath:Jt,getExt:te,getIcon:Ut,getRect:Kt,getStyle:Yt,has:se,hasClass:_t,includeFromEvent:jt,inverseClass:Ft,isBrowser:N,isIOS:V,isIOS13:D,isInViewport:Bt,isMobile:Y,isSafari:R,loadImg:Zt,mergeDeep:ce,query:Mt,queryAll:It,remove:Rt,removeClass:Pt,replaceElement:Wt,secondToTime:ae,setStyle:Vt,setStyleText:qt,setStyles:Dt,siblings:Nt,sleep:ue,srtToVtt:de,supportsFlex:Gt,throttle:ge,tooltip:Ht,unescape:ie,userAgent:O,vttToBlob:pe},Symbol.toStringTag,{value:"Module"})),J={id:U="string",container:fe,url:U,poster:U,type:U,theme:U,lang:U,volume:q="number",isLive:X="boolean",muted:X,autoplay:X,autoSize:X,autoMini:X,loop:X,flip:X,playbackRate:X,aspectRatio:X,screenshot:X,setting:X,hotkey:X,pip:X,mutex:X,backdrop:X,fullscreen:X,fullscreenWeb:X,subtitleOffset:X,miniProgressBar:X,useSSR:X,playsInline:X,lock:X,gesture:X,fastForward:X,autoPlayback:X,autoOrientation:X,airplay:X,proxy:"?"+(K="function"),plugins:[K],layers:[Z={html:fe,disable:`?${X}`,name:`?${U}`,index:`?${q}`,style:"?"+(G="object"),click:`?${K}`,mounted:`?${K}`,tooltip:`?${U}|${q}`,width:`?${q}`,selector:"?"+(W="array"),onSelect:`?${K}`,switch:`?${X}`,onSwitch:`?${K}`,range:`?${W}`,onRange:`?${K}`,onChange:`?${K}`}],contextmenu:[Z],settings:[Z],controls:[{...Z,position:(t,e,n)=>{const r=["top","left","right"];return Qt(r.includes(t),`${n.join(".")} only accept ${r.toString()} as parameters`)}}],quality:[{default:`?${X}`,html:U,url:U}],highlight:[{time:q,text:U}],thumbnails:{url:U,number:q,column:q,width:q,height:q,scale:q},subtitle:{url:U,name:U,type:U,style:G,escape:X,encoding:U,onVttLoad:K},moreVideoAttr:G,i18n:G,icons:G,cssVar:G,customType:G},Q=class{constructor(t){this.id=0,this.art=t,this.cache=new Map,this.add=this.add.bind(this),this.remove=this.remove.bind(this),this.update=this.update.bind(this)}get show(){return _t(this.art.template.$player,`art-${this.name}-show`)}set show(t){const{$player:e}=this.art.template,n=`art-${this.name}-show`;t?At(e,n):Pt(e,n),this.art.emit(this.name,t)}toggle(){this.show=!this.show}add(t){const e="function"==typeof t?t(this.art):t;if(e.html=e.html||"",A(e,Z),!this.$parent||!this.name||e.disable)return;const n=e.name||`${this.name}${this.id}`;Qt(!this.cache.has(n),`Can't add an existing [${n}] to the [${this.name}]`),this.id+=1;const r=Xt("div");At(r,`art-${this.name}`),At(r,`art-${this.name}-${n}`);const a=Array.from(this.$parent.children);r.dataset.index=e.index||this.id;const o=a.find(t=>Number(t.dataset.index)>=Number(r.dataset.index));o?o.insertAdjacentElement("beforebegin",r):Ot(this.$parent,r),e.html&&Ot(r,e.html),e.style&&Dt(r,e.style),e.tooltip&&Ht(r,e.tooltip);const i=[];if(e.click){const t=this.art.events.proxy(r,"click",t=>{t.preventDefault(),e.click.call(this.art,this,t)});i.push(t)}return e.selector&&["left","right"].includes(e.position)&&this.selector(e,r,i),this[n]=r,this.cache.set(n,{$ref:r,events:i,option:e}),e.mounted&&e.mounted.call(this.art,r),r}remove(t){Qt(this.cache.has(t),`Can't find [${t}] from the [${this.name}]`);const e=this.cache.get(t);e.option.beforeUnmount&&e.option.beforeUnmount.call(this.art,e.$ref);for(const n of e.events)this.art.events.remove(n);this.cache.delete(t),delete this[t],Rt(e.$ref)}update(t){if(this.cache.has(t.name)){const e=this.cache.get(t.name);t=Object.assign(e.option,t),this.remove(t.name)}return this.add(t)}},tt=class extends Q{constructor(t){super(t),this.name="contextmenu",this.$parent=t.template.$contextmenu,Y||this.init()}init(){const{option:t,proxy:e,template:{$player:n,$contextmenu:r}}=this.art;t.playbackRate&&this.add(function(t){return e=>{const{i18n:n,constructor:{PLAYBACK_RATE:r}}=e,a=r.map(t=>`<span data-value="${t}">${1===t?n.get("Normal"):t.toFixed(1)}</span>`).join("");return{...t,html:`${n.get("Play Speed")}: ${a}`,click:(t,n)=>{const{value:r}=n.target.dataset;r&&(e.playbackRate=Number(r),t.show=!1)},mounted:t=>{const n=Mt('[data-value="1"]',t);n&&Ft(n,"art-current"),e.on("video:ratechange",()=>{const n=It("span",t).find(t=>Number(t.dataset.value)===e.playbackRate);n&&Ft(n,"art-current")})}}}}({name:"playbackRate",index:10})),t.aspectRatio&&this.add(function(t){return e=>{const{i18n:n,constructor:{ASPECT_RATIO:r}}=e,a=r.map(t=>`<span data-value="${t}">${"default"===t?n.get("Default"):t}</span>`).join("");return{...t,html:`${n.get("Aspect Ratio")}: ${a}`,click:(t,n)=>{const{value:r}=n.target.dataset;r&&(e.aspectRatio=r,t.show=!1)},mounted:t=>{const n=Mt('[data-value="default"]',t);n&&Ft(n,"art-current"),e.on("aspectRatio",e=>{const n=It("span",t).find(t=>t.dataset.value===e);n&&Ft(n,"art-current")})}}}}({name:"aspectRatio",index:20})),t.flip&&this.add(function(t){return e=>{const{i18n:n,constructor:{FLIP:r}}=e,a=r.map(t=>`<span data-value="${t}">${n.get(re(t))}</span>`).join("");return{...t,html:`${n.get("Video Flip")}: ${a}`,click:(t,n)=>{const{value:r}=n.target.dataset;r&&(e.flip=r.toLowerCase(),t.show=!1)},mounted:t=>{const n=Mt('[data-value="normal"]',t);n&&Ft(n,"art-current"),e.on("flip",e=>{const n=It("span",t).find(t=>t.dataset.value===e);n&&Ft(n,"art-current")})}}}}({name:"flip",index:30})),this.add(function(t){return e=>({...t,html:e.i18n.get("Video Info"),click:t=>{e.info.show=!0,t.show=!1}})}({name:"info",index:40})),this.add(function(t){const e=N?location.href:"";return{...t,html:`<a href="https://artplayer.org?ref=${encodeURIComponent(e)}" target="_blank" style="width:100%;">ArtPlayer ${P}</a>`}}({name:"version",index:50})),this.add(function(t){return e=>({...t,html:e.i18n.get("Close"),click:t=>{t.show=!1}})}({name:"close",index:60}));for(let a=0;a<t.contextmenu.length;a++)this.add(t.contextmenu[a]);e(n,"contextmenu",t=>{if(!this.art.constructor.CONTEXTMENU)return;t.preventDefault(),this.show=!0;const e=t.clientX,a=t.clientY,{height:o,width:i,left:s,top:l}=Kt(n),{height:c,width:d}=Kt(r);let p=e-s,h=a-l;e+d>s+i&&(p=i-d),a+c>l+o&&(h=o-c),Dt(r,{top:`${h}px`,left:`${p}px`})}),e(n,"click",t=>{jt(t,r)||(this.show=!1)}),this.art.on("blur",()=>{this.show=!1})}},et=class extends Q{constructor(t){super(t),this.isHover=!1,this.name="control",this.timer=Date.now();const{constructor:e}=t,{$player:n,$bottom:r}=this.art.template;t.on("mousemove",()=>{Y||(this.show=!0)}),t.on("click",()=>{Y?this.toggle():this.show=!0}),t.on("document:mousemove",t=>{this.isHover=jt(t,r)}),t.on("video:timeupdate",()=>{!t.setting.show&&!this.isHover&&!t.isInput&&t.playing&&this.show&&Date.now()-this.timer>=e.CONTROL_HIDE_TIME&&(this.show=!1)}),t.on("control",t=>{t?(Pt(n,"art-hide-cursor"),At(n,"art-hover"),this.timer=Date.now()):(At(n,"art-hide-cursor"),Pt(n,"art-hover"))}),this.init()}init(){const{option:t}=this.art;t.isLive||this.add(be({name:"progress",position:"top",index:10})),this.add({name:"thumbnails",position:"top",index:20}),this.add(function(t){return e=>({...t,mounted:t=>{const{proxy:n,icons:r,i18n:a}=e,o=Ot(t,r.play),i=Ot(t,r.pause);function s(){Vt(o,"display","flex"),Vt(i,"display","none")}function l(){Vt(o,"display","none"),Vt(i,"display","flex")}Ht(o,a.get("Play")),Ht(i,a.get("Pause")),n(o,"click",()=>{e.play()}),n(i,"click",()=>{e.pause()}),e.playing?l():s(),e.on("video:playing",()=>{l()}),e.on("video:pause",()=>{s()})}})}({name:"playAndPause",position:"left",index:10})),this.add(function(t){return e=>({...t,mounted:t=>{const{proxy:n,icons:r}=e,a=Ot(t,r.volume),o=Ot(t,r.volumeClose),i=Ot(t,'<div class="art-volume-panel"></div>'),s=Ot(i,'<div class="art-volume-inner"></div>'),l=Ot(s,'<div class="art-volume-val"></div>'),c=Ot(s,'<div class="art-volume-slider"></div>'),d=Ot(Ot(c,'<div class="art-volume-handle"></div>'),'<div class="art-volume-loaded"></div>'),p=Ot(c,'<div class="art-volume-indicator"></div>');function h(t){const{top:e,height:n}=Kt(c);return 1-(t.clientY-e)/n}function u(){if(e.muted||0===e.volume)Vt(a,"display","none"),Vt(o,"display","flex"),Vt(p,"top","100%"),Vt(d,"top","100%"),l.textContent=0;else{const t=100*e.volume;Vt(a,"display","flex"),Vt(o,"display","none"),Vt(p,"top",100-t+"%"),Vt(d,"top",100-t+"%"),l.textContent=Math.floor(t)}}if(u(),e.on("video:volumechange",u),n(a,"click",()=>{e.muted=!0}),n(o,"click",()=>{e.muted=!1}),Y)Vt(i,"display","none");else{let t=!1;n(c,"mousedown",n=>{t=0===n.button,e.volume=h(n)}),e.on("document:mousemove",n=>{t&&(e.muted=!1,e.volume=h(n))}),e.on("document:mouseup",()=>{t&&(t=!1)})}}})}({name:"volume",position:"left",index:20})),t.isLive||this.add(function(t){return e=>({...t,style:Y?{fontSize:"12px",padding:"0 5px"}:{cursor:"auto",padding:"0 10px"},mounted:t=>{function n(){const n=`${ae(e.currentTime)} / ${ae(e.duration)}`;n!==t.textContent&&(t.textContent=n)}n();const r=["video:loadedmetadata","video:timeupdate","video:progress"];for(let a=0;a<r.length;a++)e.on(r[a],n)}})}({name:"time",position:"left",index:30})),t.quality.length&&ue().then(()=>{this.art.quality=t.quality}),t.screenshot&&!Y&&this.add(function(t){return e=>({...t,tooltip:e.i18n.get("Screenshot"),mounted:t=>{const{proxy:n,icons:r}=e;Ot(t,r.screenshot),n(t,"click",()=>{e.screenshot()})}})}({name:"screenshot",position:"right",index:20})),t.setting&&this.add(function(t){return e=>({...t,tooltip:e.i18n.get("Show Setting"),mounted:t=>{const{proxy:n,icons:r,i18n:a}=e;Ot(t,r.setting),n(t,"click",()=>{e.setting.toggle(),e.setting.resize()}),e.on("setting",e=>{Ht(t,a.get(e?"Hide Setting":"Show Setting"))})}})}({name:"setting",position:"right",index:30})),t.pip&&this.add(function(t){return e=>({...t,tooltip:e.i18n.get("PIP Mode"),mounted:t=>{const{proxy:n,icons:r,i18n:a}=e;Ot(t,r.pip),n(t,"click",()=>{e.pip=!e.pip}),e.on("pip",e=>{Ht(t,a.get(e?"Exit PIP Mode":"PIP Mode"))})}})}({name:"pip",position:"right",index:40})),t.airplay&&window.WebKitPlaybackTargetAvailabilityEvent&&this.add(function(t){return e=>({...t,tooltip:e.i18n.get("AirPlay"),mounted:t=>{const{proxy:n,icons:r}=e;Ot(t,r.airplay),n(t,"click",()=>e.airplay())}})}({name:"airplay",position:"right",index:50})),t.fullscreenWeb&&this.add(function(t){return e=>({...t,tooltip:e.i18n.get("Web Fullscreen"),mounted:t=>{const{proxy:n,icons:r,i18n:a}=e,o=Ot(t,r.fullscreenWebOn),i=Ot(t,r.fullscreenWebOff);Vt(i,"display","none"),n(t,"click",()=>{e.fullscreenWeb=!e.fullscreenWeb}),e.on("fullscreenWeb",e=>{e?(Ht(t,a.get("Exit Web Fullscreen")),Vt(o,"display","none"),Vt(i,"display","inline-flex")):(Ht(t,a.get("Web Fullscreen")),Vt(o,"display","inline-flex"),Vt(i,"display","none"))})}})}({name:"fullscreenWeb",position:"right",index:60})),t.fullscreen&&this.add(function(t){return e=>({...t,tooltip:e.i18n.get("Fullscreen"),mounted:t=>{const{proxy:n,icons:r,i18n:a}=e,o=Ot(t,r.fullscreenOn),i=Ot(t,r.fullscreenOff);Vt(i,"display","none"),n(t,"click",()=>{e.fullscreen=!e.fullscreen}),e.on("fullscreen",e=>{e?(Ht(t,a.get("Exit Fullscreen")),Vt(o,"display","none"),Vt(i,"display","inline-flex")):(Ht(t,a.get("Fullscreen")),Vt(o,"display","inline-flex"),Vt(i,"display","none"))})}})}({name:"fullscreen",position:"right",index:70}));for(let e=0;e<t.controls.length;e++)this.add(t.controls[e])}add(t){const e="function"==typeof t?t(this.art):t,{$progress:n,$controlsLeft:r,$controlsRight:a}=this.art.template;switch(e.position){case"top":this.$parent=n;break;case"left":this.$parent=r;break;case"right":this.$parent=a;break;default:Qt(!1,"Control option.position must one of 'top', 'left', 'right'")}super.add(e)}check(t){if(t){t.$control_value.innerHTML=t.html;for(let e=0;e<t.$control_option.length;e++){const n=t.$control_option[e];n.default=n===t,n.default&&Ft(n.$control_item,"art-current")}}}selector(t,e,n){const{proxy:r}=this.art.events;At(e,"art-control-selector");const a=Xt("div");At(a,"art-selector-value"),Ot(a,t.html),e.textContent="",Ot(e,a);const o=Xt("div");At(o,"art-selector-list"),Ot(e,o);for(let s=0;s<t.selector.length;s++){const e=t.selector[s],n=Xt("div");At(n,"art-selector-item"),e.default&&At(n,"art-current"),n.dataset.index=s,n.dataset.value=e.value,n.innerHTML=e.html,Ot(o,n),H(e,"$control_option",{get:()=>t.selector}),H(e,"$control_item",{get:()=>n}),H(e,"$control_value",{get:()=>a})}const i=r(o,"click",async e=>{const n=Jt(e),r=t.selector.find(t=>t.$control_item===n.find(e=>t.$control_item===e));this.check(r),t.onSelect&&(a.innerHTML=await t.onSelect.call(this.art,r,r.$control_item,e))});n.push(i)}},nt=class{constructor(t){this.destroyEvents=new Set,this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),function(t,e){const{constructor:n,template:{$player:r,$video:a}}=t;function o(e){jt(e,r)?(t.isInput="INPUT"===e.target.tagName,t.isFocus=!0,t.emit("focus",e)):(t.isInput=!1,t.isFocus=!1,t.emit("blur",e))}t.on("document:click",o),t.on("document:contextmenu",o);let i=[];e.proxy(a,"click",e=>{const r=Date.now();i.push(r);const{MOBILE_CLICK_PLAY:a,DBCLICK_TIME:o,MOBILE_DBCLICK_PLAY:s,DBCLICK_FULLSCREEN:l}=n,c=i.filter(t=>r-t<=o);switch(c.length){case 1:t.emit("click",e),Y?!t.isLock&&a&&t.toggle():t.toggle(),i=c;break;case 2:t.emit("dblclick",e),Y?!t.isLock&&s&&t.toggle():l&&(t.fullscreen=!t.fullscreen),i=[];break;default:i=[]}})}(t,this),function(t,e){const{$player:n}=t.template;e.hover(n,e=>{At(n,"art-hover"),t.emit("hover",!0,e)},e=>{Pt(n,"art-hover"),t.emit("hover",!1,e)})}(t,this),function(t,e){const{$player:n}=t.template;e.proxy(n,"mousemove",e=>{t.emit("mousemove",e)})}(t,this),function(t,e){const{option:n,constructor:r}=t;t.on("resize",()=>{const{aspectRatio:e,notice:r}=t;"standard"===t.state&&n.autoSize&&t.autoSize(),t.aspectRatio=e,r.show=""});const a=me(()=>t.emit("resize"),r.RESIZE_TIME);t.on("window:orientationchange",()=>a()),t.on("window:resize",()=>a()),screen&&screen.orientation&&screen.orientation.onchange&&e.proxy(screen.orientation,"change",()=>a())}(t,this),function(t,e){if(Y&&!t.option.isLive){const{$video:n,$progress:r}=t.template;let a=null,o=!1,i=0,s=0,l=0;const c=e=>{if(1===e.touches.length&&!t.isLock){a===r&&ye(t,e),o=!0;const{pageX:n,pageY:c}=e.touches[0];i=n,s=c,l=t.currentTime}},d=e=>{if(1===e.touches.length&&o&&t.duration){const{pageX:r,pageY:o}=e.touches[0],c=we(i,s,r,o),d=[3,4].includes(c),p=[1,2].includes(c);if(d&&!t.isRotate||p&&t.isRotate){const c=ne((r-i)/t.width,-1,1),d=ne((o-s)/t.height,-1,1),p=t.isRotate?d:c,h=a===n?t.constructor.TOUCH_MOVE_RATIO:1,u=ne(l+t.duration*p*h,0,t.duration);t.seek=u,t.emit("setBar","played",ne(u/t.duration,0,1),e),t.notice.show=`${ae(u)} / ${ae(t.duration)}`}}},p=()=>{o&&(i=0,s=0,l=0,o=!1,a=null)};t.option.gesture&&(e.proxy(n,"touchstart",t=>{a=n,c(t)}),e.proxy(n,"touchmove",d)),e.proxy(r,"touchstart",t=>{a=r,c(t)}),e.proxy(r,"touchmove",d),t.on("document:touchend",p)}}(t,this),function(t){const{option:e,constructor:n,template:{$container:r}}=t,a=ge(()=>{t.emit("view",Bt(r,n.SCROLL_GAP))},n.SCROLL_TIME);t.on("window:scroll",()=>a()),t.on("view",n=>{e.autoMini&&(t.mini=!n)})}(t),function(t,e){const n=["click","mouseup","keydown","touchend","touchmove","mousemove","pointerup","contextmenu","pointermove","visibilitychange","webkitfullscreenchange"],r=["resize","scroll","orientationchange"],a=[];function o(o={}){for(let t=0;t<a.length;t++)e.remove(a[t]);a.length=0;const{$player:i}=t.template;n.forEach(n=>{const r=o.document||i.ownerDocument||document,s=e.proxy(r,n,e=>{t.emit(`document:${n}`,e)});a.push(s)}),r.forEach(n=>{const r=o.window||i.ownerDocument?.defaultView||window,s=e.proxy(r,n,e=>{t.emit(`window:${n}`,e)});a.push(s)})}o(),e.bindGlobalEvents=o}(t,this),function(t){if(t.constructor.USE_RAF){let e=null;!function n(){t.playing&&t.emit("raf"),t.isDestroy||(e=requestAnimationFrame(n))}(),t.on("destroy",()=>{cancelAnimationFrame(e)})}}(t)}proxy(t,e,n,r={}){if(Array.isArray(e))return e.map(e=>this.proxy(t,e,n,r));t.addEventListener(e,n,r);const a=()=>t.removeEventListener(e,n,r);return this.destroyEvents.add(a),a}hover(t,e,n){e&&this.proxy(t,"mouseenter",e),n&&this.proxy(t,"mouseleave",n)}remove(t){if(this.destroyEvents.has(t))try{t()}catch(e){console.warn("Failed to remove event listener:",e)}finally{this.destroyEvents.delete(t)}}destroy(){for(const e of this.destroyEvents)try{e()}catch(t){console.warn("Failed to destroy event listener:",t)}this.destroyEvents.clear()}},rt=class{constructor(t){this.art=t,this.keys={},Y||this.init()}init(){const{constructor:t}=this.art;this.art.option.hotkey&&(this.add("Escape",()=>{this.art.fullscreenWeb&&(this.art.fullscreenWeb=!1)}),this.add("Space",()=>{this.art.toggle()}),this.add("ArrowLeft",()=>{this.art.backward=t.SEEK_STEP}),this.add("ArrowUp",()=>{this.art.volume+=t.VOLUME_STEP}),this.add("ArrowRight",()=>{this.art.forward=t.SEEK_STEP}),this.add("ArrowDown",()=>{this.art.volume-=t.VOLUME_STEP})),this.art.on("document:keydown",t=>{if(this.art.isFocus){const e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if(!("INPUT"===e||"TEXTAREA"===e||""===n||"true"===n||t.altKey||t.ctrlKey||t.metaKey||t.shiftKey)){const e=this.keys[t.code];if(e){t.preventDefault();for(let n=0;n<e.length;n++)e[n].call(this.art,t);this.art.emit("hotkey",t)}}}this.art.emit("keydown",t)})}add(t,e){return this.keys[t]?this.keys[t].includes(e)||this.keys[t].push(e):this.keys[t]=[e],this}remove(t,e){if(this.keys[t]){const n=this.keys[t].indexOf(e);-1!==n&&this.keys[t].splice(n,1),0===this.keys[t].length&&delete this.keys[t]}return this}},at={"Video Info":"统计信息",Close:"关闭","Video Load Failed":"加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音","Video Flip":"画面翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Show Setting":"显示设置","Hide Setting":"隐藏设置",Screenshot:"截图","Play Speed":"播放速度","Aspect Ratio":"画面比例",Default:"默认",Normal:"正常",Open:"打开","Switch Video":"切换","Switch Subtitle":"切换字幕",Fullscreen:"全屏","Exit Fullscreen":"退出全屏","Web Fullscreen":"网页全屏","Exit Web Fullscreen":"退出网页全屏","Mini Player":"迷你播放器","PIP Mode":"开启画中画","Exit PIP Mode":"退出画中画","PIP Not Supported":"不支持画中画","Fullscreen Not Supported":"不支持全屏","Subtitle Offset":"字幕偏移","Last Seen":"上次看到","Jump Play":"跳转播放",AirPlay:"隔空播放","AirPlay Not Available":"隔空播放不可用"},"undefined"!=typeof window&&(window["artplayer-i18n-zh-cn"]=at),ot=class{constructor(t){this.art=t,this.languages={"zh-cn":at},this.language={},this.update(t.option.i18n)}init(){const t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}get(t){return this.language[t]||t}update(t){this.languages=ce(this.languages,t),this.init()}},it=class{constructor(t){const e={loading:'<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="uil-default">\n  <rect x="0" y="0" width="100" height="100" fill="none" class="bk"/>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(0 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-1s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(30 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(60 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(90 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.75s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(120 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(150 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(180 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.5s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(210 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(240 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(270 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.25s" repeatCount="indefinite"/></rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(300 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"/>\n  </rect>\n  <rect x="47" y="40" width="6" height="20" rx="5" ry="5" transform="rotate(330 50 50) translate(0 -30)">\n    <animate attributeName="opacity" from="1" to="0" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"/>\n  </rect>\n</svg>',state:'<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24">\n<path d="M9.5 9.325v5.35q0 .575.525.875t1.025-.05l4.15-2.65q.475-.3.475-.85t-.475-.85L11.05 8.5q-.5-.35-1.025-.05t-.525.875ZM12 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"/>\n</svg>\n',play:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n  <path d="M17.982 9.275L8.06 3.27A2.013 2.013 0 0 0 5 4.994v12.011a2.017 2.017 0 0 0 3.06 1.725l9.922-6.005a2.017 2.017 0 0 0 0-3.45z"></path>\n</svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M7 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2zM15 3a2 2 0 0 0-2 2v12a2 2 0 1 0 4 0V5a2 2 0 0 0-2-2z"></path>\n</svg>',check:'<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" style="width: 100%; height: 100%;">\n<path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z" />\n</svg>',volume:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M10.188 4.65L6 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39V5.04a.498.498 0 0 0-.812-.39zM14.446 3.778a1 1 0 0 0-.862 1.804 6.002 6.002 0 0 1-.007 10.838 1 1 0 0 0 .86 1.806A8.001 8.001 0 0 0 19 11a8.001 8.001 0 0 0-4.554-7.222z"></path>\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v6.93A3.998 3.998 0 0 0 15 11z"></path>\n</svg>',volumeClose:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <path d="M15 11a3.998 3.998 0 0 0-2-3.465v2.636l1.865 1.865A4.02 4.02 0 0 0 15 11z"></path>\n    <path d="M13.583 5.583A5.998 5.998 0 0 1 17 11a6 6 0 0 1-.585 2.587l1.477 1.477a8.001 8.001 0 0 0-3.446-11.286 1 1 0 0 0-.863 1.805zM18.778 18.778l-2.121-2.121-1.414-1.414-1.415-1.415L13 13l-2-2-3.889-3.889-3.889-3.889a.999.999 0 1 0-1.414 1.414L5.172 8H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h1l4.188 3.35a.5.5 0 0 0 .812-.39v-3.131l2.587 2.587-.01.005a1 1 0 0 0 .86 1.806c.215-.102.424-.214.627-.333l2.3 2.3a1.001 1.001 0 0 0 1.414-1.416zM11 5.04a.5.5 0 0 0-.813-.39L8.682 5.854 11 8.172V5.04z"></path>\n</svg>',screenshot:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 50 50">\n\t<path d="M 19.402344 6 C 17.019531 6 14.96875 7.679688 14.5 10.011719 L 14.097656 12 L 9 12 C 6.238281 12 4 14.238281 4 17 L 4 38 C 4 40.761719 6.238281 43 9 43 L 41 43 C 43.761719 43 46 40.761719 46 38 L 46 17 C 46 14.238281 43.761719 12 41 12 L 35.902344 12 L 35.5 10.011719 C 35.03125 7.679688 32.980469 6 30.597656 6 Z M 25 17 C 30.519531 17 35 21.480469 35 27 C 35 32.519531 30.519531 37 25 37 C 19.480469 37 15 32.519531 15 27 C 15 21.480469 19.480469 17 25 17 Z M 25 19 C 20.589844 19 17 22.589844 17 27 C 17 31.410156 20.589844 35 25 35 C 29.410156 35 33 31.410156 33 27 C 33 22.589844 29.410156 19 25 19 Z "/>\n</svg>\n',setting:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 22 22">\n    <circle cx="11" cy="11" r="2"></circle>\n    <path d="M19.164 8.861L17.6 8.6a6.978 6.978 0 0 0-1.186-2.099l.574-1.533a1 1 0 0 0-.436-1.217l-1.997-1.153a1.001 1.001 0 0 0-1.272.23l-1.008 1.225a7.04 7.04 0 0 0-2.55.001L8.716 2.829a1 1 0 0 0-1.272-.23L5.447 3.751a1 1 0 0 0-.436 1.217l.574 1.533A6.997 6.997 0 0 0 4.4 8.6l-1.564.261A.999.999 0 0 0 2 9.847v2.306c0 .489.353.906.836.986l1.613.269a7 7 0 0 0 1.228 2.075l-.558 1.487a1 1 0 0 0 .436 1.217l1.997 1.153c.423.244.961.147 1.272-.23l1.04-1.263a7.089 7.089 0 0 0 2.272 0l1.04 1.263a1 1 0 0 0 1.272.23l1.997-1.153a1 1 0 0 0 .436-1.217l-.557-1.487c.521-.61.94-1.31 1.228-2.075l1.613-.269a.999.999 0 0 0 .835-.986V9.847a.999.999 0 0 0-.836-.986zM11 15a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"></path>\n</svg>',pip:'<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="22" height="22">\n<path d="M844.8 219.648h-665.6c-6.144 0-10.24 4.608-10.24 10.752v563.2c0 5.632 4.096 10.24 10.24 10.24h256v92.16h-256a102.4 102.4 0 0 1-102.4-102.4v-563.2c0-56.832 45.568-102.4 102.4-102.4h665.6a102.4 102.4 0 0 1 102.4 102.4v204.8h-92.16v-204.8c0-6.144-4.608-10.752-10.24-10.752zM614.4 588.8c-28.672 0-51.2 22.528-51.2 51.2v204.8c0 28.16 22.528 51.2 51.2 51.2h281.6c28.16 0 51.2-23.04 51.2-51.2v-204.8c0-28.672-23.04-51.2-51.2-51.2H614.4z"></path>\n</svg>',arrowLeft:'<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32" version="1.1" viewBox="0 0 32 32">\n    <path d="M 19.41,20.09 14.83,15.5 19.41,10.91 18,9.5 l -6,6 6,6 z" />\n</svg>',arrowRight:'<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32" version="1.1" viewBox="0 0 32 32">\n    <path d="m 12.59,20.34 4.58,-4.59 -4.58,-4.59 1.41,-1.41 6,6 -6,6 z" />\n</svg>',playbackRate:'<svg height="24" viewBox="0 0 24 24" width="24"><path d="M10,8v8l6-4L10,8L10,8z M6.3,5L5.7,4.2C7.2,3,9,2.2,11,2l0.1,1C9.3,3.2,7.7,3.9,6.3,5z            M5,6.3L4.2,5.7C3,7.2,2.2,9,2,11 l1,.1C3.2,9.3,3.9,7.7,5,6.3z            M5,17.7c-1.1-1.4-1.8-3.1-2-4.8L2,13c0.2,2,1,3.8,2.2,5.4L5,17.7z            M11.1,21c-1.8-0.2-3.4-0.9-4.8-2 l-0.6,.8C7.2,21,9,21.8,11,22L11.1,21z            M22,12c0-5.2-3.9-9.4-9-10l-0.1,1c4.6,.5,8.1,4.3,8.1,9s-3.5,8.5-8.1,9l0.1,1 C18.2,21.5,22,17.2,22,12z" data-darkreader-inline-fill="" style="--darkreader-inline-fill:#a8a6a4;"></path></svg>',aspectRatio:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px);"><defs><clipPath id="__lottie_element_216"><rect width="88" height="88" x="0" y="0"></rect></clipPath></defs><g clip-path="url(#__lottie_element_216)"><g transform="matrix(1,0,0,1,44,44)" opacity="1" style="display: block;"><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill-opacity="1" d=" M12.437999725341797,-12.70199966430664 C12.437999725341797,-12.70199966430664 9.618000030517578,-9.881999969482422 9.618000030517578,-9.881999969482422 C8.82800006866455,-9.092000007629395 8.82800006866455,-7.831999778747559 9.618000030517578,-7.052000045776367 C9.618000030517578,-7.052000045776367 16.687999725341797,0.017999999225139618 16.687999725341797,0.017999999225139618 C16.687999725341797,0.017999999225139618 9.618000030517578,7.0879998207092285 9.618000030517578,7.0879998207092285 C8.82800006866455,7.877999782562256 8.82800006866455,9.137999534606934 9.618000030517578,9.918000221252441 C9.618000030517578,9.918000221252441 12.437999725341797,12.748000144958496 12.437999725341797,12.748000144958496 C13.227999687194824,13.527999877929688 14.48799991607666,13.527999877929688 15.267999649047852,12.748000144958496 C15.267999649047852,12.748000144958496 26.58799934387207,1.437999963760376 26.58799934387207,1.437999963760376 C27.368000030517578,0.6579999923706055 27.368000030517578,-0.6119999885559082 26.58799934387207,-1.3919999599456787 C26.58799934387207,-1.3919999599456787 15.267999649047852,-12.70199966430664 15.267999649047852,-12.70199966430664 C14.48799991607666,-13.491999626159668 13.227999687194824,-13.491999626159668 12.437999725341797,-12.70199966430664z M-12.442000389099121,-12.70199966430664 C-13.182000160217285,-13.442000389099121 -14.362000465393066,-13.482000350952148 -15.142000198364258,-12.821999549865723 C-15.142000198364258,-12.821999549865723 -15.272000312805176,-12.70199966430664 -15.272000312805176,-12.70199966430664 C-15.272000312805176,-12.70199966430664 -26.582000732421875,-1.3919999599456787 -26.582000732421875,-1.3919999599456787 C-27.32200050354004,-0.6520000100135803 -27.36199951171875,0.5180000066757202 -26.70199966430664,1.3079999685287476 C-26.70199966430664,1.3079999685287476 -26.582000732421875,1.437999963760376 -26.582000732421875,1.437999963760376 C-26.582000732421875,1.437999963760376 -15.272000312805176,12.748000144958496 -15.272000312805176,12.748000144958496 C-14.531999588012695,13.48799991607666 -13.362000465393066,13.527999877929688 -12.571999549865723,12.868000030517578 C-12.571999549865723,12.868000030517578 -12.442000389099121,12.748000144958496 -12.442000389099121,12.748000144958496 C-12.442000389099121,12.748000144958496 -9.612000465393066,9.918000221252441 -9.612000465393066,9.918000221252441 C-8.871999740600586,9.178000450134277 -8.831999778747559,8.008000373840332 -9.501999855041504,7.2179999351501465 C-9.501999855041504,7.2179999351501465 -9.612000465393066,7.0879998207092285 -9.612000465393066,7.0879998207092285 C-9.612000465393066,7.0879998207092285 -16.68199920654297,0.017999999225139618 -16.68199920654297,0.017999999225139618 C-16.68199920654297,0.017999999225139618 -9.612000465393066,-7.052000045776367 -9.612000465393066,-7.052000045776367 C-8.871999740600586,-7.791999816894531 -8.831999778747559,-8.961999893188477 -9.501999855041504,-9.751999855041504 C-9.501999855041504,-9.751999855041504 -9.612000465393066,-9.881999969482422 -9.612000465393066,-9.881999969482422 C-9.612000465393066,-9.881999969482422 -12.442000389099121,-12.70199966430664 -12.442000389099121,-12.70199966430664z M28,-28 C32.41999816894531,-28 36,-24.420000076293945 36,-20 C36,-20 36,20 36,20 C36,24.420000076293945 32.41999816894531,28 28,28 C28,28 -28,28 -28,28 C-32.41999816894531,28 -36,24.420000076293945 -36,20 C-36,20 -36,-20 -36,-20 C-36,-24.420000076293945 -32.41999816894531,-28 -28,-28 C-28,-28 28,-28 28,-28z" data-darkreader-inline-fill="" style="--darkreader-inline-fill:#a8a6a4;"></path></g></g></g></svg>',config:'<svg height="24" viewBox="0 0 24 24" width="24"><path d="M15,17h6v1h-6V17z M11,17H3v1h8v2h1v-2v-1v-2h-1V17z M14,8h1V6V5V3h-1v2H3v1h11V8z            M18,5v1h3V5H18z M6,14h1v-2v-1V9H6v2H3v1 h3V14z M10,12h11v-1H10V12z" data-darkreader-inline-fill="" style="--darkreader-inline-fill:#a8a6a4;"></path></svg>',lock:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg t="1650612139149" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">\n<path d="M298.666667 426.666667V341.333333a213.333333 213.333333 0 1 1 426.666666 0v85.333334h42.666667a85.333333 85.333333 0 0 1 85.333333 85.333333v256a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-256a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667z m213.333333-213.333334a128 128 0 0 0-128 128v85.333334h256V341.333333a128 128 0 0 0-128-128z"></path>\n</svg>\n',flip:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg t="1652445277062" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24">\n<path d="M554.666667 810.666667v85.333333h-85.333334v-85.333333h85.333334zM170.666667 178.005333a42.666667 42.666667 0 0 1 34.986666 18.218667l203.904 291.328a42.666667 42.666667 0 0 1 0 48.896l-203.946666 291.328A42.666667 42.666667 0 0 1 128 803.328V220.672a42.666667 42.666667 0 0 1 42.666667-42.666667z m682.666666 0a42.666667 42.666667 0 0 1 42.368 37.717334l0.298667 4.949333v582.656a42.666667 42.666667 0 0 1-74.24 28.629333l-3.413333-4.181333-203.904-291.328a42.666667 42.666667 0 0 1-3.029334-43.861333l3.029334-5.034667 203.946666-291.328A42.666667 42.666667 0 0 1 853.333333 178.005333zM554.666667 640v85.333333h-85.333334v-85.333333h85.333334zM196.266667 319.104V716.8L335.957333 512 196.309333 319.104zM554.666667 469.333333v85.333334h-85.333334v-85.333334h85.333334z m0-170.666666v85.333333h-85.333334V298.666667h85.333334z m0-170.666667v85.333333h-85.333334V128h85.333334z">\n</path>\n</svg>\n',unlock:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg t="1650612464266" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><path d="M666.752 194.517333L617.386667 268.629333A128 128 0 0 0 384 341.333333l0.042667 85.333334h384a85.333333 85.333333 0 0 1 85.333333 85.333333v256a85.333333 85.333333 0 0 1-85.333333 85.333333H256a85.333333 85.333333 0 0 1-85.333333-85.333333v-256a85.333333 85.333333 0 0 1 85.333333-85.333333h42.666667V341.333333a213.333333 213.333333 0 0 1 368.085333-146.816z"></path></svg>\n',fullscreenOff:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg class="icon" width="22" height="22" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">\n<path d="M768 298.666667h170.666667v85.333333h-256V128h85.333333v170.666667zM341.333333 384H85.333333V298.666667h170.666667V128h85.333333v256z m426.666667 341.333333v170.666667h-85.333333v-256h256v85.333333h-170.666667zM341.333333 640v256H256v-170.666667H85.333333v-85.333333h256z" />\n</svg>\n',fullscreenOn:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg class="icon" width="22" height="22" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">\n<path d="M625.777778 256h142.222222V398.222222h113.777778V142.222222H625.777778v113.777778zM256 398.222222V256H398.222222v-113.777778H142.222222V398.222222h113.777778zM768 625.777778v142.222222H625.777778v113.777778h256V625.777778h-113.777778zM398.222222 768H256V625.777778h-113.777778v256H398.222222v-113.777778z" />\n</svg>\n',fullscreenWebOff:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg class="icon" width="18" height="18" viewBox="0 0 1152 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">\n<path d="M1075.2 0H76.8A76.8 76.8 0 0 0 0 76.8v870.4A76.8 76.8 0 0 0 76.8 1024h998.4a76.8 76.8 0 0 0 76.8-76.8V76.8A76.8 76.8 0 0 0 1075.2 0zM1024 128v768H128V128h896zM896 512a64 64 0 0 1 7.488 127.552L896 640h-128v128a64 64 0 0 1-56.512 63.552L704 832a64 64 0 0 1-63.552-56.512L640 768V582.592c0-34.496 25.024-66.112 61.632-70.208L709.632 512H896zM256 512a64 64 0 0 1-7.488-127.552L256 384h128V256a64 64 0 0 1 56.512-63.552L448 192a64 64 0 0 1 63.552 56.512L512 256v185.408c0 34.432-25.024 66.112-61.632 70.144L442.368 512H256z" />\n</svg>\n',fullscreenWebOn:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg class="icon" width="18" height="18" viewBox="0 0 1152 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">\n<path d="M1075.2 0H76.8A76.8 76.8 0 0 0 0 76.8v870.4A76.8 76.8 0 0 0 76.8 1024h998.4a76.8 76.8 0 0 0 76.8-76.8V76.8A76.8 76.8 0 0 0 1075.2 0zM1024 128v768H128V128h896zM448 192a64 64 0 0 1 7.488 127.552L448 320H320v128a64 64 0 0 1-56.512 63.552L256 512a64 64 0 0 1-63.552-56.512L192 448V262.592c0-34.432 25.024-66.112 61.632-70.144L261.632 192H448zM704 832a64 64 0 0 1-7.488-127.552L704 704h128V576a64 64 0 0 1 56.512-63.552L896 512a64 64 0 0 1 63.552 56.512L960 576v185.408c0 34.496-25.024 66.112-61.632 70.208l-8 0.384H704z" />\n</svg>\n',switchOn:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg class="icon" width="26" height="26" viewBox="0 0 1664 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">\n    <path fill="#648FFC" d="M1152 0H512a512 512 0 0 0 0 1024h640a512 512 0 0 0 0-1024z m0 960a448 448 0 1 1 448-448 448 448 0 0 1-448 448z"  />\n</svg>',switchOff:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg class="icon" width="26" height="26" viewBox="0 0 1740 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">\n    <path d="M511.8976 1024h670.5152c282.4192-0.4096 511.1808-229.4784 511.1808-511.8976 0-282.4192-228.7616-511.488-511.1808-511.8976H511.8976C229.4784 0.6144 0.7168 229.6832 0.7168 512.1024c0 282.4192 228.7616 511.488 511.1808 511.8976zM511.3344 48.64A464.5888 464.5888 0 1 1 48.0256 513.024 463.872 463.872 0 0 1 511.3344 48.4352V48.64z" />\n</svg>\n',error:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg t="1652850026663" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2749" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="50">\n<path d="M593.8176 168.5504l356.00384 595.21024c26.15296 43.74528 10.73152 99.7376-34.44736 125.05088-14.39744 8.06912-30.72 12.30848-47.37024 12.30848H155.97568C103.75168 901.12 61.44 860.16 61.44 809.61536c0-16.09728 4.38272-31.92832 12.71808-45.8752L430.16192 168.5504c26.17344-43.7248 84.00896-58.65472 129.20832-33.34144a93.0816 93.0816 0 0 1 34.44736 33.34144zM512 819.2a61.44 61.44 0 1 0 0-122.88 61.44 61.44 0 0 0 0 122.88z m0-512a72.31488 72.31488 0 0 0-71.76192 81.3056l25.72288 205.7216a46.40768 46.40768 0 0 0 92.07808 0l25.72288-205.74208A72.31488 72.31488 0 0 0 512 307.2z" p-id="2750">\n</path>\n</svg>',close:'<?xml version="1.0" standalone="no"?>\n<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\n<svg t="1655876154826" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22" height="22">\n<path d="M571.733333 512l268.8-268.8c17.066667-17.066667 17.066667-42.666667 0-59.733333-17.066667-17.066667-42.666667-17.066667-59.733333 0L512 452.266667 243.2 183.466667c-17.066667-17.066667-42.666667-17.066667-59.733333 0-17.066667 17.066667-17.066667 42.666667 0 59.733333L452.266667 512 183.466667 780.8c-17.066667 17.066667-17.066667 42.666667 0 59.733333 8.533333 8.533333 19.2 12.8 29.866666 12.8s21.333333-4.266667 29.866667-12.8L512 571.733333l268.8 268.8c8.533333 8.533333 19.2 12.8 29.866667 12.8s21.333333-4.266667 29.866666-12.8c17.066667-17.066667 17.066667-42.666667 0-59.733333L571.733333 512z" p-id="2131">\n</path>\n</svg>',airplay:'<svg width="18px" height="18px" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">\n    <g>\n        <path d="M16,1 L2,1 C1.447,1 1,1.447 1,2 L1,12 C1,12.553 1.447,13 2,13 L5,13 L5,11 L3,11 L3,3 L15,3 L15,11 L13,11 L13,13 L16,13 C16.553,13 17,12.553 17,12 L17,2 C17,1.447 16.553,1 16,1 L16,1 Z"></path>\n        <polygon points="4 17 14 17 9 11"></polygon>\n    </g>\n</svg>\n',...t.option.icons};for(const n in e)H(this,n,{get:()=>Ut(n,e[n])})}},st=class extends Q{constructor(t){super(t),this.name="info",Y||this.init()}init(){const{proxy:t,constructor:e,template:{$infoPanel:n,$infoClose:r,$video:a}}=this.art;t(r,"click",()=>{this.show=!1});let o=null;const i=It("[data-video]",n)||[];this.art.on("destroy",()=>clearTimeout(o)),function t(){for(let e=0;e<i.length;e++){const t=i[e],n=a[t.dataset.video],r="number"==typeof n?n.toFixed(2):n;t.textContent!==r&&(t.textContent=r)}o=setTimeout(t,e.INFO_LOOP_TIME)}()}},lt=class extends Q{constructor(t){super(t);const{option:e,template:{$layer:n}}=t;this.name="layer",this.$parent=n;for(let r=0;r<e.layers.length;r++)this.add(e.layers[r])}},ct=class extends Q{constructor(t){super(t),this.name="loading",Ot(t.template.$loading,t.icons.loading)}},dt=class extends Q{constructor(t){super(t),this.name="mask";const{template:e,icons:n,events:r}=t,a=Ot(e.$state,n.state),o=Ot(e.$state,n.error);Vt(o,"display","none"),t.on("destroy",()=>{Vt(a,"display","none"),Vt(o,"display",null)}),r.proxy(e.$state,"click",()=>t.play())}},pt=class{constructor(t){this.art=t,this.timer=null,t.on("destroy",()=>this.destroy())}destroy(){this.timer&&(clearTimeout(this.timer),this.timer=null)}set show(t){const{constructor:e,template:{$player:n,$noticeInner:r}}=this.art;t?(r.textContent=t instanceof Error?t.message.trim():t,At(n,"art-notice-show"),clearTimeout(this.timer),this.timer=setTimeout(()=>{r.textContent="",Pt(n,"art-notice-show")},e.NOTICE_TIME)):Pt(n,"art-notice-show")}get show(){const{template:{$player:t}}=this.art;return t.classList.contains("art-notice-show")}},ht=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],ut=(()=>{if("undefined"==typeof document)return!1;const t=ht[0],e={};for(const n of ht)if(n[1]in document){for(const[r,a]of n.entries())e[t[r]]=a;return e}return!1})(),mt={change:ut.fullscreenchange,error:ut.fullscreenerror},gt={request:(t=document.documentElement,e)=>new Promise((n,r)=>{const a=()=>{gt.off("change",a),n()};gt.on("change",a);const o=t[ut.requestFullscreen](e);o instanceof Promise&&o.then(a).catch(r)}),exit:()=>new Promise((t,e)=>{if(!gt.isFullscreen)return void t();const n=()=>{gt.off("change",n),t()};gt.on("change",n);const r=document[ut.exitFullscreen]();r instanceof Promise&&r.then(n).catch(e)}),toggle:(t,e)=>gt.isFullscreen?gt.exit():gt.request(t,e),onchange(t){gt.on("change",t)},onerror(t){gt.on("error",t)},on(t,e){const n=mt[t];n&&document.addEventListener(n,e,!1)},off(t,e){const n=mt[t];n&&document.removeEventListener(n,e,!1)},raw:ut},Object.defineProperties(gt,{isFullscreen:{get:()=>Boolean(document[ut.fullscreenElement])},element:{enumerable:!0,get:()=>document[ut.fullscreenElement]},isEnabled:{enumerable:!0,get:()=>Boolean(document[ut.fullscreenEnabled])}}),ft=class{constructor(t){!function(t){const{option:e,template:{$video:n}}=t;H(t,"url",{get:()=>n.src,async set(r){if(r){const a=t.url,o=e.type||te(r),i=e.customType[o];o&&i?(await ue(),t.loading.show=!0,i.call(t,n,r,t)):(URL.revokeObjectURL(a),n.src=r),a!==t.url&&(t.option.url=r,t.isReady&&a&&t.once("video:canplay",()=>{t.emit("restart",r)}))}else await ue(),t.loading.show=!0}})}(t),function(t){const{template:{$video:e}}=t;H(t,"attr",{value(t,n){if(void 0===n)return e[t];e[t]=n}})}(t),function(t){const{i18n:e,notice:n,option:r,constructor:{instances:a},template:{$video:o}}=t;H(t,"play",{async value(){const i=await o.play();if(n.show=e.get("Play"),t.emit("play"),r.mutex)for(let e=0;e<a.length;e++){const n=a[e];n!==t&&n.pause()}return i}})}(t),function(t){const{template:{$video:e},i18n:n,notice:r}=t;H(t,"pause",{value(){const a=e.pause();return r.show=n.get("Pause"),t.emit("pause"),a}})}(t),function(t){H(t,"toggle",{value:()=>t.playing?t.pause():t.play()})}(t),function(t){const{notice:e}=t;H(t,"seek",{set(n){t.currentTime=n,t.duration&&(e.show=`${ae(t.currentTime)} / ${ae(t.duration)}`),t.emit("seek",t.currentTime,n)}}),H(t,"forward",{set(e){t.seek=t.currentTime+e}}),H(t,"backward",{set(e){t.seek=t.currentTime-e}})}(t),function(t){const{template:{$video:e},i18n:n,notice:r,storage:a}=t;H(t,"volume",{get:()=>e.volume||0,set:t=>{e.volume=ne(t,0,1),r.show=`${n.get("Volume")}: ${Number.parseInt(100*e.volume,10)}`,0!==e.volume&&a.set("volume",e.volume)}}),H(t,"muted",{get:()=>e.muted,set:n=>{e.muted=n,t.emit("muted",n)}})}(t),function(t){const{$video:e}=t.template;H(t,"currentTime",{get:()=>e.currentTime||0,set:n=>{n=Number.parseFloat(n),Number.isNaN(n)||(e.currentTime=ne(n,0,t.duration))}})}(t),function(t){H(t,"duration",{get:()=>{const{duration:e}=t.template.$video;return e===1/0?0:e||0}})}(t),function(t){function e(e,n){return new Promise((r,a)=>{if(e===t.url)return void r();const{playing:o,aspectRatio:i,playbackRate:s}=t;t.pause(),t.url=e,t.notice.show="";const l={error:e=>{t.off("video:canplay",l.canplay),t.off("video:loadedmetadata",l.metadata),a(e)},metadata:()=>{t.currentTime=n},canplay:async()=>{t.off("video:error",l.error),t.playbackRate=s,t.aspectRatio=i,o&&await t.play(),t.notice.show="",r()}};t.once("video:error",l.error),t.once("video:loadedmetadata",l.metadata),t.once("video:canplay",l.canplay)})}H(t,"switchQuality",{value:n=>e(n,t.currentTime)}),H(t,"switchUrl",{value:t=>e(t,0)}),H(t,"switch",{set:t.switchUrl})}(t),function(t){const{template:{$video:e},i18n:n,notice:r}=t;H(t,"playbackRate",{get:()=>e.playbackRate,set(a){if(a){if(a===e.playbackRate)return;e.playbackRate=a,r.show=`${n.get("Rate")}: ${1===a?n.get("Normal"):`${a}x`}`}else t.playbackRate=1}})}(t),function(t){const{i18n:e,notice:n,template:{$video:r,$player:a}}=t;H(t,"aspectRatio",{get:()=>a.dataset.aspectRatio||"default",set(o){if(o||(o="default"),"default"===o)Vt(r,"width",null),Vt(r,"height",null),Vt(r,"margin",null),delete a.dataset.aspectRatio;else{const t=o.split(":").map(Number),{clientWidth:e,clientHeight:n}=a,i=e/n,s=t[0]/t[1];i>s?(Vt(r,"width",s*n+"px"),Vt(r,"height","100%"),Vt(r,"margin","0 auto")):(Vt(r,"width","100%"),Vt(r,"height",e/s+"px"),Vt(r,"margin","auto 0")),a.dataset.aspectRatio=o}n.show=`${e.get("Aspect Ratio")}: ${"default"===o?e.get("Default"):o}`,t.emit("aspectRatio",o)}})}(t),function(t){const{notice:e,template:{$video:n}}=t,r=Xt("canvas");H(t,"getDataURL",{value:()=>new Promise((t,a)=>{try{r.width=n.videoWidth,r.height=n.videoHeight,r.getContext("2d").drawImage(n,0,0),t(r.toDataURL("image/png"))}catch(o){e.show=o,a(o)}})}),H(t,"getBlobUrl",{value:()=>new Promise((t,a)=>{try{r.width=n.videoWidth,r.height=n.videoHeight,r.getContext("2d").drawImage(n,0,0),r.toBlob(e=>{t(URL.createObjectURL(e))})}catch(o){e.show=o,a(o)}})}),H(t,"screenshot",{value:async e=>{const r=await t.getDataURL();return ee(r,`${e||`artplayer_${ae(n.currentTime)}`}.png`),t.emit("screenshot",r),r}})}(t),xe(t),function(t){const{constructor:e,template:{$container:n,$player:r}}=t;let a="";H(t,"fullscreenWeb",{get:()=>_t(r,"art-fullscreen-web"),set(o){o?(a=r.style.cssText,e.FULLSCREEN_WEB_IN_BODY&&Ot(document.body,r),t.state="fullscreenWeb",Vt(r,"width","100%"),Vt(r,"height","100%"),At(r,"art-fullscreen-web"),t.emit("fullscreenWeb",!0)):(e.FULLSCREEN_WEB_IN_BODY&&Ot(n,r),a&&(r.style.cssText=a,a=""),Pt(r,"art-fullscreen-web"),t.emit("fullscreenWeb",!1)),t.emit("resize")}})}(t),$e(t),function(t){const{$video:e}=t.template;H(t,"loaded",{get:()=>t.loadedTime/e.duration}),H(t,"loadedTime",{get:()=>e.buffered.length?e.buffered.end(e.buffered.length-1):0})}(t),function(t){H(t,"played",{get:()=>t.currentTime/t.duration})}(t),function(t){const{$video:e}=t.template;H(t,"playing",{get:()=>"boolean"==typeof e.playing?e.playing:!!(e.currentTime>0&&!e.paused&&!e.ended&&e.readyState>2)})}(t),function(t){const{$container:e,$player:n,$video:r}=t.template;H(t,"autoSize",{value(){const{videoWidth:a,videoHeight:o}=r,{width:i,height:s}=Kt(e),l=a/o;if(i/s>l)Vt(n,"width",s*l/i*100+"%"),Vt(n,"height","100%");else{const t=i/l/s*100;Vt(n,"width","100%"),Vt(n,"height",`${t}%`)}t.emit("autoSize",{width:t.width,height:t.height})}})}(t),function(t){H(t,"rect",{get:()=>Kt(t.template.$player)});const e=["bottom","height","left","right","top","width"];for(let n=0;n<e.length;n++){const r=e[n];H(t,r,{get:()=>t.rect[r]})}H(t,"x",{get:()=>t.left+window.pageXOffset}),H(t,"y",{get:()=>t.top+window.pageYOffset})}(t),function(t){const{template:{$player:e},i18n:n,notice:r}=t;H(t,"flip",{get:()=>e.dataset.flip||"normal",set(a){a||(a="normal"),"normal"===a?delete e.dataset.flip:e.dataset.flip=a,r.show=`${n.get("Video Flip")}: ${n.get(re(a))}`,t.emit("flip",a)}})}(t),ke(t),function(t){const{template:{$poster:e}}=t;H(t,"poster",{get:()=>{try{return e.style.backgroundImage.match(/"(.*)"/)[1]}catch{return""}},set(t){Vt(e,"backgroundImage",`url(${t})`)}})}(t),function(t){const{template:{$container:e,$video:n}}=t;H(t,"autoHeight",{value(){const{clientWidth:r}=e,{videoHeight:a,videoWidth:o}=n,i=a*(r/o);Vt(e,"height",`${i}px`),t.emit("autoHeight",i)}})}(t),function(t){const{$player:e}=t.template;H(t,"cssVar",{value:(t,n)=>n?e.style.setProperty(t,n):getComputedStyle(e).getPropertyValue(t)})}(t),function(t){H(t,"theme",{get:()=>t.cssVar("--art-theme"),set(e){t.cssVar("--art-theme",e)}})}(t),function(t){H(t,"type",{get:()=>t.option.type,set(e){t.option.type=e}})}(t),function(t){const e=["mini","pip","fullscreen","fullscreenWeb"];H(t,"state",{get:()=>e.find(e=>t[e])||"standard",set(n){for(let r=0;r<e.length;r++){const a=e[r];a!==n&&t[a]&&(t[a]=!1)}}})}(t),function(t){const{notice:e,i18n:n,template:r}=t;H(t,"subtitleOffset",{get:()=>r.$track?.offset||0,set(a){const{cues:o}=t.subtitle;if(!r.$track||0===o.length)return;const i=ne(a,-10,10);r.$track.offset=i;for(let e=0;e<o.length;e++){const n=o[e];n.originalStartTime=n.originalStartTime??n.startTime,n.originalEndTime=n.originalEndTime??n.endTime,n.startTime=ne(n.originalStartTime+i,0,t.duration),n.endTime=ne(n.originalEndTime+i,0,t.duration)}t.subtitle.update(),e.show=`${n.get("Subtitle Offset")}: ${a}s`,t.emit("subtitleOffset",a)}})}(t),function(t){const{i18n:e,notice:n,proxy:r,template:{$video:a}}=t;let o=!0;window.WebKitPlaybackTargetAvailabilityEvent&&a.webkitShowPlaybackTargetPicker?r(a,"webkitplaybacktargetavailabilitychanged",t=>{switch(t.availability){case"available":o=!0;break;case"not-available":o=!1}}):o=!1,H(t,"airplay",{value(){o?(a.webkitShowPlaybackTargetPicker(),t.emit("airplay")):n.show=e.get("AirPlay Not Available")}})}(t),function(t){H(t,"quality",{set(e){const{controls:n,notice:r,i18n:a}=t,o=e.find(t=>t.default)||e[0];n.update({name:"quality",position:"right",index:10,style:{marginRight:"10px"},html:o?.html||"",selector:e,onSelect:async e=>(await t.switchQuality(e.url),r.show=`${a.get("Switch Video")}: ${e.html}`,e.html)})}})}(t),Te(t),function(t){const{i18n:e,notice:n,option:r,constructor:a,proxy:o,template:{$player:i,$video:s,$poster:l}}=t;let c=0;for(let d=0;d<_.events.length;d++)o(s,_.events[d],e=>{t.emit(`video:${e.type}`,e)});t.on("video:canplay",()=>{c=0,t.loading.show=!1}),t.once("video:canplay",()=>{t.loading.show=!1,t.controls.show=!0,t.mask.show=!0,t.isReady=!0,t.emit("ready")}),t.on("video:ended",()=>{r.loop?(t.seek=0,t.play(),t.controls.show=!1,t.mask.show=!1):(t.controls.show=!0,t.mask.show=!0)}),t.on("video:error",async o=>{c<a.RECONNECT_TIME_MAX?(await ue(a.RECONNECT_SLEEP_TIME),c+=1,t.url=r.url,n.show=`${e.get("Reconnect")}: ${c}`,t.emit("error",o,c)):(t.mask.show=!0,t.loading.show=!1,t.controls.show=!0,At(i,"art-error"),await ue(a.RECONNECT_SLEEP_TIME),n.show=e.get("Video Load Failed"))}),t.on("video:loadedmetadata",()=>{t.emit("resize"),Y&&(t.loading.show=!1,t.controls.show=!0,t.mask.show=!0)}),t.on("video:loadstart",()=>{t.loading.show=!0,t.mask.show=!1,t.controls.show=!0}),t.on("video:pause",()=>{t.controls.show=!0,t.mask.show=!0}),t.on("video:play",()=>{t.mask.show=!1,Vt(l,"display","none")}),t.on("video:playing",()=>{t.mask.show=!1}),t.on("video:progress",()=>{t.playing&&(t.loading.show=!1)}),t.on("video:seeked",()=>{t.loading.show=!1,t.mask.show=!0}),t.on("video:seeking",()=>{t.loading.show=!0,t.mask.show=!1}),t.on("video:timeupdate",()=>{t.mask.show=!1}),t.on("video:waiting",()=>{t.loading.show=!0,t.mask.show=!1})}(t),function(t){const{option:e,storage:n,template:{$video:r,$poster:a}}=t;for(const i in e.moreVideoAttr)t.attr(i,e.moreVideoAttr[i]);e.muted&&(t.muted=e.muted),e.volume&&(r.volume=ne(e.volume,0,1));const o=n.get("volume");"number"==typeof o&&(r.volume=ne(o,0,1)),e.poster&&Vt(a,"backgroundImage",`url(${e.poster})`),e.autoplay&&(r.autoplay=e.autoplay),e.playsInline&&(r.playsInline=!0,r["webkit-playsinline"]=!0),e.theme&&(e.cssVar["--art-theme"]=e.theme);for(const i in e.cssVar)t.cssVar(i,e.cssVar[i]);t.url=e.url}(t)}},vt=class{constructor(t){this.art=t,this.id=0;const{option:e}=t;e.miniProgressBar&&!e.isLive&&this.add(Le),e.lock&&Y&&this.add(ze),e.autoPlayback&&!e.isLive&&this.add(Ce),e.autoOrientation&&Y&&this.add(Ee),e.fastForward&&Y&&!e.isLive&&this.add(Se);for(let n=0;n<e.plugins.length;n++)this.add(e.plugins[n])}add(t){this.id+=1;const e=t.call(this.art,this.art);return e instanceof Promise?e.then(e=>this.next(t,e)):this.next(t,e)}next(t,e){const n=e&&e.name||t.name||`plugin${this.id}`;return Qt(!se(this,n),`Cannot add a plugin that already has the same name: ${n}`),H(this,n,{value:e}),this}},yt=class extends Q{constructor(t){super(t);const{option:e,controls:n,template:{$setting:r}}=t;this.name="setting",this.$parent=r,this.id=0,this.active=null,this.cache=new Map,this.option=[...this.builtin,...e.settings],e.setting&&(this.format(),this.render(),t.on("blur",()=>{this.show&&(this.show=!1,this.render())}),t.on("focus",t=>{const e=jt(t,n.setting),r=jt(t,this.$parent);!this.show||e||r||(this.show=!1,this.render())}),t.on("resize",()=>this.resize()))}get builtin(){const t=[],{option:e}=this.art;return e.playbackRate&&t.push(function(t){const{i18n:e,icons:n,constructor:{SETTING_ITEM_WIDTH:r,PLAYBACK_RATE:a}}=t;function o(t){return 1===t?e.get("Normal"):t.toFixed(1)}function i(){const e=t.setting.find(`playback-rate-${t.playbackRate}`);t.setting.check(e)}return{width:r,name:"playback-rate",html:e.get("Play Speed"),tooltip:o(t.playbackRate),icon:n.playbackRate,selector:a.map(e=>({value:e,name:`playback-rate-${e}`,default:e===t.playbackRate,html:o(e)})),onSelect:e=>(t.playbackRate=e.value,e.html),mounted:()=>{i(),t.on("video:ratechange",()=>i())}}}(this.art)),e.aspectRatio&&t.push(function(t){const{i18n:e,icons:n,constructor:{SETTING_ITEM_WIDTH:r,ASPECT_RATIO:a}}=t;function o(t){return"default"===t?e.get("Default"):t}function i(){const e=t.setting.find(`aspect-ratio-${t.aspectRatio}`);t.setting.check(e)}return{width:r,name:"aspect-ratio",html:e.get("Aspect Ratio"),icon:n.aspectRatio,tooltip:o(t.aspectRatio),selector:a.map(e=>({value:e,name:`aspect-ratio-${e}`,default:e===t.aspectRatio,html:o(e)})),onSelect:e=>(t.aspectRatio=e.value,e.html),mounted:()=>{i(),t.on("aspectRatio",()=>i())}}}(this.art)),e.flip&&t.push(function(t){const{i18n:e,icons:n,constructor:{SETTING_ITEM_WIDTH:r,FLIP:a}}=t;function o(t){return e.get(re(t))}function i(){const e=t.setting.find(`flip-${t.flip}`);t.setting.check(e)}return{width:r,name:"flip",html:e.get("Video Flip"),tooltip:o(t.flip),icon:n.flip,selector:a.map(e=>({value:e,name:`flip-${e}`,default:e===t.flip,html:o(e)})),onSelect:e=>(t.flip=e.value,e.html),mounted:()=>{i(),t.on("flip",()=>i())}}}(this.art)),e.subtitleOffset&&t.push(function(t){const{i18n:e,icons:n,constructor:r}=t;return{width:r.SETTING_ITEM_WIDTH,name:"subtitle-offset",html:e.get("Subtitle Offset"),icon:n.subtitle,tooltip:"0s",range:[0,-10,10,.1],onChange:e=>(t.subtitleOffset=e.range[0],`${e.range[0]}s`),mounted:(e,n)=>{t.on("subtitleOffset",t=>{n.$range.value=t,n.tooltip=`${t}s`})}}}(this.art)),t}traverse(t,e=this.option){for(let n=0;n<e.length;n++){const r=e[n];t(r),r.selector?.length&&this.traverse(t,r.selector)}}check(t){t&&(t.$parent.tooltip=t.html,this.traverse(e=>{e.default=e===t,e.default&&e.$item&&Ft(e.$item,"art-current")},t.$option),this.render(t.$parents))}format(t=this.option,e,n,r=[]){for(let a=0;a<t.length;a++){const o=t[a];if(o?.name?(Qt(!r.includes(o.name),`The [${o.name}] already exists in [setting]`),r.push(o.name)):o.name="setting-"+this.id++,!o.$formatted){H(o,"$parent",{get:()=>e}),H(o,"$parents",{get:()=>n}),H(o,"$option",{get:()=>t});const r=[];H(o,"$events",{get:()=>r}),H(o,"$formatted",{get:()=>!0})}this.format(o.selector||[],o,t,r)}this.option=t}find(t=""){let e=null;return this.traverse(n=>{n.name===t&&(e=n)}),e}resize(){const{controls:t,constructor:{SETTING_WIDTH:e,SETTING_ITEM_HEIGHT:n},template:{$player:r,$setting:a}}=this.art;if(t.setting&&this.show){const o=this.active[0]?.$parent?.width||e,{left:i,width:s}=Kt(t.setting),{left:l,width:c}=Kt(r),d=i-l+s/2-o/2;if(Vt(a,"height",(this.active===this.option?this.active.length*n:(this.active.length+1)*n)+"px"),Vt(a,"width",`${o}px`),this.art.isRotate||Y)return;d+o>c?(Vt(a,"left",null),Vt(a,"right",null)):(Vt(a,"left",`${d}px`),Vt(a,"right","auto"))}}inactivate(t){for(let e=0;e<t.$events.length;e++)this.art.events.remove(t.$events[e]);t.$events.length=0}remove(t){const e=this.find(t);Qt(e,`Can't find [${t}] in the [setting]`);const n=e.$option.indexOf(e);e.$option.splice(n,1),this.inactivate(e),e.$item&&Rt(e.$item),this.render()}update(t){const e=this.find(t.name);return e?(this.inactivate(e),Object.assign(e,t),this.format(),this.createItem(e,!0),this.render(),e):this.add(t)}add(t,e=this.option){return e.push(t),this.format(),this.createItem(t),this.render(),t}createHeader(t){if(!this.cache.has(t.$option))return;const e=this.cache.get(t.$option),{proxy:n,icons:{arrowLeft:r},constructor:{SETTING_ITEM_HEIGHT:a}}=this.art,o=Xt("div");Vt(o,"height",`${a}px`),At(o,"art-setting-item"),At(o,"art-setting-item-back");const i=Ot(o,'<div class="art-setting-item-left"></div>'),s=Xt("div");At(s,"art-setting-item-left-icon"),Ot(s,r),Ot(i,s),Ot(i,t.$parent.html);const l=n(o,"click",()=>this.render(t.$parents));t.$parent.$events.push(l),Ot(e,o)}createItem(t,e=!1){if(!this.cache.has(t.$option))return;const n=this.cache.get(t.$option),r=t.$item;let a="selector";se(t,"switch")&&(a="switch"),se(t,"range")&&(a="range"),se(t,"onClick")&&(a="button");const{icons:o,proxy:i,constructor:s}=this.art,l=Xt("div");At(l,"art-setting-item"),Vt(l,"height",`${s.SETTING_ITEM_HEIGHT}px`),l.dataset.name=t.name||"",l.dataset.value=t.value||"";const c=Ot(l,'<div class="art-setting-item-left"></div>'),d=Ot(l,'<div class="art-setting-item-right"></div>'),p=Xt("div");switch(At(p,"art-setting-item-left-icon"),a){case"button":case"switch":case"range":Ot(p,t.icon||o.config);break;case"selector":t.selector?.length?Ot(p,t.icon||o.config):Ot(p,o.check)}Ot(c,p),H(t,"$icon",{configurable:!0,get:()=>p}),H(t,"icon",{configurable:!0,get:()=>p.innerHTML,set(t){p.innerHTML="",Ot(p,t)}});const h=Xt("div");At(h,"art-setting-item-left-text"),Ot(h,t.html||""),Ot(c,h),H(t,"$html",{configurable:!0,get:()=>h}),H(t,"html",{configurable:!0,get:()=>h.innerHTML,set(t){h.innerHTML="",Ot(h,t)}});const u=Xt("div");switch(At(u,"art-setting-item-right-tooltip"),Ot(u,t.tooltip||""),Ot(d,u),H(t,"$tooltip",{configurable:!0,get:()=>u}),H(t,"tooltip",{configurable:!0,get:()=>u.innerHTML,set(t){u.innerHTML="",Ot(u,t)}}),a){case"switch":{const e=Xt("div");At(e,"art-setting-item-right-icon");const n=Ot(e,o.switchOn),r=Ot(e,o.switchOff);Vt(t.switch?r:n,"display","none"),Ot(d,e),H(t,"$switch",{configurable:!0,get:()=>e});let a=t.switch;H(t,"switch",{configurable:!0,get:()=>a,set(t){a=t,t?(Vt(r,"display","none"),Vt(n,"display",null)):(Vt(r,"display",null),Vt(n,"display","none"))}});break}case"range":{const e=Xt("div");At(e,"art-setting-item-right-icon");const n=Ot(e,'<input type="range">');n.value=t.range[0],n.min=t.range[1],n.max=t.range[2],n.step=t.range[3],At(n,"art-setting-range"),Ot(d,e),H(t,"$range",{configurable:!0,get:()=>n});let r=[...t.range];H(t,"range",{configurable:!0,get:()=>r,set(t){r=[...t],n.value=t[0],n.min=t[1],n.max=t[2],n.step=t[3]}})}break;case"selector":if(t.selector?.length){const t=Xt("div");At(t,"art-setting-item-right-icon"),Ot(t,o.arrowRight),Ot(d,t)}}switch(a){case"switch":if(t.onSwitch){const e=i(l,"click",async e=>{t.switch=await t.onSwitch.call(this.art,t,l,e)});t.$events.push(e)}break;case"range":if(t.$range){if(t.onRange){const e=i(t.$range,"change",async e=>{t.range[0]=t.$range.valueAsNumber,t.tooltip=await t.onRange.call(this.art,t,l,e)});t.$events.push(e)}if(t.onChange){const e=i(t.$range,"input",async e=>{t.range[0]=t.$range.valueAsNumber,t.tooltip=await t.onChange.call(this.art,t,l,e)});t.$events.push(e)}}break;case"selector":{const e=i(l,"click",async e=>{t.selector?.length?this.render(t.selector):(this.check(t),t.$parent.onSelect&&(t.$parent.tooltip=await t.$parent.onSelect.call(this.art,t,l,e)))});t.$events.push(e),t.default&&At(l,"art-current")}break;case"button":if(t.onClick){const e=i(l,"click",async e=>{t.tooltip=await t.onClick.call(this.art,t,l,e)});t.$events.push(e)}}H(t,"$item",{configurable:!0,get:()=>l}),e?Wt(l,r):Ot(n,l),t.mounted&&setTimeout(()=>t.mounted.call(this.art,t.$item,t),0)}render(t=this.option){if(this.active=t,this.cache.has(t))Ft(this.cache.get(t),"art-current");else{const e=Xt("div");this.cache.set(t,e),At(e,"art-setting-panel"),Ot(this.$parent,e),Ft(e,"art-current"),t[0]?.$parent&&this.createHeader(t[0]);for(let n=0;n<t.length;n++)this.createItem(t[n])}this.resize()}},bt=class{constructor(){this.name="artplayer_settings",this.settings={}}get(t){try{const e=JSON.parse(window.localStorage.getItem(this.name))||{};return t?e[t]:e}catch{return t?this.settings[t]:this.settings}}set(t,e){try{const n=Object.assign({},this.get(),{[t]:e});window.localStorage.setItem(this.name,JSON.stringify(n))}catch{this.settings[t]=e}}del(t){try{const e=this.get();delete e[t],window.localStorage.setItem(this.name,JSON.stringify(e))}catch{delete this.settings[t]}}clear(){try{window.localStorage.removeItem(this.name)}catch{this.settings={}}}},wt=".art-video-player {\n  --art-theme: #f00;\n  --art-font-color: #fff;\n  --art-background-color: #000;\n  --art-text-shadow-color: rgba(0, 0, 0, 0.5);\n  --art-transition-duration: 0.2s;\n  --art-padding: 10px;\n  --art-border-radius: 3px;\n  --art-progress-height: 6px;\n  --art-progress-color: rgba(255, 255, 255, 0.25);\n  --art-progress-top-gap: 10px;\n  --art-hover-color: rgba(255, 255, 255, 0.25);\n  --art-loaded-color: rgba(255, 255, 255, 0.25);\n  --art-state-size: 80px;\n  --art-state-opacity: 0.8;\n  --art-bottom-height: 100px;\n  --art-bottom-offset: 20px;\n  --art-bottom-gap: 5px;\n  --art-highlight-width: 8px;\n  --art-highlight-color: rgba(255, 255, 255, 0.5);\n  --art-control-height: 46px;\n  --art-control-opacity: 0.75;\n  --art-control-icon-size: 36px;\n  --art-control-icon-scale: 1.1;\n  --art-volume-height: 120px;\n  --art-volume-handle-size: 14px;\n  --art-lock-size: 36px;\n  --art-indicator-scale: 0;\n  --art-indicator-size: 16px;\n  --art-fullscreen-web-index: 9999;\n  --art-settings-icon-size: 24px;\n  --art-settings-max-height: 300px;\n  --art-selector-max-height: 300px;\n  --art-contextmenus-min-width: 250px;\n  --art-subtitle-font-size: 20px;\n  --art-subtitle-gap: 5px;\n  --art-subtitle-bottom: 15px;\n  --art-subtitle-border: #000;\n  --art-widget-background: rgba(0, 0, 0, 0.85);\n  --art-tip-background: rgba(0, 0, 0, 0.7);\n  --art-scrollbar-size: 4px;\n  --art-scrollbar-background: rgba(255, 255, 255, 0.25);\n  --art-scrollbar-background-hover: rgba(255, 255, 255, 0.5);\n  --art-mini-progress-height: 2px;\n}\n.art-bg-cover {\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n.art-bottom-gradient {\n  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0.4), transparent);\n  background-repeat: repeat-x;\n  background-position: center bottom;\n}\n.art-backdrop-filter {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: rgba(0, 0, 0, 0.75) !important;\n}\n.art-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.art-video-player {\n  position: relative;\n  margin: 0 auto;\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  zoom: 1;\n  padding: 0;\n  text-align: left;\n  direction: ltr;\n  font-size: 14px;\n  line-height: 1.3;\n  user-select: none;\n  box-sizing: border-box;\n  color: var(--art-font-color);\n  background-color: var(--art-background-color);\n  text-shadow: 0 0 2px var(--art-text-shadow-color);\n  font-family: PingFang SC, Helvetica Neue, Microsoft YaHei, Roboto, Arial, sans-serif;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-touch-action: manipulation;\n  touch-action: manipulation;\n  -ms-high-contrast-adjust: none;\n}\n.art-video-player *,\n.art-video-player *::before,\n.art-video-player *::after {\n  box-sizing: border-box;\n}\n.art-video-player ::-webkit-scrollbar {\n  width: var(--art-scrollbar-size);\n  height: var(--art-scrollbar-size);\n}\n.art-video-player ::-webkit-scrollbar-thumb {\n  background-color: var(--art-scrollbar-background);\n}\n.art-video-player ::-webkit-scrollbar-thumb:hover {\n  background-color: var(--art-scrollbar-background-hover);\n}\n.art-video-player img {\n  max-width: 100%;\n  vertical-align: top;\n}\n.art-video-player svg {\n  fill: var(--art-font-color);\n}\n.art-video-player a {\n  color: var(--art-font-color);\n  text-decoration: none;\n}\n.art-icon {\n  line-height: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.art-video-player.art-backdrop .art-contextmenus,\n.art-video-player.art-backdrop .art-info,\n.art-video-player.art-backdrop .art-settings,\n.art-video-player.art-backdrop .art-layer-auto-playback,\n.art-video-player.art-backdrop .art-selector-list,\n.art-video-player.art-backdrop .art-volume-inner {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: rgba(0, 0, 0, 0.75) !important;\n}\n.art-video {\n  position: absolute;\n  inset: 0;\n  z-index: 10;\n  width: 100%;\n  height: 100%;\n}\n.art-poster {\n  position: absolute;\n  inset: 0;\n  z-index: 11;\n  width: 100%;\n  height: 100%;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  pointer-events: none;\n}\n.art-video-player .art-subtitle {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  position: absolute;\n  z-index: 20;\n  width: 100%;\n  padding: 0 5%;\n  text-align: center;\n  pointer-events: none;\n  gap: var(--art-subtitle-gap);\n  bottom: var(--art-subtitle-bottom);\n  font-size: var(--art-subtitle-font-size);\n  transition: bottom var(--art-transition-duration) ease;\n  text-shadow: var(--art-subtitle-border) 1px 0 1px, var(--art-subtitle-border) 0 1px 1px, var(--art-subtitle-border) -1px 0 1px, var(--art-subtitle-border) 0 -1px 1px, var(--art-subtitle-border) 1px 1px 1px, var(--art-subtitle-border) -1px -1px 1px, var(--art-subtitle-border) 1px -1px 1px, var(--art-subtitle-border) -1px 1px 1px;\n}\n.art-video-player.art-subtitle-show .art-subtitle {\n  display: flex;\n}\n.art-video-player.art-control-show .art-subtitle {\n  bottom: calc(var(--art-control-height) + var(--art-subtitle-bottom));\n}\n.art-danmuku {\n  position: absolute;\n  inset: 0;\n  z-index: 30;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  overflow: hidden;\n}\n.art-video-player .art-layers {\n  position: absolute;\n  inset: 0;\n  z-index: 40;\n  width: 100%;\n  height: 100%;\n  display: none;\n  pointer-events: none;\n}\n.art-video-player .art-layers .art-layer {\n  pointer-events: auto;\n}\n.art-video-player.art-layer-show .art-layers {\n  display: flex;\n}\n.art-video-player .art-mask {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  inset: 0;\n  z-index: 50;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.art-video-player .art-mask .art-state {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0;\n  transform: scale(2);\n  width: var(--art-state-size);\n  height: var(--art-state-size);\n  transition: all var(--art-transition-duration) ease;\n}\n.art-video-player.art-mask-show .art-state {\n  pointer-events: auto;\n  opacity: var(--art-state-opacity);\n  transform: scale(1);\n}\n.art-video-player.art-loading-show .art-state {\n  display: none;\n}\n.art-video-player .art-loading {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  inset: 0;\n  z-index: 70;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.art-video-player.art-loading-show .art-loading {\n  display: flex;\n}\n.art-video-player.art-loading-show .art-mask {\n  display: none;\n}\n.art-video-player .art-bottom {\n  position: absolute;\n  inset: 0;\n  z-index: 60;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  opacity: 0;\n  overflow: hidden;\n  pointer-events: none;\n  padding: 0 var(--art-padding);\n  transition: all var(--art-transition-duration) ease;\n  background-size: 100% var(--art-bottom-height);\n  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0.4), transparent);\n  background-repeat: repeat-x;\n  background-position: center bottom;\n}\n.art-video-player .art-bottom .art-controls,\n.art-video-player .art-bottom .art-progress {\n  transform: translateY(var(--art-bottom-offset));\n  transition: transform var(--art-transition-duration) ease;\n}\n.art-video-player.art-control-show .art-bottom,\n.art-video-player.art-hover .art-bottom {\n  opacity: 1;\n}\n.art-video-player.art-control-show .art-bottom .art-controls,\n.art-video-player.art-hover .art-bottom .art-controls,\n.art-video-player.art-control-show .art-bottom .art-progress,\n.art-video-player.art-hover .art-bottom .art-progress {\n  transform: translateY(0);\n}\n.art-bottom .art-progress {\n  position: relative;\n  z-index: 0;\n  cursor: pointer;\n  pointer-events: auto;\n  padding-top: var(--art-progress-top-gap);\n  padding-bottom: var(--art-bottom-gap);\n}\n.art-bottom .art-progress .art-control-progress {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: var(--art-progress-height);\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner {\n  display: flex;\n  align-items: center;\n  position: relative;\n  height: 50%;\n  width: 100%;\n  transition: height var(--art-transition-duration) ease;\n  background-color: var(--art-progress-color);\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-hover {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  width: 0%;\n  background-color: var(--art-hover-color);\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-loaded {\n  position: absolute;\n  inset: 0;\n  z-index: 10;\n  width: 100%;\n  height: 100%;\n  width: 0%;\n  background-color: var(--art-loaded-color);\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-played {\n  position: absolute;\n  inset: 0;\n  z-index: 20;\n  width: 100%;\n  height: 100%;\n  width: 0%;\n  background-color: var(--art-theme);\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight {\n  position: absolute;\n  inset: 0;\n  z-index: 30;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  right: auto;\n  pointer-events: auto;\n  width: var(--art-highlight-width) !important;\n  transform: translateX(calc(var(--art-highlight-width) / -2));\n  background-color: var(--art-highlight-color);\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  z-index: 40;\n  left: 0;\n  border-radius: 50%;\n  width: var(--art-indicator-size);\n  height: var(--art-indicator-size);\n  transform: scale(var(--art-indicator-scale));\n  margin-left: calc(var(--art-indicator-size) / -2);\n  transition: transform var(--art-transition-duration) ease;\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator .art-icon {\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator:hover {\n  transform: scale(1.2) !important;\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator:active {\n  transform: scale(1) !important;\n}\n.art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip {\n  transform-origin: bottom center;\n  transform: scale(0.5);\n  opacity: 0;\n  position: absolute;\n  z-index: 50;\n  top: -25px;\n  left: 0;\n  padding: 3px 5px;\n  line-height: 1;\n  font-size: 12px;\n  border-radius: var(--art-border-radius);\n  white-space: nowrap;\n  background-color: var(--art-tip-background);\n  transition: transform var(--art-transition-duration) ease, opacity var(--art-transition-duration) ease;\n}\n.art-bottom .art-progress .art-control-thumbnails {\n  transform-origin: bottom center;\n  transform: scale(0.5);\n  opacity: 0;\n  position: absolute;\n  bottom: calc(var(--art-bottom-gap) + 10px);\n  left: 0;\n  border-radius: var(--art-border-radius);\n  pointer-events: none;\n  background-color: var(--art-widget-background);\n  transition: transform var(--art-transition-duration) ease, opacity var(--art-transition-duration) ease;\n  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.2);\n}\n.art-bottom .art-progress:hover .art-control-progress .art-control-progress-inner {\n  height: 100%;\n}\n.art-bottom:hover .art-progress .art-control-progress .art-control-progress-inner .art-progress-indicator {\n  transform: scale(1);\n}\n.art-progress-hover .art-bottom .art-progress .art-control-progress .art-control-progress-inner .art-progress-tip,\n.art-progress-hover .art-bottom .art-progress .art-control-thumbnails {\n  transform: scale(1);\n  opacity: 1;\n}\n.art-video-player .art-controls {\n  position: relative;\n  z-index: 10;\n  pointer-events: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: var(--art-control-height);\n}\n.art-video-player .art-controls .art-controls-left,\n.art-video-player .art-controls .art-controls-right {\n  display: flex;\n  height: 100%;\n}\n.art-video-player .art-controls .art-controls-center {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n  height: 100%;\n  padding: 0 10px;\n}\n.art-video-player .art-controls .art-controls-right {\n  justify-content: flex-end;\n}\n.art-video-player .art-controls .art-control {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n  cursor: pointer;\n  white-space: nowrap;\n  opacity: var(--art-control-opacity);\n  min-height: var(--art-control-height);\n  min-width: var(--art-control-height);\n  transition: opacity var(--art-transition-duration) ease;\n}\n.art-video-player .art-controls .art-control .art-icon {\n  height: var(--art-control-icon-size);\n  width: var(--art-control-icon-size);\n  transform: scale(var(--art-control-icon-scale));\n  transition: transform var(--art-transition-duration) ease;\n}\n.art-video-player .art-controls .art-control .art-icon:active {\n  transform: scale(calc(var(--art-control-icon-scale) * 0.8));\n}\n.art-video-player .art-controls .art-control:hover {\n  opacity: 1;\n}\n.art-control-volume {\n  position: relative;\n}\n.art-control-volume .art-volume-panel {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  left: 0;\n  right: 0;\n  padding: 0 5px;\n  font-size: 12px;\n  text-align: center;\n  cursor: default;\n  opacity: 0;\n  transform: translateY(10px);\n  pointer-events: none;\n  bottom: var(--art-control-height);\n  width: var(--art-control-height);\n  height: var(--art-volume-height);\n  transition: all var(--art-transition-duration) ease;\n}\n.art-control-volume .art-volume-panel .art-volume-inner {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  height: 100%;\n  width: 100%;\n  padding: 10px 0 12px;\n  border-radius: var(--art-border-radius);\n  background-color: var(--art-widget-background);\n}\n.art-control-volume .art-volume-panel .art-volume-inner .art-volume-slider {\n  flex: 1;\n  width: 100%;\n  display: flex;\n  cursor: pointer;\n  position: relative;\n  justify-content: center;\n}\n.art-control-volume .art-volume-panel .art-volume-inner .art-volume-slider .art-volume-handle {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  width: 2px;\n  border-radius: var(--art-border-radius);\n  overflow: hidden;\n  background-color: rgba(255, 255, 255, 0.25);\n}\n.art-control-volume .art-volume-panel .art-volume-inner .art-volume-slider .art-volume-handle .art-volume-loaded {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--art-theme);\n}\n.art-control-volume .art-volume-panel .art-volume-inner .art-volume-slider .art-volume-indicator {\n  position: absolute;\n  width: var(--art-volume-handle-size);\n  height: var(--art-volume-handle-size);\n  margin-top: calc(var(--art-volume-handle-size) / -2);\n  flex-shrink: 0;\n  transform: scale(1);\n  border-radius: 100%;\n  background-color: var(--art-theme);\n  transition: transform var(--art-transition-duration) ease;\n}\n.art-control-volume .art-volume-panel .art-volume-inner .art-volume-slider:active .art-volume-indicator {\n  transform: scale(0.9);\n}\n.art-control-volume:hover .art-volume-panel {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n.art-video-player .art-notice {\n  display: none;\n  position: absolute;\n  inset: 0;\n  z-index: 80;\n  width: 100%;\n  height: 100%;\n  height: auto;\n  bottom: auto;\n  padding: var(--art-padding);\n  pointer-events: none;\n}\n.art-video-player .art-notice .art-notice-inner {\n  display: inline-flex;\n  padding: 5px;\n  line-height: 1;\n  border-radius: var(--art-border-radius);\n  background-color: var(--art-tip-background);\n}\n.art-video-player.art-notice-show .art-notice {\n  display: flex;\n}\n.art-video-player .art-contextmenus {\n  display: none;\n  flex-direction: column;\n  position: absolute;\n  z-index: 120;\n  padding: 5px 0;\n  border-radius: var(--art-border-radius);\n  font-size: 12px;\n  background-color: var(--art-widget-background);\n  min-width: var(--art-contextmenus-min-width);\n}\n.art-video-player .art-contextmenus .art-contextmenu {\n  cursor: pointer;\n  display: flex;\n  padding: 10px 15px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n.art-video-player .art-contextmenus .art-contextmenu span {\n  padding: 0 8px;\n}\n.art-video-player .art-contextmenus .art-contextmenu span:hover,\n.art-video-player .art-contextmenus .art-contextmenu span.art-current {\n  color: var(--art-theme);\n}\n.art-video-player .art-contextmenus .art-contextmenu:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.art-video-player .art-contextmenus .art-contextmenu:last-child {\n  border-bottom: none;\n}\n.art-video-player.art-contextmenu-show .art-contextmenus {\n  display: flex;\n}\n.art-video-player .art-settings {\n  display: none;\n  flex-direction: column;\n  position: absolute;\n  z-index: 90;\n  left: auto;\n  overflow-y: auto;\n  overflow-x: hidden;\n  border-radius: var(--art-border-radius);\n  max-height: var(--art-settings-max-height);\n  right: var(--art-padding);\n  bottom: var(--art-control-height);\n  transition: all var(--art-transition-duration) ease;\n  background-color: var(--art-widget-background);\n}\n.art-video-player .art-settings .art-setting-panel {\n  display: none;\n  flex-direction: column;\n}\n.art-video-player .art-settings .art-setting-panel.art-current {\n  display: flex;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 5px;\n  cursor: pointer;\n  overflow: hidden;\n  transition: background-color var(--art-transition-duration) ease;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item.art-current {\n  color: var(--art-theme);\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-icon-check {\n  visibility: hidden;\n  height: 15px;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item.art-current .art-icon-check {\n  visibility: visible;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-left {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n  gap: 5px;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-left .art-setting-item-left-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: var(--art-settings-icon-size);\n  width: var(--art-settings-icon-size);\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  font-size: 12px;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right .art-setting-item-right-tooltip {\n  white-space: nowrap;\n  color: rgba(255, 255, 255, 0.5);\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right .art-setting-item-right-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 32px;\n  height: 24px;\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item .art-setting-item-right .art-setting-range {\n  height: 3px;\n  width: 80px;\n  outline: none;\n  appearance: none;\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.art-video-player .art-settings .art-setting-panel .art-setting-item-back {\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n.art-video-player.art-setting-show .art-settings {\n  display: flex;\n}\n.art-video-player .art-info {\n  display: none;\n  position: absolute;\n  left: var(--art-padding);\n  top: var(--art-padding);\n  z-index: 100;\n  padding: 10px;\n  font-size: 12px;\n  border-radius: var(--art-border-radius);\n  background-color: var(--art-widget-background);\n}\n.art-video-player .art-info .art-info-panel {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n.art-video-player .art-info .art-info-panel .art-info-item {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.art-video-player .art-info .art-info-panel .art-info-item .art-info-title {\n  width: 100px;\n  text-align: right;\n}\n.art-video-player .art-info .art-info-panel .art-info-item .art-info-content {\n  width: 250px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: all;\n}\n.art-video-player .art-info .art-info-close {\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  cursor: pointer;\n}\n.art-video-player.art-info-show .art-info {\n  display: flex;\n}\n.art-hide-cursor * {\n  cursor: none !important;\n}\n.art-video-player[data-aspect-ratio] {\n  overflow: hidden;\n}\n.art-video-player[data-aspect-ratio] .art-video {\n  object-fit: fill;\n  box-sizing: content-box;\n}\n.art-fullscreen {\n  --art-progress-height: 8px;\n  --art-indicator-size: 20px;\n  --art-control-height: 60px;\n  --art-control-icon-scale: 1.3;\n}\n.art-fullscreen-web {\n  --art-progress-height: 8px;\n  --art-indicator-size: 20px;\n  --art-control-height: 60px;\n  --art-control-icon-scale: 1.3;\n  position: fixed;\n  inset: 0;\n  z-index: var(--art-fullscreen-web-index);\n  width: 100%;\n  height: 100%;\n}\n.art-mini-popup {\n  position: fixed;\n  z-index: 9999;\n  width: 320px;\n  height: 180px;\n  background: #000;\n  border-radius: var(--art-border-radius);\n  cursor: move;\n  user-select: none;\n  overflow: hidden;\n  transition: opacity 0.2s ease;\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);\n}\n.art-mini-popup svg {\n  fill: #fff;\n}\n.art-mini-popup .art-video {\n  pointer-events: none;\n}\n.art-mini-popup .art-mini-close {\n  position: absolute;\n  z-index: 20;\n  right: 10px;\n  top: 10px;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n.art-mini-popup .art-mini-state {\n  position: absolute;\n  inset: 0;\n  z-index: 30;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n  background-color: rgba(0, 0, 0, 0.25);\n}\n.art-mini-popup .art-mini-state .art-icon {\n  opacity: 0.75;\n  cursor: pointer;\n  transform: scale(3);\n  pointer-events: auto;\n  transition: transform 0.2s ease;\n}\n.art-mini-popup .art-mini-state .art-icon:active {\n  transform: scale(2.5);\n}\n.art-mini-popup.art-mini-dragging {\n  opacity: 0.9;\n}\n.art-mini-popup:hover .art-mini-close,\n.art-mini-popup:hover .art-mini-state {\n  opacity: 1;\n}\n.art-video-player[data-flip='horizontal'] .art-video {\n  transform: scaleX(-1);\n}\n.art-video-player[data-flip='vertical'] .art-video {\n  transform: scaleY(-1);\n}\n.art-video-player .art-layer-lock {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 50%;\n  border-radius: 50%;\n  transform: translateY(-50%);\n  height: var(--art-lock-size);\n  width: var(--art-lock-size);\n  left: var(--art-padding);\n  background-color: var(--art-tip-background);\n}\n.art-video-player .art-layer-auto-playback {\n  display: none;\n  gap: 10px;\n  align-items: center;\n  position: absolute;\n  border-radius: var(--art-border-radius);\n  padding: 10px;\n  line-height: 1;\n  left: var(--art-padding);\n  bottom: calc(var(--art-control-height) + var(--art-bottom-gap) + 10px);\n  background-color: var(--art-widget-background);\n}\n.art-video-player .art-layer-auto-playback .art-auto-playback-close {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.art-video-player .art-layer-auto-playback .art-auto-playback-close svg {\n  width: 15px;\n  height: 15px;\n  fill: var(--art-theme);\n}\n.art-video-player .art-layer-auto-playback .art-auto-playback-jump {\n  color: var(--art-theme);\n  cursor: pointer;\n}\n.art-video-player.art-lock .art-subtitle {\n  bottom: var(--art-subtitle-bottom) !important;\n}\n.art-video-player.art-mini-progress-bar .art-bottom,\n.art-video-player.art-lock .art-bottom {\n  opacity: 1;\n  padding: 0;\n  background-image: none;\n}\n.art-video-player.art-mini-progress-bar .art-bottom .art-controls,\n.art-video-player.art-lock .art-bottom .art-controls,\n.art-video-player.art-mini-progress-bar .art-bottom .art-progress,\n.art-video-player.art-lock .art-bottom .art-progress {\n  transform: translateY(calc(var(--art-control-height) + var(--art-bottom-gap) + var(--art-progress-height) / 4));\n}\n.art-video-player.art-mini-progress-bar .art-bottom .art-progress-indicator,\n.art-video-player.art-lock .art-bottom .art-progress-indicator {\n  display: none !important;\n}\n.art-video-player.art-control-show .art-layer-lock {\n  display: flex;\n}\n.art-control-selector {\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n.art-control-selector .art-selector-list {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  position: absolute;\n  border-radius: var(--art-border-radius);\n  overflow-y: auto;\n  overflow-x: hidden;\n  opacity: 0;\n  transform: translateY(10px);\n  pointer-events: none;\n  bottom: var(--art-control-height);\n  max-height: var(--art-selector-max-height);\n  background-color: var(--art-widget-background);\n  transition: all var(--art-transition-duration) ease;\n}\n.art-control-selector .art-selector-list .art-selector-item {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  padding: 10px 15px;\n  flex-shrink: 0;\n  line-height: 1;\n}\n.art-control-selector .art-selector-list .art-selector-item:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.art-control-selector .art-selector-list .art-selector-item:hover,\n.art-control-selector .art-selector-list .art-selector-item.art-current {\n  color: var(--art-theme);\n}\n.art-control-selector:hover .art-selector-list {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n.art-video-player {\n  /*! Hint.css - v2.7.0 - 2021-10-01\n    * https://kushagra.dev/lab/hint/\n    * Copyright (c) 2021 Kushagra Gour */\n  /*-------------------------------------*\\\n        HINT.css - A CSS tooltip library\n    \\*-------------------------------------*/\n  /**\n    * HINT.css is a tooltip library made in pure CSS.\n    *\n    * Source: https://github.com/chinchang/hint.css\n    * Demo: http://kushagragour.in/lab/hint/\n    *\n    */\n  /**\n    * source: hint-core.scss\n    *\n    * Defines the basic styling for the tooltip.\n    * Each tooltip is made of 2 parts:\n    * \t1) body (:after)\n    * \t2) arrow (:before)\n    *\n    * Classes added:\n    * \t1) hint\n    */\n  /**\n    * source: hint-position.scss\n    *\n    * Defines the positoning logic for the tooltips.\n    *\n    * Classes added:\n    * \t1) hint--top\n    * \t2) hint--bottom\n    * \t3) hint--left\n    * \t4) hint--right\n    */\n  /**\n    * set default color for tooltip arrows\n    */\n  /**\n    * top tooltip\n    */\n  /**\n    * bottom tooltip\n    */\n  /**\n    * right tooltip\n    */\n  /**\n    * left tooltip\n    */\n  /**\n    * top-left tooltip\n    */\n  /**\n    * top-right tooltip\n    */\n  /**\n    * bottom-left tooltip\n    */\n  /**\n    * bottom-right tooltip\n    */\n  /**\n    * source: hint-sizes.scss\n    *\n    * Defines width restricted tooltips that can span\n    * across multiple lines.\n    *\n    * Classes added:\n    * \t1) hint--small\n    * \t2) hint--medium\n    * \t3) hint--large\n    *\n    */\n  /**\n    * source: hint-theme.scss\n    *\n    * Defines basic theme for tooltips.\n    *\n    */\n  /**\n    * source: hint-color-types.scss\n    *\n    * Contains tooltips of various types based on color differences.\n    *\n    * Classes added:\n    * \t1) hint--error\n    * \t2) hint--warning\n    * \t3) hint--info\n    * \t4) hint--success\n    *\n    */\n  /**\n    * Error\n    */\n  /**\n    * Warning\n    */\n  /**\n    * Info\n    */\n  /**\n    * Success\n    */\n  /**\n    * source: hint-always.scss\n    *\n    * Defines a persisted tooltip which shows always.\n    *\n    * Classes added:\n    * \t1) hint--always\n    *\n    */\n  /**\n    * source: hint-rounded.scss\n    *\n    * Defines rounded corner tooltips.\n    *\n    * Classes added:\n    * \t1) hint--rounded\n    *\n    */\n  /**\n    * source: hint-effects.scss\n    *\n    * Defines various transition effects for the tooltips.\n    *\n    * Classes added:\n    * \t1) hint--no-animate\n    * \t2) hint--bounce\n    *\n    */\n}\n.art-video-player [class*='hint--'] {\n  position: relative;\n  display: inline-block;\n  font-style: normal;\n  /**\n        * tooltip arrow\n        */\n  /**\n        * tooltip body\n        */\n}\n.art-video-player [class*='hint--']:before,\n.art-video-player [class*='hint--']:after {\n  position: absolute;\n  -webkit-transform: translate3d(0, 0, 0);\n  -moz-transform: translate3d(0, 0, 0);\n  transform: translate3d(0, 0, 0);\n  visibility: hidden;\n  opacity: 0;\n  z-index: 1000000;\n  pointer-events: none;\n  -webkit-transition: 0.3s ease;\n  -moz-transition: 0.3s ease;\n  transition: 0.3s ease;\n  -webkit-transition-delay: 0ms;\n  -moz-transition-delay: 0ms;\n  transition-delay: 0ms;\n}\n.art-video-player [class*='hint--']:hover:before,\n.art-video-player [class*='hint--']:hover:after {\n  visibility: visible;\n  opacity: 1;\n}\n.art-video-player [class*='hint--']:hover:before,\n.art-video-player [class*='hint--']:hover:after {\n  -webkit-transition-delay: 100ms;\n  -moz-transition-delay: 100ms;\n  transition-delay: 100ms;\n}\n.art-video-player [class*='hint--']:before {\n  content: '';\n  position: absolute;\n  background: transparent;\n  border: 6px solid transparent;\n  z-index: 1000001;\n}\n.art-video-player [class*='hint--']:after {\n  background: #000000;\n  color: white;\n  padding: 8px 10px;\n  font-size: 12px;\n  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  line-height: 12px;\n  white-space: nowrap;\n}\n.art-video-player [class*='hint--'][aria-label]:after {\n  content: attr(aria-label);\n}\n.art-video-player [class*='hint--'][data-hint]:after {\n  content: attr(data-hint);\n}\n.art-video-player [aria-label='']:before,\n.art-video-player [aria-label='']:after,\n.art-video-player [data-hint='']:before,\n.art-video-player [data-hint='']:after {\n  display: none !important;\n}\n.art-video-player .hint--top-left:before {\n  border-top-color: #000000;\n}\n.art-video-player .hint--top-right:before {\n  border-top-color: #000000;\n}\n.art-video-player .hint--top:before {\n  border-top-color: #000000;\n}\n.art-video-player .hint--bottom-left:before {\n  border-bottom-color: #000000;\n}\n.art-video-player .hint--bottom-right:before {\n  border-bottom-color: #000000;\n}\n.art-video-player .hint--bottom:before {\n  border-bottom-color: #000000;\n}\n.art-video-player .hint--left:before {\n  border-left-color: #000000;\n}\n.art-video-player .hint--right:before {\n  border-right-color: #000000;\n}\n.art-video-player .hint--top:before {\n  margin-bottom: -11px;\n}\n.art-video-player .hint--top:before,\n.art-video-player .hint--top:after {\n  bottom: 100%;\n  left: 50%;\n}\n.art-video-player .hint--top:before {\n  left: calc(50% - 6px);\n}\n.art-video-player .hint--top:after {\n  -webkit-transform: translateX(-50%);\n  -moz-transform: translateX(-50%);\n  transform: translateX(-50%);\n}\n.art-video-player .hint--top:hover:before {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--top:hover:after {\n  -webkit-transform: translateX(-50%) translateY(-8px);\n  -moz-transform: translateX(-50%) translateY(-8px);\n  transform: translateX(-50%) translateY(-8px);\n}\n.art-video-player .hint--bottom:before {\n  margin-top: -11px;\n}\n.art-video-player .hint--bottom:before,\n.art-video-player .hint--bottom:after {\n  top: 100%;\n  left: 50%;\n}\n.art-video-player .hint--bottom:before {\n  left: calc(50% - 6px);\n}\n.art-video-player .hint--bottom:after {\n  -webkit-transform: translateX(-50%);\n  -moz-transform: translateX(-50%);\n  transform: translateX(-50%);\n}\n.art-video-player .hint--bottom:hover:before {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--bottom:hover:after {\n  -webkit-transform: translateX(-50%) translateY(8px);\n  -moz-transform: translateX(-50%) translateY(8px);\n  transform: translateX(-50%) translateY(8px);\n}\n.art-video-player .hint--right:before {\n  margin-left: -11px;\n  margin-bottom: -6px;\n}\n.art-video-player .hint--right:after {\n  margin-bottom: -14px;\n}\n.art-video-player .hint--right:before,\n.art-video-player .hint--right:after {\n  left: 100%;\n  bottom: 50%;\n}\n.art-video-player .hint--right:hover:before {\n  -webkit-transform: translateX(8px);\n  -moz-transform: translateX(8px);\n  transform: translateX(8px);\n}\n.art-video-player .hint--right:hover:after {\n  -webkit-transform: translateX(8px);\n  -moz-transform: translateX(8px);\n  transform: translateX(8px);\n}\n.art-video-player .hint--left:before {\n  margin-right: -11px;\n  margin-bottom: -6px;\n}\n.art-video-player .hint--left:after {\n  margin-bottom: -14px;\n}\n.art-video-player .hint--left:before,\n.art-video-player .hint--left:after {\n  right: 100%;\n  bottom: 50%;\n}\n.art-video-player .hint--left:hover:before {\n  -webkit-transform: translateX(-8px);\n  -moz-transform: translateX(-8px);\n  transform: translateX(-8px);\n}\n.art-video-player .hint--left:hover:after {\n  -webkit-transform: translateX(-8px);\n  -moz-transform: translateX(-8px);\n  transform: translateX(-8px);\n}\n.art-video-player .hint--top-left:before {\n  margin-bottom: -11px;\n}\n.art-video-player .hint--top-left:before,\n.art-video-player .hint--top-left:after {\n  bottom: 100%;\n  left: 50%;\n}\n.art-video-player .hint--top-left:before {\n  left: calc(50% - 6px);\n}\n.art-video-player .hint--top-left:after {\n  -webkit-transform: translateX(-100%);\n  -moz-transform: translateX(-100%);\n  transform: translateX(-100%);\n}\n.art-video-player .hint--top-left:after {\n  margin-left: 12px;\n}\n.art-video-player .hint--top-left:hover:before {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--top-left:hover:after {\n  -webkit-transform: translateX(-100%) translateY(-8px);\n  -moz-transform: translateX(-100%) translateY(-8px);\n  transform: translateX(-100%) translateY(-8px);\n}\n.art-video-player .hint--top-right:before {\n  margin-bottom: -11px;\n}\n.art-video-player .hint--top-right:before,\n.art-video-player .hint--top-right:after {\n  bottom: 100%;\n  left: 50%;\n}\n.art-video-player .hint--top-right:before {\n  left: calc(50% - 6px);\n}\n.art-video-player .hint--top-right:after {\n  -webkit-transform: translateX(0);\n  -moz-transform: translateX(0);\n  transform: translateX(0);\n}\n.art-video-player .hint--top-right:after {\n  margin-left: -12px;\n}\n.art-video-player .hint--top-right:hover:before {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--top-right:hover:after {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--bottom-left:before {\n  margin-top: -11px;\n}\n.art-video-player .hint--bottom-left:before,\n.art-video-player .hint--bottom-left:after {\n  top: 100%;\n  left: 50%;\n}\n.art-video-player .hint--bottom-left:before {\n  left: calc(50% - 6px);\n}\n.art-video-player .hint--bottom-left:after {\n  -webkit-transform: translateX(-100%);\n  -moz-transform: translateX(-100%);\n  transform: translateX(-100%);\n}\n.art-video-player .hint--bottom-left:after {\n  margin-left: 12px;\n}\n.art-video-player .hint--bottom-left:hover:before {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--bottom-left:hover:after {\n  -webkit-transform: translateX(-100%) translateY(8px);\n  -moz-transform: translateX(-100%) translateY(8px);\n  transform: translateX(-100%) translateY(8px);\n}\n.art-video-player .hint--bottom-right:before {\n  margin-top: -11px;\n}\n.art-video-player .hint--bottom-right:before,\n.art-video-player .hint--bottom-right:after {\n  top: 100%;\n  left: 50%;\n}\n.art-video-player .hint--bottom-right:before {\n  left: calc(50% - 6px);\n}\n.art-video-player .hint--bottom-right:after {\n  -webkit-transform: translateX(0);\n  -moz-transform: translateX(0);\n  transform: translateX(0);\n}\n.art-video-player .hint--bottom-right:after {\n  margin-left: -12px;\n}\n.art-video-player .hint--bottom-right:hover:before {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--bottom-right:hover:after {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--small:after,\n.art-video-player .hint--medium:after,\n.art-video-player .hint--large:after {\n  white-space: normal;\n  line-height: 1.4em;\n  word-wrap: break-word;\n}\n.art-video-player .hint--small:after {\n  width: 80px;\n}\n.art-video-player .hint--medium:after {\n  width: 150px;\n}\n.art-video-player .hint--large:after {\n  width: 300px;\n}\n.art-video-player [class*='hint--'] {\n  /**\n        * tooltip body\n        */\n}\n.art-video-player [class*='hint--']:after {\n  text-shadow: 0 -1px 0px black;\n  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);\n}\n.art-video-player .hint--error:after {\n  background-color: #b34e4d;\n  text-shadow: 0 -1px 0px #592726;\n}\n.art-video-player .hint--error.hint--top-left:before {\n  border-top-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--top-right:before {\n  border-top-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--top:before {\n  border-top-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--bottom-left:before {\n  border-bottom-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--bottom-right:before {\n  border-bottom-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--bottom:before {\n  border-bottom-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--left:before {\n  border-left-color: #b34e4d;\n}\n.art-video-player .hint--error.hint--right:before {\n  border-right-color: #b34e4d;\n}\n.art-video-player .hint--warning:after {\n  background-color: #c09854;\n  text-shadow: 0 -1px 0px #6c5328;\n}\n.art-video-player .hint--warning.hint--top-left:before {\n  border-top-color: #c09854;\n}\n.art-video-player .hint--warning.hint--top-right:before {\n  border-top-color: #c09854;\n}\n.art-video-player .hint--warning.hint--top:before {\n  border-top-color: #c09854;\n}\n.art-video-player .hint--warning.hint--bottom-left:before {\n  border-bottom-color: #c09854;\n}\n.art-video-player .hint--warning.hint--bottom-right:before {\n  border-bottom-color: #c09854;\n}\n.art-video-player .hint--warning.hint--bottom:before {\n  border-bottom-color: #c09854;\n}\n.art-video-player .hint--warning.hint--left:before {\n  border-left-color: #c09854;\n}\n.art-video-player .hint--warning.hint--right:before {\n  border-right-color: #c09854;\n}\n.art-video-player .hint--info:after {\n  background-color: #3986ac;\n  text-shadow: 0 -1px 0px #1a3c4d;\n}\n.art-video-player .hint--info.hint--top-left:before {\n  border-top-color: #3986ac;\n}\n.art-video-player .hint--info.hint--top-right:before {\n  border-top-color: #3986ac;\n}\n.art-video-player .hint--info.hint--top:before {\n  border-top-color: #3986ac;\n}\n.art-video-player .hint--info.hint--bottom-left:before {\n  border-bottom-color: #3986ac;\n}\n.art-video-player .hint--info.hint--bottom-right:before {\n  border-bottom-color: #3986ac;\n}\n.art-video-player .hint--info.hint--bottom:before {\n  border-bottom-color: #3986ac;\n}\n.art-video-player .hint--info.hint--left:before {\n  border-left-color: #3986ac;\n}\n.art-video-player .hint--info.hint--right:before {\n  border-right-color: #3986ac;\n}\n.art-video-player .hint--success:after {\n  background-color: #458746;\n  text-shadow: 0 -1px 0px #1a321a;\n}\n.art-video-player .hint--success.hint--top-left:before {\n  border-top-color: #458746;\n}\n.art-video-player .hint--success.hint--top-right:before {\n  border-top-color: #458746;\n}\n.art-video-player .hint--success.hint--top:before {\n  border-top-color: #458746;\n}\n.art-video-player .hint--success.hint--bottom-left:before {\n  border-bottom-color: #458746;\n}\n.art-video-player .hint--success.hint--bottom-right:before {\n  border-bottom-color: #458746;\n}\n.art-video-player .hint--success.hint--bottom:before {\n  border-bottom-color: #458746;\n}\n.art-video-player .hint--success.hint--left:before {\n  border-left-color: #458746;\n}\n.art-video-player .hint--success.hint--right:before {\n  border-right-color: #458746;\n}\n.art-video-player .hint--always:after,\n.art-video-player .hint--always:before {\n  opacity: 1;\n  visibility: visible;\n}\n.art-video-player .hint--always.hint--top:before {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--always.hint--top:after {\n  -webkit-transform: translateX(-50%) translateY(-8px);\n  -moz-transform: translateX(-50%) translateY(-8px);\n  transform: translateX(-50%) translateY(-8px);\n}\n.art-video-player .hint--always.hint--top-left:before {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--always.hint--top-left:after {\n  -webkit-transform: translateX(-100%) translateY(-8px);\n  -moz-transform: translateX(-100%) translateY(-8px);\n  transform: translateX(-100%) translateY(-8px);\n}\n.art-video-player .hint--always.hint--top-right:before {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--always.hint--top-right:after {\n  -webkit-transform: translateY(-8px);\n  -moz-transform: translateY(-8px);\n  transform: translateY(-8px);\n}\n.art-video-player .hint--always.hint--bottom:before {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--always.hint--bottom:after {\n  -webkit-transform: translateX(-50%) translateY(8px);\n  -moz-transform: translateX(-50%) translateY(8px);\n  transform: translateX(-50%) translateY(8px);\n}\n.art-video-player .hint--always.hint--bottom-left:before {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--always.hint--bottom-left:after {\n  -webkit-transform: translateX(-100%) translateY(8px);\n  -moz-transform: translateX(-100%) translateY(8px);\n  transform: translateX(-100%) translateY(8px);\n}\n.art-video-player .hint--always.hint--bottom-right:before {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--always.hint--bottom-right:after {\n  -webkit-transform: translateY(8px);\n  -moz-transform: translateY(8px);\n  transform: translateY(8px);\n}\n.art-video-player .hint--always.hint--left:before {\n  -webkit-transform: translateX(-8px);\n  -moz-transform: translateX(-8px);\n  transform: translateX(-8px);\n}\n.art-video-player .hint--always.hint--left:after {\n  -webkit-transform: translateX(-8px);\n  -moz-transform: translateX(-8px);\n  transform: translateX(-8px);\n}\n.art-video-player .hint--always.hint--right:before {\n  -webkit-transform: translateX(8px);\n  -moz-transform: translateX(8px);\n  transform: translateX(8px);\n}\n.art-video-player .hint--always.hint--right:after {\n  -webkit-transform: translateX(8px);\n  -moz-transform: translateX(8px);\n  transform: translateX(8px);\n}\n.art-video-player .hint--rounded:after {\n  border-radius: 4px;\n}\n.art-video-player .hint--no-animate:before,\n.art-video-player .hint--no-animate:after {\n  -webkit-transition-duration: 0ms;\n  -moz-transition-duration: 0ms;\n  transition-duration: 0ms;\n}\n.art-video-player .hint--bounce:before,\n.art-video-player .hint--bounce:after {\n  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);\n  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);\n  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);\n}\n.art-video-player .hint--no-shadow:before,\n.art-video-player .hint--no-shadow:after {\n  text-shadow: initial;\n  box-shadow: initial;\n}\n.art-video-player .hint--no-arrow:before {\n  display: none;\n}\n.art-video-player.art-mobile {\n  --art-bottom-gap: 10px;\n  --art-control-height: 38px;\n  --art-control-icon-scale: 1;\n  --art-state-size: 60px;\n  --art-settings-max-height: 180px;\n  --art-selector-max-height: 180px;\n  --art-indicator-scale: 1;\n  --art-control-opacity: 1;\n}\n.art-video-player.art-mobile .art-controls-left {\n  margin-left: calc(var(--art-padding) / -1);\n}\n.art-video-player.art-mobile .art-controls-right {\n  margin-right: calc(var(--art-padding) / -1);\n}\n",xt=class extends Q{constructor(t){super(t),this.name="subtitle",this.option=null,this.destroyEvent=()=>null,this.init(t.option.subtitle);let e=!1;t.on("video:timeupdate",()=>{if(!this.url)return;const t=this.art.template.$video.webkitDisplayingFullscreen;"boolean"==typeof t&&t!==e&&(e=t,this.createTrack(t?"subtitles":"metadata",this.url))})}get url(){return this.art.template.$track.src}set url(t){this.switch(t)}get textTrack(){return this.art.template.$video?.textTracks?.[0]}get activeCues(){return this.textTrack?Array.from(this.textTrack.activeCues):[]}get cues(){return this.textTrack?Array.from(this.textTrack.cues):[]}style(t,e){const{$subtitle:n}=this.art.template;return"object"==typeof t?Dt(n,t):Vt(n,t,e)}update(){const{option:{subtitle:t},template:{$subtitle:e}}=this.art;e.innerHTML="",this.activeCues.length&&(this.art.emit("subtitleBeforeUpdate",this.activeCues),e.innerHTML=this.activeCues.map((e,n)=>e.text.split(/\r?\n/).filter(t=>t.trim()).map(e=>`<div class="art-subtitle-line" data-group="${n}">\n                                ${t.escape?oe(e):e}\n                            </div>`).join("")).join(""),this.art.emit("subtitleAfterUpdate",this.activeCues))}async switch(t,e={}){const{i18n:n,notice:r,option:a}=this.art,o={...a.subtitle,...e,url:t},i=await this.init(o);return e.name&&(r.show=`${n.get("Switch Subtitle")}: ${e.name}`),i}createTrack(t,e){const{template:n,proxy:r,option:a}=this.art,{$video:o,$track:i}=n,s=Xt("track");s.default=!0,s.kind=t,s.src=e,s.label=a.subtitle.name||"Artplayer",s.track.mode="hidden",s.onload=()=>{this.art.emit("subtitleLoad",this.cues,this.option)},this.art.events.remove(this.destroyEvent),i.onload=null,Rt(i),Ot(o,s),n.$track=s,this.destroyEvent=r(this.textTrack,"cuechange",()=>this.update())}async init(t){const{notice:e,template:{$subtitle:n}}=this.art;return this.textTrack?(A(t,J.subtitle),t.url?(this.option=t,this.style(t.style),fetch(t.url).then(t=>t.arrayBuffer()).then(e=>{const n=new TextDecoder(t.encoding).decode(e);switch(t.type||te(t.url)){case"srt":{const e=de(n);return pe(t.onVttLoad(e))}case"ass":{const e=he(n);return pe(t.onVttLoad(e))}case"vtt":return pe(t.onVttLoad(n));default:return t.url}}).then(t=>(n.innerHTML="",this.url===t||(URL.revokeObjectURL(this.url),this.createTrack("metadata",t)),t)).catch(t=>{throw n.innerHTML="",e.show=t,t})):void 0):null}},kt=class t{constructor(t){this.art=t;const{option:e,constructor:n}=t;e.container instanceof Element?this.$container=e.container:(this.$container=Mt(e.container),Qt(this.$container,`No container element found by ${e.container}`)),Qt(Gt(),"The current browser does not support flex layout");const r=this.$container.tagName.toLowerCase();Qt("div"===r,`Unsupported container element type, only support 'div' but got '${r}'`),Qt(n.instances.every(t=>t.template.$container!==this.$container),"Cannot mount multiple instances on the same dom element"),this.query=this.query.bind(this),this.$container.dataset.artId=t.id,this.init()}static get html(){return`\n          <div class="art-video-player art-subtitle-show art-layer-show art-control-show art-mask-show">\n            <video class="art-video">\n              <track default kind="metadata" src=""></track>\n            </video>\n            <div class="art-poster"></div>\n            <div class="art-subtitle"></div>\n            <div class="art-danmuku"></div>\n            <div class="art-layers"></div>\n            <div class="art-mask">\n              <div class="art-state"></div>\n            </div>\n            <div class="art-bottom">\n              <div class="art-progress"></div>\n              <div class="art-controls">\n                <div class="art-controls-left"></div>\n                <div class="art-controls-center"></div>\n                <div class="art-controls-right"></div>\n              </div>\n            </div>\n            <div class="art-loading"></div>\n            <div class="art-notice">\n              <div class="art-notice-inner"></div>\n            </div>\n            <div class="art-settings"></div>\n            <div class="art-info">\n              <div class="art-info-panel">\n                <div class="art-info-item">\n                  <div class="art-info-title">Player version:</div>\n                  <div class="art-info-content">${P}</div>\n                </div>\n                <div class="art-info-item">\n                  <div class="art-info-title">Video url:</div>\n                  <div class="art-info-content" data-video="currentSrc"></div>\n                </div>\n                <div class="art-info-item">\n                  <div class="art-info-title">Video volume:</div>\n                  <div class="art-info-content" data-video="volume"></div>\n                </div>\n                <div class="art-info-item">\n                  <div class="art-info-title">Video time:</div>\n                  <div class="art-info-content" data-video="currentTime"></div>\n                </div>\n                <div class="art-info-item">\n                  <div class="art-info-title">Video duration:</div>\n                  <div class="art-info-content" data-video="duration"></div>\n                </div>\n                <div class="art-info-item">\n                  <div class="art-info-title">Video resolution:</div>\n                  <div class="art-info-content">\n                    <span data-video="videoWidth"></span> x <span data-video="videoHeight"></span>\n                  </div>\n                </div>\n              </div>\n              <div class="art-info-close">[x]</div>\n            </div>\n            <div class="art-contextmenus"></div>\n          </div>\n        `}query(t){return Mt(t,this.$container)}init(){const{option:e}=this.art;if(e.useSSR||(this.$container.innerHTML=t.html),this.$player=this.query(".art-video-player"),this.$video=this.query(".art-video"),this.$track=this.query("track"),this.$poster=this.query(".art-poster"),this.$subtitle=this.query(".art-subtitle"),this.$danmuku=this.query(".art-danmuku"),this.$bottom=this.query(".art-bottom"),this.$progress=this.query(".art-progress"),this.$controls=this.query(".art-controls"),this.$controlsLeft=this.query(".art-controls-left"),this.$controlsCenter=this.query(".art-controls-center"),this.$controlsRight=this.query(".art-controls-right"),this.$layer=this.query(".art-layers"),this.$loading=this.query(".art-loading"),this.$notice=this.query(".art-notice"),this.$noticeInner=this.query(".art-notice-inner"),this.$mask=this.query(".art-mask"),this.$state=this.query(".art-state"),this.$setting=this.query(".art-settings"),this.$info=this.query(".art-info"),this.$infoPanel=this.query(".art-info-panel"),this.$infoClose=this.query(".art-info-close"),this.$contextmenu=this.query(".art-contextmenus"),e.proxy){const t=e.proxy.call(this.art,this.art);Qt(t instanceof HTMLVideoElement||t instanceof HTMLCanvasElement,"Function 'option.proxy' needs to return 'HTMLVideoElement' or 'HTMLCanvasElement'"),Wt(t,this.$video),t.className="art-video",this.$video=t}e.backdrop&&At(this.$player,"art-backdrop"),Y&&At(this.$player,"art-mobile")}destroy(t){t?this.$container.innerHTML="":At(this.$player,"art-destroy")}},$t=class{on(t,e,n){const r=this.e||(this.e={});return(r[t]||(r[t]=[])).push({fn:e,ctx:n}),this}once(t,e,n){const r=this;function a(...o){r.off(t,a),e.apply(n,o)}return a._=e,this.on(t,a,n)}emit(t,...e){const n=((this.e||(this.e={}))[t]||[]).slice();for(let r=0;r<n.length;r+=1)n[r].fn.apply(n[r].ctx,e);return this}off(t,e){const n=this.e||(this.e={}),r=n[t],a=[];if(r&&e)for(let o=0,i=r.length;o<i;o+=1)r[o].fn!==e&&r[o].fn._!==e&&a.push(r[o]);return a.length?n[t]=a:delete n[t],this}},Tt=0,Et=[],t("i",Ct=class t extends $t{constructor(e,n){if(super(),!N)throw new Error("Artplayer can only be used in the browser environment");this.id=++Tt;const r=ce(t.option,e);if(r.container=e.container,this.option=A(r,J),this.isLock=!1,this.isReady=!1,this.isFocus=!1,this.isInput=!1,this.isRotate=!1,this.isDestroy=!1,this.template=new kt(this),this.events=new nt(this),this.storage=new bt(this),this.icons=new it(this),this.i18n=new ot(this),this.notice=new pt(this),this.player=new ft(this),this.layers=new lt(this),this.controls=new et(this),this.contextmenu=new tt(this),this.subtitle=new xt(this),this.info=new st(this),this.loading=new ct(this),this.hotkey=new rt(this),this.mask=new dt(this),this.setting=new yt(this),this.plugins=new vt(this),"function"==typeof n&&this.on("ready",()=>n.call(this,this)),t.DEBUG){const e=t=>console.log(`[ART.${this.id}] -> ${t}`);e(`Version@${t.version}`);for(let t=0;t<_.events.length;t++)this.on(`video:${_.events[t]}`,t=>e(`Event@${t.type}`))}Et.push(this)}static get instances(){return Et}static get version(){return P}static get config(){return _}static get utils(){return j}static get scheme(){return J}static get Emitter(){return $t}static get validator(){return A}static get kindOf(){return A.kindOf}static get html(){return kt.html}static get option(){return{id:"",container:"#artplayer",url:"",poster:"",type:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,autoMini:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,backdrop:!0,fullscreen:!1,fullscreenWeb:!1,subtitleOffset:!1,miniProgressBar:!1,useSSR:!1,playsInline:!0,lock:!1,gesture:!0,fastForward:!1,autoPlayback:!1,autoOrientation:!1,airplay:!1,proxy:void 0,layers:[],contextmenu:[],controls:[],settings:[],quality:[],highlight:[],plugins:[],thumbnails:{url:"",number:60,column:10,width:0,height:0,scale:1},subtitle:{url:"",type:"",style:{},name:"",escape:!0,encoding:"utf-8",onVttLoad:t=>t},moreVideoAttr:{controls:!1,preload:R?"auto":"metadata"},i18n:{},icons:{},cssVar:{},customType:{},lang:navigator?.language.toLowerCase()}}get proxy(){return this.events.proxy}get query(){return this.template.query}get video(){return this.template.$video}reset(){this.video.removeAttribute("src"),this.video.load()}destroy(e=!0){t.REMOVE_SRC_WHEN_DESTROY&&this.reset(),this.events.destroy(),this.template.destroy(e),Et.splice(Et.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}),Ct.STYLE=wt,Ct.DEBUG=!1,Ct.CONTEXTMENU=!0,Ct.NOTICE_TIME=2e3,Ct.SETTING_WIDTH=250,Ct.SETTING_ITEM_WIDTH=200,Ct.SETTING_ITEM_HEIGHT=35,Ct.RESIZE_TIME=200,Ct.SCROLL_TIME=200,Ct.SCROLL_GAP=50,Ct.AUTO_PLAYBACK_MAX=10,Ct.AUTO_PLAYBACK_MIN=5,Ct.AUTO_PLAYBACK_TIMEOUT=3e3,Ct.RECONNECT_TIME_MAX=5,Ct.RECONNECT_SLEEP_TIME=1e3,Ct.CONTROL_HIDE_TIME=3e3,Ct.DBCLICK_TIME=300,Ct.DBCLICK_FULLSCREEN=!0,Ct.MOBILE_DBCLICK_PLAY=!0,Ct.MOBILE_CLICK_PLAY=!1,Ct.AUTO_ORIENTATION_TIME=200,Ct.INFO_LOOP_TIME=1e3,Ct.FAST_FORWARD_VALUE=3,Ct.FAST_FORWARD_TIME=1e3,Ct.TOUCH_MOVE_RATIO=.5,Ct.VOLUME_STEP=.1,Ct.SEEK_STEP=5,Ct.PLAYBACK_RATE=[.5,.75,1,1.25,1.5,2],Ct.ASPECT_RATIO=["default","4:3","16:9"],Ct.FLIP=["normal","horizontal","vertical"],Ct.FULLSCREEN_WEB_IN_BODY=!0,Ct.LOG_VERSION=!0,Ct.USE_RAF=!1,Ct.REMOVE_SRC_WHEN_DESTROY=!0,N&&(qt("artplayer-style",wt),setTimeout(()=>{Ct.LOG_VERSION&&console.log(`%c ArtPlayer %c ${Ct.version} %c https://artplayer.org`,"color: #fff; background: #5f5f5f","color: #fff; background: #4bc729","")},100)),Ct.PLAYBACK_RATE=[.5,.75,1,1.25,1.5,2,3,4],t("r",St=[{icon:"iina",name:"IINA",scheme:"iina://weblink?url=$edurl",platforms:["MacOS"]},{icon:"potplayer",name:"PotPlayer",scheme:"potplayer://$durl",platforms:["Windows"]},{icon:"vlc",name:"VLC",scheme:"vlc://$durl",platforms:["Windows","MacOS","Linux","Android","iOS"]},{icon:"android",name:"Android",scheme:"intent:$durl#Intent;type=video/*;S.title=$name;end",platforms:["Android"]},{icon:"nplayer",name:"nPlayer",scheme:"nplayer-$durl",platforms:["Android","iOS"]},{icon:"omniplayer",name:"OmniPlayer",scheme:"omniplayer://weblink?url=$durl",platforms:["MacOS"]},{icon:"figplayer",name:"Fig Player",scheme:"figplayer://weblink?url=$durl",platforms:["MacOS"]},{icon:"infuse",name:"Infuse",scheme:"infuse://x-callback-url/play?url=$durl",platforms:["MacOS","iOS"]},{icon:"fileball",name:"Fileball",scheme:"filebox://play?url=$durl",platforms:["MacOS","iOS"]},{icon:"mxplayer",name:"MX Player",scheme:"intent:$durl#Intent;package=com.mxtech.videoplayer.ad;S.title=$name;end",platforms:["Android"]},{icon:"mxplayer-pro",name:"MX Player Pro",scheme:"intent:$durl#Intent;package=com.mxtech.videoplayer.pro;S.title=$name;end",platforms:["Android"]},{icon:"iPlay",name:"iPlay",scheme:"iplay://play/any?type=url&url=$bdurl",platforms:["iOS"]},{icon:"mpv",name:"mpv",scheme:"mpv://$edurl",platforms:["Windows","MacOS","Linux","Android"]}]),t("t",t=>{const{$container:e,$video:n}=t.template,r=e.parentElement;t.on("ready",()=>{r.style.maxHeight=`calc(100vh - ${r.offsetTop}px - 1.75rem)`,r.style.minHeight="320px",t.autoHeight()}),t.on("resize",()=>{t.autoHeight()}),t.on("error",()=>{n.style.height||(e.style.height="60vh",n.style.height="100%")})}),t("n",t=>{const{replace:e,pathname:M}=b(),{currentObjLink:I}=x(),{handleFolder:A}=g(),[P,_]=y(""),O=T(()=>{let t=!0,e=!1;const n=a.objs.filter(n=>n.type===S.VIDEO&&(n.name===a.obj.name?(t=!1,e=!0,_(n.name)):e=!1,!0));if(e&&(t="all"!==w().type),t){let t=M();if(!t.endsWith(a.obj.name))return n.push(a.obj),_(a.obj.name),n;const e=a.objs.length>0;A(E(t),i()+(e?1:0),void 0,e,!1,!0)}return n}),R=n();let V=localStorage.getItem("video_auto_next");V||(V="true"),t.onAutoNextChange("true"===V);const[D,Y]=y("true"===localStorage.getItem("video_show_all_players")),N=C(),F=T(()=>D()||"Unknown"===N?St:St.filter(t=>t.platforms.includes(N)));return f(d,{w:"$full",spacing:"$2",get children(){return[l(()=>t.children),f(s,{get when(){return""!==P()},get children(){return f(k,{spacing:"$2",w:"$full",get children(){return[f(z,{onChange:t=>{e(t)},get value(){return P()},get options(){return O().map(t=>({value:t.name}))}}),f(o,{css:{whiteSpace:"nowrap"},defaultChecked:"true"===V,onChange:e=>{t.onAutoNextChange(e.currentTarget.checked),localStorage.setItem("video_auto_next",e.currentTarget.checked.toString())},get children(){return R("home.preview.auto_next")}})]}})}}),f(h,{wrap:"wrap",gap:"$1",justifyContent:"center",alignItems:"center",get children(){return[f(p,{get each(){return F()},children:t=>f(m,{placement:"top",withArrow:!0,get label(){return t.name},get children(){return f(r,{get href(){return $(t.scheme,{raw_url:a.raw_url,name:a.obj.name,d_url:I(!0)})},get children(){return f(c,{m:"0 auto",boxSize:"$8",get src(){return`${window.__dynamic_base__}/images/${t.icon}.webp`}})}})}})}),f(v,{"aria-label":"Show all players",variant:"ghost",onClick:()=>{const t=!D();Y(t),localStorage.setItem("video_show_all_players",t.toString())},get icon(){return f(u,{as:L,boxSize:"$6",color:"accent.500",get transform(){return D()?"rotate(180deg)":"none"},transition:"transform 0.2s"})}})]}})]}})})}}});