diff --git a/dist/artplayer-react.css b/dist/artplayer-react.css
index 4bdb13e60..3ce1ace4f 100644
--- a/dist/artplayer-react.css
+++ b/dist/artplayer-react.css
@@ -1 +1,18 @@
-.artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}.artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;outline:0;cursor:pointer}.artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;text-shadow:.5px .5px .5px rgba(0,0,0,.5);font-size:20px;pointer-events:none}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}.artplayer-video-player .artplayer-layers{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:all}.artplayer-video-player .artplayer-mask{display:none;position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-mask .art-playBig{position:absolute;right:30px;bottom:65px;opacity:.6}.artplayer-video-player .artplayer-loading{display:none;position:absolute;z-index:60;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-bottom{position:absolute;z-index:50;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:all}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:all;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}.artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:70;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.artplayer-video-player .artplayer-contextmenu{display:none;position:absolute;z-index:110;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.8);border-radius:3px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu a{color:#fff;text-decoration:none}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span{display:inline-block;padding:0 7px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current,.artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover{color:#00c9ff}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child{border-bottom:none}.artplayer-video-player .artplayer-setting{display:none;position:absolute;z-index:80;left:0;top:0;height:100%;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:relative;width:300px;height:250px;font-size:12px;background:rgba(0,0,0,.8);border-radius:3px;pointer-events:all;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 20px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{color:#fff;margin-bottom:10px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-body{color:hsla(0,0%,100%,.8)}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-close{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,.5);font-size:20px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-4px;margin-right:-4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn span{display:block;height:20px;line-height:20px;text-align:center;color:#fff;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn.current span,.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn:hover span{color:#fff;background:#00a1d6}.artplayer-video-player .artplayer-info{display:none;position:absolute;left:10px;top:10px;z-index:90;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}.artplayer-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.artplayer-video-player.artplayer-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}.artplayer-video-player .artplayer-pip-header{display:none;position:absolute;z-index:100;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.artplayer-video-player .artplayer-pip-header .artplayer-pip-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.artplayer-video-player .artplayer-pip-header .artplayer-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.artplayer-video-player.is-dragging{opacity:.7}.artplayer-video-player.artplayer-pip{position:fixed;z-index:9999;right:20px;bottom:20px;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.artplayer-video-player.artplayer-pip .artplayer-pip-header{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header{opacity:1;visibility:visible}.artplayer-video-player.artplayer-pip .artplayer-mask{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.artplayer-video-player.artplayer-pip .artplayer-mask .art-playBig{position:static}.artplayer-video-player.artplayer-pip .artplayer-bottom,.artplayer-video-player.artplayer-pip .artplayer-contextmenu,.artplayer-video-player.artplayer-pip .artplayer-danmu,.artplayer-video-player.artplayer-pip .artplayer-info,.artplayer-video-player.artplayer-pip .artplayer-layers,.artplayer-video-player.artplayer-pip .artplayer-notice,.artplayer-video-player.artplayer-pip .artplayer-setting,.artplayer-video-player.artplayer-pip .artplayer-subtitle{display:none!important}.artplayer-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.artplayer-video-player[data-flip=horizontal] .artplayer-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.artplayer-video-player[data-flip=vertical] .artplayer-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}button[data-balloon]{overflow:visible}[data-balloon]{position:relative;cursor:pointer}[data-balloon]:after{font-family:sans-serif!important;font-weight:400!important;font-style:normal!important;text-shadow:none!important;font-size:12px!important;background:rgba(17,17,17,.9);border-radius:4px;color:#fff;content:attr(data-balloon);padding:.5em 1em;white-space:nowrap}[data-balloon]:after,[data-balloon]:before{filter:alpha(opactiy=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[data-balloon]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;content:""}[data-balloon]:hover:after,[data-balloon]:hover:before,[data-balloon][data-balloon-visible]:after,[data-balloon][data-balloon-visible]:before{filter:alpha(opactiy=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;pointer-events:auto}[data-balloon].font-awesome:after{font-family:FontAwesome}[data-balloon][data-balloon-break]:after{white-space:pre}[data-balloon][data-balloon-blunt]:after,[data-balloon][data-balloon-blunt]:before{-webkit-transition:none;transition:none}[data-balloon][data-balloon-pos=up]:after{margin-bottom:11px}[data-balloon][data-balloon-pos=up]:after,[data-balloon][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up]:before{margin-bottom:5px}[data-balloon][data-balloon-pos=up]:hover:after,[data-balloon][data-balloon-pos=up]:hover:before,[data-balloon][data-balloon-pos=up][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up][data-balloon-visible]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}[data-balloon][data-balloon-pos=up-left]:after{left:0;margin-bottom:11px}[data-balloon][data-balloon-pos=up-left]:after,[data-balloon][data-balloon-pos=up-left]:before{bottom:100%;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up-left]:before{left:5px;margin-bottom:5px}[data-balloon][data-balloon-pos=up-left]:hover:after,[data-balloon][data-balloon-pos=up-left]:hover:before,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=up-right]:after{right:0;margin-bottom:11px}[data-balloon][data-balloon-pos=up-right]:after,[data-balloon][data-balloon-pos=up-right]:before{bottom:100%;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up-right]:before{right:5px;margin-bottom:5px}[data-balloon][data-balloon-pos=up-right]:hover:after,[data-balloon][data-balloon-pos=up-right]:hover:before,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=down]:after{margin-top:11px}[data-balloon][data-balloon-pos=down]:after,[data-balloon][data-balloon-pos=down]:before{left:50%;top:100%;-webkit-transform:translate(-50%,-10px);transform:translate(-50%,-10px)}[data-balloon][data-balloon-pos=down]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;margin-top:5px}[data-balloon][data-balloon-pos=down]:hover:after,[data-balloon][data-balloon-pos=down]:hover:before,[data-balloon][data-balloon-pos=down][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down][data-balloon-visible]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}[data-balloon][data-balloon-pos=down-left]:after{left:0;margin-top:11px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-left]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;left:5px;margin-top:5px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-left]:hover:after,[data-balloon][data-balloon-pos=down-left]:hover:before,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=down-right]:after{right:0;margin-top:11px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-right]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;right:5px;margin-top:5px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-right]:hover:after,[data-balloon][data-balloon-pos=down-right]:hover:before,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=left]:after{margin-right:11px;right:100%;top:50%;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%)}[data-balloon][data-balloon-pos=left]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E");background-size:100% auto;width:6px;height:18px;margin-right:5px;right:100%;top:50%;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%)}[data-balloon][data-balloon-pos=left]:hover:after,[data-balloon][data-balloon-pos=left]:hover:before,[data-balloon][data-balloon-pos=left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=left][data-balloon-visible]:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-balloon][data-balloon-pos=right]:after{left:100%;margin-left:11px;top:50%;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}[data-balloon][data-balloon-pos=right]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E");background-size:100% auto;width:6px;height:18px;left:100%;margin-left:5px;top:50%;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}[data-balloon][data-balloon-pos=right]:hover:after,[data-balloon][data-balloon-pos=right]:hover:before,[data-balloon][data-balloon-pos=right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=right][data-balloon-visible]:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-balloon][data-balloon-length=small]:after{white-space:normal;width:80px}[data-balloon][data-balloon-length=medium]:after{white-space:normal;width:150px}[data-balloon][data-balloon-length=large]:after{white-space:normal;width:260px}[data-balloon][data-balloon-length=xlarge]:after{white-space:normal;width:380px}@media screen and (max-width:768px){[data-balloon][data-balloon-length=xlarge]:after{white-space:normal;width:90vw}}[data-balloon][data-balloon-length=fit]:after{white-space:normal;width:100%}
\ No newline at end of file
+.artplayer-video-player{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin:0 auto;z-index:10;width:100%;height:100%;outline:0;zoom:1;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.artplayer-video-player .art-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}.artplayer-video-player>object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
+.artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}
+.artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}.artplayer-video-player.artplayer-subtitle-hide .artplayer-subtitle{display:none}
+.artplayer-video-player .artplayer-danmuku{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
+.artplayer-video-player .artplayer-layers{position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:auto}.artplayer-video-player.artplayer-layers-hide .artplayer-layers{display:none}
+.artplayer-video-player .artplayer-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.artplayer-video-player .artplayer-mask,.artplayer-video-player .artplayer-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.artplayer-video-player .artplayer-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.artplayer-video-player.artplayer-mask-show .artplayer-mask,.artplayer-video-player .artplayer-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.artplayer-video-player.artplayer-loading-show .artplayer-loading{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:auto}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}
+.artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.artplayer-video-player.artplayer-notice-show .artplayer-notice{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-contextmenu{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.8);border-radius:3px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu a{color:#fff;text-decoration:none}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span{display:inline-block;padding:0 7px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current,.artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover{color:#00c9ff}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child{border-bottom:none}.artplayer-video-player.artplayer-contextmenu-show .artplayer-contextmenu{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-setting{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.8);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{margin-bottom:5px}.artplayer-video-player .artplayer-setting .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.artplayer-video-player .artplayer-setting .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.artplayer-video-player .artplayer-setting .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.artplayer-video-player.artplayer-setting-show .artplayer-setting{opacity:1;visibility:visible;pointer-events:auto}.artplayer-video-player.artplayer-setting-show .artplayer-setting .artplayer-setting-inner{right:0}
+.artplayer-video-player .artplayer-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.artplayer-video-player.artplayer-info-show .artplayer-info{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}
+.artplayer-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}
+.artplayer-video-player.artplayer-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}
+.artplayer-video-player .artplayer-pip-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.artplayer-video-player .artplayer-pip-header .artplayer-pip-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.artplayer-video-player .artplayer-pip-header .artplayer-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.artplayer-video-player.is-dragging{opacity:.7}.artplayer-video-player.artplayer-pip{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.artplayer-video-player.artplayer-pip .artplayer-pip-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header{opacity:1;visibility:visible}.artplayer-video-player.artplayer-pip .artplayer-mask .art-state{position:static}.artplayer-video-player.artplayer-pip .artplayer-bottom,.artplayer-video-player.artplayer-pip .artplayer-contextmenu,.artplayer-video-player.artplayer-pip .artplayer-danmu,.artplayer-video-player.artplayer-pip .artplayer-info,.artplayer-video-player.artplayer-pip .artplayer-layers,.artplayer-video-player.artplayer-pip .artplayer-notice,.artplayer-video-player.artplayer-pip .artplayer-setting,.artplayer-video-player.artplayer-pip .artplayer-subtitle{display:none!important}
+.artplayer-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
+.artplayer-video-player[data-flip=horizontal] .artplayer-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.artplayer-video-player[data-flip=vertical] .artplayer-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}
\ No newline at end of file
diff --git a/dist/artplayer-react.js b/dist/artplayer-react.js
index e5b72424d..4af829927 100644
--- a/dist/artplayer-react.js
+++ b/dist/artplayer-react.js
@@ -5,4 +5,4 @@
  * Released under the MIT License.
  */
 
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).ArtplayerReact=e()}(this,function(){"use strict";var a=function(t,e){if(null==t)return{};var n,r,i={},o=Object.keys(t);for(r=0;r<o.length;r++)n=o[r],0<=e.indexOf(n)||(i[n]=t[n]);return i};var r=function(t,e){if(null==t)return{};var n,r,i=a(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(r=0;r<o.length;r++)n=o[r],0<=e.indexOf(n)||Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i};var i=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};var o=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(t){i(e,t,n[t])})}return e},jt="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function t(t,e){return t(e={exports:{}},e.exports),e.exports}var s=t(function(e){function n(t){return(n="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})(t)}function r(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=r=function(t){return n(t)}:e.exports=r=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},r(t)}e.exports=r});var c=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function u(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var e=function(t,e,n){return e&&u(t.prototype,e),n&&u(t,n),t};var n=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var l=function(t,e){return!e||"object"!==s(e)&&"function"!=typeof e?n(t):e},f=t(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),p=t(function(n){function r(t,e){return n.exports=r=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},r(t,e)}n.exports=r});var d=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&p(t,e)},h=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var $t=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var e={},n=0;n<10;n++)e["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(e).map(function(t){return e[t]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(t){r[t]=t}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var n,r,i=function(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}(t),o=1;o<arguments.length;o++){for(var a in n=Object(arguments[o]))y.call(n,a)&&(i[a]=n[a]);if(h){r=h(n);for(var s=0;s<r.length;s++)v.call(n,r[s])&&(i[r[s]]=n[r[s]])}}return i},m="function"==typeof Symbol&&Symbol.for,g=m?Symbol.for("react.element"):60103,b=m?Symbol.for("react.portal"):60106,w=m?Symbol.for("react.fragment"):60107,x=m?Symbol.for("react.strict_mode"):60108,k=m?Symbol.for("react.profiler"):60114,S=m?Symbol.for("react.provider"):60109,E=m?Symbol.for("react.context"):60110,P=m?Symbol.for("react.concurrent_mode"):60111,$=m?Symbol.for("react.forward_ref"):60112,_=m?Symbol.for("react.suspense"):60113,O=m?Symbol.for("react.memo"):60115,R=m?Symbol.for("react.lazy"):60116,C="function"==typeof Symbol&&Symbol.iterator;function j(t){for(var e=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+t,r=0;r<e;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);!function(t,e,n,r,i,o,a,s){if(!t){if((t=void 0)===e)t=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,i,o,a,s],u=0;(t=Error(e.replace(/%s/g,function(){return c[u++]}))).name="Invariant Violation"}throw t.framesToPop=1,t}}(!1,"Minified React error #"+t+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}var T={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},L={};function M(t,e,n){this.props=t,this.context=e,this.refs=L,this.updater=n||T}function A(){}function D(t,e,n){this.props=t,this.context=e,this.refs=L,this.updater=n||T}M.prototype.isReactComponent={},M.prototype.setState=function(t,e){"object"!=typeof t&&"function"!=typeof t&&null!=t&&j("85"),this.updater.enqueueSetState(this,t,e,"setState")},M.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")},A.prototype=M.prototype;var z=D.prototype=new A;z.constructor=D,$t(z,M.prototype),z.isPureReactComponent=!0;var q={current:null},W={current:null},I=Object.prototype.hasOwnProperty,F={key:!0,ref:!0,__self:!0,__source:!0};function N(t,e,n){var r=void 0,i={},o=null,a=null;if(null!=e)for(r in void 0!==e.ref&&(a=e.ref),void 0!==e.key&&(o=""+e.key),e)I.call(e,r)&&!F.hasOwnProperty(r)&&(i[r]=e[r]);var s=arguments.length-2;if(1===s)i.children=n;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];i.children=c}if(t&&t.defaultProps)for(r in s=t.defaultProps)void 0===i[r]&&(i[r]=s[r]);return{$$typeof:g,type:t,key:o,ref:a,props:i,_owner:W.current}}function H(t){return"object"==typeof t&&null!==t&&t.$$typeof===g}var B=/\/+/g,U=[];function V(t,e,n,r){if(U.length){var i=U.pop();return i.result=t,i.keyPrefix=e,i.func=n,i.context=r,i.count=0,i}return{result:t,keyPrefix:e,func:n,context:r,count:0}}function Y(t){t.result=null,t.keyPrefix=null,t.func=null,t.context=null,t.count=0,U.length<10&&U.push(t)}function J(t,e,n){return null==t?0:function t(e,n,r,i){var o=typeof e;"undefined"!==o&&"boolean"!==o||(e=null);var a=!1;if(null===e)a=!0;else switch(o){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case g:case b:a=!0}}if(a)return r(i,e,""===n?"."+Q(e,0):n),1;if(a=0,n=""===n?".":n+":",Array.isArray(e))for(var s=0;s<e.length;s++){var c=n+Q(o=e[s],s);a+=t(o,c,r,i)}else if("function"==typeof(c=null===e||"object"!=typeof e?null:"function"==typeof(c=C&&e[C]||e["@@iterator"])?c:null))for(e=c.call(e),s=0;!(o=e.next()).done;)a+=t(o=o.value,c=n+Q(o,s++),r,i);else"object"===o&&j("31","[object Object]"==(r=""+e)?"object with keys {"+Object.keys(e).join(", ")+"}":r,"");return a}(t,"",e,n)}function Q(t,e){return"object"==typeof t&&null!==t&&null!=t.key?function(t){var e={"=":"=0",":":"=2"};return"$"+(""+t).replace(/[=:]/g,function(t){return e[t]})}(t.key):e.toString(36)}function X(t,e){t.func.call(t.context,e,t.count++)}function Z(t,e,n){var r=t.result,i=t.keyPrefix;t=t.func.call(t.context,e,t.count++),Array.isArray(t)?G(t,r,n,function(t){return t}):null!=t&&(H(t)&&(t=function(t,e){return{$$typeof:g,type:t.type,key:e,ref:t.ref,props:t.props,_owner:t._owner}}(t,i+(!t.key||e&&e.key===t.key?"":(""+t.key).replace(B,"$&/")+"/")+n)),r.push(t))}function G(t,e,n,r,i){var o="";null!=n&&(o=(""+n).replace(B,"$&/")+"/"),J(t,Z,e=V(e,o,r,i)),Y(e)}function K(){var t=q.current;return null===t&&j("321"),t}var tt={Children:{map:function(t,e,n){if(null==t)return t;var r=[];return G(t,r,null,e,n),r},forEach:function(t,e,n){if(null==t)return t;J(t,X,e=V(null,null,e,n)),Y(e)},count:function(t){return J(t,function(){return null},null)},toArray:function(t){var e=[];return G(t,e,null,function(t){return t}),e},only:function(t){return H(t)||j("143"),t}},createRef:function(){return{current:null}},Component:M,PureComponent:D,createContext:function(t,e){return void 0===e&&(e=null),(t={$$typeof:E,_calculateChangedBits:e,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:S,_context:t},t.Consumer=t},forwardRef:function(t){return{$$typeof:$,render:t}},lazy:function(t){return{$$typeof:R,_ctor:t,_status:-1,_result:null}},memo:function(t,e){return{$$typeof:O,type:t,compare:void 0===e?null:e}},useCallback:function(t,e){return K().useCallback(t,e)},useContext:function(t,e){return K().useContext(t,e)},useEffect:function(t,e){return K().useEffect(t,e)},useImperativeHandle:function(t,e,n){return K().useImperativeHandle(t,e,n)},useDebugValue:function(){},useLayoutEffect:function(t,e){return K().useLayoutEffect(t,e)},useMemo:function(t,e){return K().useMemo(t,e)},useReducer:function(t,e,n){return K().useReducer(t,e,n)},useRef:function(t){return K().useRef(t)},useState:function(t){return K().useState(t)},Fragment:w,StrictMode:x,Suspense:_,createElement:N,cloneElement:function(t,e,n){null==t&&j("267",t);var r=void 0,i=$t({},t.props),o=t.key,a=t.ref,s=t._owner;if(null!=e){void 0!==e.ref&&(a=e.ref,s=W.current),void 0!==e.key&&(o=""+e.key);var c=void 0;for(r in t.type&&t.type.defaultProps&&(c=t.type.defaultProps),e)I.call(e,r)&&!F.hasOwnProperty(r)&&(i[r]=void 0===e[r]&&void 0!==c?c[r]:e[r])}if(1===(r=arguments.length-2))i.children=n;else if(1<r){c=Array(r);for(var u=0;u<r;u++)c[u]=arguments[u+2];i.children=c}return{$$typeof:g,type:t.type,key:o,ref:a,props:i,_owner:s}},createFactory:function(t){var e=N.bind(null,t);return e.type=t,e},isValidElement:H,version:"16.8.6",unstable_ConcurrentMode:P,unstable_Profiler:k,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentDispatcher:q,ReactCurrentOwner:W,assign:$t}},et=tt.default||tt,nt=function(){};if("production"!==process.env.NODE_ENV){var rt="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",it={},ot=Function.call.bind(Object.prototype.hasOwnProperty);nt=function(t){var e="Warning: "+t;"undefined"!=typeof console&&console.error(e);try{throw new Error(e)}catch(t){}}}function at(t,e,n,r,i){if("production"!==process.env.NODE_ENV)for(var o in t)if(ot(t,o)){var a;try{if("function"!=typeof t[o]){var s=Error((r||"React class")+": "+n+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof t[o]+"`.");throw s.name="Invariant Violation",s}a=t[o](e,o,r,n,null,rt)}catch(t){a=t}if(!a||a instanceof Error||nt((r||"React class")+": type specification of "+n+" `"+o+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof a+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),a instanceof Error&&!(a.message in it)){it[a.message]=!0;var c=i?i():"";nt("Failed "+n+" type: "+a.message+(null!=c?c:""))}}}at.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(it={})};var st,_t=at,ct=t(function(Pt){"production"!==process.env.NODE_ENV&&function(){var h=$t,i=_t,t="function"==typeof Symbol&&Symbol.for,m=t?Symbol.for("react.element"):60103,g=t?Symbol.for("react.portal"):60106,u=t?Symbol.for("react.fragment"):60107,n=t?Symbol.for("react.strict_mode"):60108,r=t?Symbol.for("react.profiler"):60114,a=t?Symbol.for("react.provider"):60109,s=t?Symbol.for("react.context"):60110,o=t?Symbol.for("react.concurrent_mode"):60111,c=t?Symbol.for("react.forward_ref"):60112,l=t?Symbol.for("react.suspense"):60113,f=t?Symbol.for("react.memo"):60115,p=t?Symbol.for("react.lazy"):60116,d="function"==typeof Symbol&&Symbol.iterator,y="@@iterator";function b(t){if(null===t||"object"!=typeof t)return null;var e=d&&t[d]||t[y];return"function"==typeof e?e:null}var v=function(){};function w(t,e,n,r,i,o,a,s){if(v(e),!t){var c=void 0;if(void 0===e)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,i,o,a,s],l=0;(c=new Error(e.replace(/%s/g,function(){return u[l++]}))).name="Invariant Violation"}throw c.framesToPop=1,c}}v=function(t){if(void 0===t)throw new Error("invariant requires an error message argument")};var x=function(t,e){if(void 0===e)throw new Error("`lowPriorityWarning(condition, format, ...args)` requires a warning message argument");if(!t){for(var n=arguments.length,r=Array(2<n?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];(function(t){for(var e=arguments.length,n=Array(1<e?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];var i=0,o="Warning: "+t.replace(/%s/g,function(){return n[i++]});"undefined"!=typeof console&&console.warn(o);try{throw new Error(o)}catch(t){}}).apply(void 0,[e].concat(r))}},k=function(t,e){for(var n=arguments.length,r=Array(2<n?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];if(void 0===e)throw new Error("`warningWithoutStack(condition, format, ...args)` requires a warning message argument");if(8<r.length)throw new Error("warningWithoutStack() currently supports at most 8 arguments.");if(!t){if("undefined"!=typeof console){var o=r.map(function(t){return""+t});o.unshift("Warning: "+e),Function.prototype.apply.call(console.error,console,o)}try{var a=0,s="Warning: "+e.replace(/%s/g,function(){return r[a++]});throw new Error(s)}catch(t){}}},S={};function E(t,e){var n=t.constructor,r=n&&(n.displayName||n.name)||"ReactClass",i=r+"."+e;S[i]||(k(!1,"Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",e,r),S[i]=!0)}var P={isMounted:function(t){return!1},enqueueForceUpdate:function(t,e,n){E(t,"forceUpdate")},enqueueReplaceState:function(t,e,n,r){E(t,"replaceState")},enqueueSetState:function(t,e,n,r){E(t,"setState")}},$={};function _(t,e,n){this.props=t,this.context=e,this.refs=$,this.updater=n||P}Object.freeze($),_.prototype.isReactComponent={},_.prototype.setState=function(t,e){"object"!=typeof t&&"function"!=typeof t&&null!=t&&w(!1,"setState(...): takes an object of state variables to update or a function which returns an object of state variables."),this.updater.enqueueSetState(this,t,e,"setState")},_.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};function e(t,e){Object.defineProperty(_.prototype,t,{get:function(){x(!1,"%s(...) is deprecated in plain JavaScript React classes. %s",e[0],e[1])}})}var O={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]};for(var R in O)O.hasOwnProperty(R)&&e(R,O[R]);function C(){}function j(t,e,n){this.props=t,this.context=e,this.refs=$,this.updater=n||P}C.prototype=_.prototype;var T=j.prototype=new C;T.constructor=j,h(T,_.prototype),T.isPureReactComponent=!0;var L={current:null},M={current:null},A=/^(.*)[\\\/]/,D=1;function z(t){if(null==t)return null;if("number"==typeof t.tag&&k(!1,"Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t;switch(t){case o:return"ConcurrentMode";case u:return"Fragment";case g:return"Portal";case r:return"Profiler";case n:return"StrictMode";case l:return"Suspense"}if("object"==typeof t)switch(t.$$typeof){case s:return"Context.Consumer";case a:return"Context.Provider";case c:return function(t,e,n){var r=e.displayName||e.name||"";return t.displayName||(""!==r?n+"("+r+")":n)}(t,t.render,"ForwardRef");case f:return z(t.type);case p:var e=function(t){return t._status===D?t._result:null}(t);if(e)return z(e)}return null}var q={},W=null;function I(t){W=t}q.getCurrentStack=null,q.getStackAddendum=function(){var t="";if(W){var e=z(W.type),n=W._owner;t+=function(t,e,n){var r="";if(e){var i=e.fileName,o=i.replace(A,"");if(/^index\./.test(o)){var a=i.match(A);if(a){var s=a[1];s&&(o=s.replace(A,"")+"/"+o)}}r=" (at "+o+":"+e.lineNumber+")"}else n&&(r=" (created by "+n+")");return"\n    in "+(t||"Unknown")+r}(e,W._source,n&&z(n.type))}var r=q.getCurrentStack;return r&&(t+=r()||""),t};var F={ReactCurrentDispatcher:L,ReactCurrentOwner:M,assign:h};h(F,{ReactDebugCurrentFrame:q,ReactComponentTreeHook:{}});var N=function(t,e){if(!t){for(var n=F.ReactDebugCurrentFrame.getStackAddendum(),r=arguments.length,i=Array(2<r?r-2:0),o=2;o<r;o++)i[o-2]=arguments[o];k.apply(void 0,[!1,e+"%s"].concat(i,[n]))}},H=Object.prototype.hasOwnProperty,B={key:!0,ref:!0,__self:!0,__source:!0},U=void 0,V=void 0;function Y(t){if(H.call(t,"ref")){var e=Object.getOwnPropertyDescriptor(t,"ref").get;if(e&&e.isReactWarning)return!1}return void 0!==t.ref}function J(t){if(H.call(t,"key")){var e=Object.getOwnPropertyDescriptor(t,"key").get;if(e&&e.isReactWarning)return!1}return void 0!==t.key}var Q=function(t,e,n,r,i,o,a){var s={$$typeof:m,type:t,key:e,ref:n,props:a,_owner:o,_store:{}};return Object.defineProperty(s._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(s,"_self",{configurable:!1,enumerable:!1,writable:!1,value:r}),Object.defineProperty(s,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(s.props),Object.freeze(s)),s};function X(t,e,n){var r=void 0,i={},o=null,a=null,s=null,c=null;if(null!=e)for(r in Y(e)&&(a=e.ref),J(e)&&(o=""+e.key),s=void 0===e.__self?null:e.__self,c=void 0===e.__source?null:e.__source,e)H.call(e,r)&&!B.hasOwnProperty(r)&&(i[r]=e[r]);var u=arguments.length-2;if(1==u)i.children=n;else if(1<u){for(var l=Array(u),f=0;f<u;f++)l[f]=arguments[f+2];Object.freeze&&Object.freeze(l),i.children=l}if(t&&t.defaultProps){var p=t.defaultProps;for(r in p)void 0===i[r]&&(i[r]=p[r])}if(o||a){var d="function"==typeof t?t.displayName||t.name||"Unknown":t;o&&function(t,e){function n(){U||k(!(U=!0),"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)",e)}n.isReactWarning=!0,Object.defineProperty(t,"key",{get:n,configurable:!0})}(i,d),a&&function(t,e){function n(){V||k(!(V=!0),"%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)",e)}n.isReactWarning=!0,Object.defineProperty(t,"ref",{get:n,configurable:!0})}(i,d)}return Q(t,o,a,s,c,M.current,i)}function Z(t){return"object"==typeof t&&null!==t&&t.$$typeof===m}var G=".",K=":";var tt=!1,et=/\/+/g;function nt(t){return(""+t).replace(et,"$&/")}var rt=10,it=[];function ot(t,e,n,r){if(it.length){var i=it.pop();return i.result=t,i.keyPrefix=e,i.func=n,i.context=r,i.count=0,i}return{result:t,keyPrefix:e,func:n,context:r,count:0}}function at(t){t.result=null,t.keyPrefix=null,t.func=null,t.context=null,t.count=0,it.length<rt&&it.push(t)}function st(t,e,n){return null==t?0:function t(e,n,r,i){var o=typeof e;"undefined"!=o&&"boolean"!=o||(e=null);var a=!1;if(null===e)a=!0;else switch(o){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case m:case g:a=!0}}if(a)return r(i,e,""===n?G+ct(e,0):n),1;var s=void 0,c=0,u=""===n?G:n+K;if(Array.isArray(e))for(var l=0;l<e.length;l++)c+=t(s=e[l],u+ct(s,l),r,i);else{var f=b(e);if("function"==typeof f){f===e.entries&&(tt||N(!1,"Using Maps as children is unsupported and will likely yield unexpected results. Convert it to a sequence/iterable of keyed ReactElements instead."),tt=!0);for(var p=f.call(e),d=void 0,h=0;!(d=p.next()).done;)c+=t(s=d.value,u+ct(s,h++),r,i)}else if("object"==o){var y;y=" If you meant to render a collection of children, use an array instead."+q.getStackAddendum();var v=""+e;w(!1,"Objects are not valid as a React child (found: %s).%s","[object Object]"==v?"object with keys {"+Object.keys(e).join(", ")+"}":v,y)}}return c}(t,"",e,n)}function ct(t,e){return"object"==typeof t&&null!==t&&null!=t.key?function(t){var e={"=":"=0",":":"=2"};return"$"+(""+t).replace(/[=:]/g,function(t){return e[t]})}(t.key):e.toString(36)}function ut(t,e,n){var r=t.func,i=t.context;r.call(i,e,t.count++)}function lt(t,e,n){var r=t.result,i=t.keyPrefix,o=t.func,a=t.context,s=o.call(a,e,t.count++);Array.isArray(s)?ft(s,r,n,function(t){return t}):null!=s&&(Z(s)&&(s=function(t,e){return Q(t.type,e,t.ref,t._self,t._source,t._owner,t.props)}(s,i+(!s.key||e&&e.key===s.key?"":nt(s.key)+"/")+n)),r.push(s))}function ft(t,e,n,r,i){var o="";null!=n&&(o=nt(n)+"/");var a=ot(e,o,r,i);st(t,lt,a),at(a)}function pt(t){return"string"==typeof t||"function"==typeof t||t===u||t===o||t===r||t===n||t===l||"object"==typeof t&&null!==t&&(t.$$typeof===p||t.$$typeof===f||t.$$typeof===a||t.$$typeof===s||t.$$typeof===c)}function dt(){var t=L.current;return null===t&&w(!1,"Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."),t}var ht=void 0;function yt(){if(M.current){var t=z(M.current.type);if(t)return"\n\nCheck the render method of `"+t+"`."}return""}ht=!1;var vt={};function mt(t,e){if(t._store&&!t._store.validated&&null==t.key){t._store.validated=!0;var n=function(t){var e=yt();if(!e){var n="string"==typeof t?t:t.displayName||t.name;n&&(e="\n\nCheck the top-level render call using <"+n+">.")}return e}(e);if(!vt[n]){vt[n]=!0;var r="";t&&t._owner&&t._owner!==M.current&&(r=" It was passed a child from "+z(t._owner.type)+"."),I(t),N(!1,'Each child in a list should have a unique "key" prop.%s%s See https://fb.me/react-warning-keys for more information.',n,r),I(null)}}}function gt(t,e){if("object"==typeof t)if(Array.isArray(t))for(var n=0;n<t.length;n++){var r=t[n];Z(r)&&mt(r,e)}else if(Z(t))t._store&&(t._store.validated=!0);else if(t){var i=b(t);if("function"==typeof i&&i!==t.entries)for(var o=i.call(t),a=void 0;!(a=o.next()).done;)Z(a.value)&&mt(a.value,e)}}function bt(t){var e=t.type;if(null!=e&&"string"!=typeof e){var n=z(e),r=void 0;if("function"==typeof e)r=e.propTypes;else{if("object"!=typeof e||e.$$typeof!==c&&e.$$typeof!==f)return;r=e.propTypes}r?(I(t),i(r,t.props,"prop",n,q.getStackAddendum),I(null)):void 0===e.PropTypes||ht||k(!(ht=!0),"Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",n||"Unknown"),"function"==typeof e.getDefaultProps&&(e.getDefaultProps.isReactClassApproved||k(!1,"getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead."))}}function wt(t,e,n){var r=pt(t);if(!r){var i="";(void 0===t||"object"==typeof t&&null!==t&&0===Object.keys(t).length)&&(i+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var o=function(t){if(null==t||void 0===t.__source)return"";var e=t.__source;return"\n\nCheck your code at "+e.fileName.replace(/^.*[\\\/]/,"")+":"+e.lineNumber+"."}(e);i+=o||yt();var a=void 0;null===t?a="null":Array.isArray(t)?a="array":void 0!==t&&t.$$typeof===m?(a="<"+(z(t.type)||"Unknown")+" />",i=" Did you accidentally export a JSX literal instead of a component?"):a=typeof t,N(!1,"React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",a,i)}var s=X.apply(this,arguments);if(null==s)return s;if(r)for(var c=2;c<arguments.length;c++)gt(arguments[c],t);return t===u?function(t){I(t);for(var e=Object.keys(t.props),n=0;n<e.length;n++){var r=e[n];if("children"!==r&&"key"!==r){N(!1,"Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",r);break}}null!==t.ref&&N(!1,"Invalid attribute `ref` supplied to `React.Fragment`."),I(null)}(s):bt(s),s}var xt={Children:{map:function(t,e,n){if(null==t)return t;var r=[];return ft(t,r,null,e,n),r},forEach:function(t,e,n){if(null==t)return t;var r=ot(null,null,e,n);st(t,ut,r),at(r)},count:function(t){return st(t,function(){return null},null)},toArray:function(t){var e=[];return ft(t,e,null,function(t){return t}),e},only:function(t){return Z(t)||w(!1,"React.Children.only expected to receive a single React element child."),t}},createRef:function(){var t={current:null};return Object.seal(t),t},Component:_,PureComponent:j,createContext:function(t,e){void 0===e?e=null:null!==e&&"function"!=typeof e&&k(!1,"createContext: Expected the optional second argument to be a function. Instead received: %s",e);var n={$$typeof:s,_calculateChangedBits:e,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null},r=(n.Provider={$$typeof:a,_context:n},!1),i=!1,o={$$typeof:s,_context:n,_calculateChangedBits:n._calculateChangedBits};return Object.defineProperties(o,{Provider:{get:function(){return i||N(!(i=!0),"Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?"),n.Provider},set:function(t){n.Provider=t}},_currentValue:{get:function(){return n._currentValue},set:function(t){n._currentValue=t}},_currentValue2:{get:function(){return n._currentValue2},set:function(t){n._currentValue2=t}},_threadCount:{get:function(){return n._threadCount},set:function(t){n._threadCount=t}},Consumer:{get:function(){return r||N(!(r=!0),"Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?"),n.Consumer}}}),n.Consumer=o,n._currentRenderer=null,n._currentRenderer2=null,n},forwardRef:function(t){return null!=t&&t.$$typeof===f?k(!1,"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof t?k(!1,"forwardRef requires a render function but was given %s.",null===t?"null":typeof t):0!==t.length&&2!==t.length&&k(!1,"forwardRef render functions accept exactly two parameters: props and ref. %s",1===t.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null==t||null==t.defaultProps&&null==t.propTypes||k(!1,"forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"),{$$typeof:c,render:t}},lazy:function(t){var e={$$typeof:p,_ctor:t,_status:-1,_result:null},n=void 0,r=void 0;return Object.defineProperties(e,{defaultProps:{configurable:!0,get:function(){return n},set:function(t){N(!1,"React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),n=t,Object.defineProperty(e,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return r},set:function(t){N(!1,"React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),r=t,Object.defineProperty(e,"propTypes",{enumerable:!0})}}}),e},memo:function(t,e){return pt(t)||k(!1,"memo: The first argument must be a component. Instead received: %s",null===t?"null":typeof t),{$$typeof:f,type:t,compare:void 0===e?null:e}},useCallback:function(t,e){return dt().useCallback(t,e)},useContext:function(t,e){var n=dt();if(void 0!==e&&N(!1,"useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",e,"number"==typeof e&&Array.isArray(arguments[2])?"\n\nDid you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://fb.me/rules-of-hooks":""),void 0!==t._context){var r=t._context;r.Consumer===t?N(!1,"Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):r.Provider===t&&N(!1,"Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return n.useContext(t,e)},useEffect:function(t,e){return dt().useEffect(t,e)},useImperativeHandle:function(t,e,n){return dt().useImperativeHandle(t,e,n)},useDebugValue:function(t,e){return dt().useDebugValue(t,e)},useLayoutEffect:function(t,e){return dt().useLayoutEffect(t,e)},useMemo:function(t,e){return dt().useMemo(t,e)},useReducer:function(t,e,n){return dt().useReducer(t,e,n)},useRef:function(t){return dt().useRef(t)},useState:function(t){return dt().useState(t)},Fragment:u,StrictMode:n,Suspense:l,createElement:wt,cloneElement:function(t,e,n){for(var r=function(t,e,n){null==t&&w(!1,"React.cloneElement(...): The argument must be a React element, but you passed %s.",t);var r=void 0,i=h({},t.props),o=t.key,a=t.ref,s=t._self,c=t._source,u=t._owner;if(null!=e){Y(e)&&(a=e.ref,u=M.current),J(e)&&(o=""+e.key);var l=void 0;for(r in t.type&&t.type.defaultProps&&(l=t.type.defaultProps),e)H.call(e,r)&&!B.hasOwnProperty(r)&&(void 0===e[r]&&void 0!==l?i[r]=l[r]:i[r]=e[r])}var f=arguments.length-2;if(1==f)i.children=n;else if(1<f){for(var p=Array(f),d=0;d<f;d++)p[d]=arguments[d+2];i.children=p}return Q(t.type,o,a,s,c,u,i)}.apply(this,arguments),i=2;i<arguments.length;i++)gt(arguments[i],r.type);return bt(r),r},createFactory:function(t){var e=wt.bind(null,t);return e.type=t,Object.defineProperty(e,"type",{enumerable:!1,get:function(){return x(!1,"Factory.type is deprecated. Access the class directly before passing it to createFactory."),Object.defineProperty(this,"type",{value:t}),t}}),e},isValidElement:Z,version:"16.8.6",unstable_ConcurrentMode:o,unstable_Profiler:r,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:F},kt=Object.freeze({default:xt}),St=kt&&xt||kt,Et=St.default||St;Pt.exports=Et}()}),ut=t(function(t){"production"===process.env.NODE_ENV?t.exports=et:t.exports=ct}),lt=t(function(t,e){t.exports=function(){var a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function r(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var i=function(t,e,n){return e&&r(t.prototype,e),n&&r(t,n),t},o="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==jt?jt:"undefined"!=typeof self?self:{};function t(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function e(t,e){return t(e={exports:{}},e.exports),e.exports}var n=e(function(e){function n(t){return(n="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})(t)}function r(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=r=function(t){return n(t)}:e.exports=r=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},r(t)}e.exports=r}),s=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t},c=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?s(t):e},u=e(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),l=e(function(n){function r(t,e){return n.exports=r=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},r(t,e)}n.exports=r}),f=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)};function p(){}p.prototype={on:function(t,e,n){var r=this.e||(this.e={});return(r[t]||(r[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var r=this;function i(){r.off(t,i),e.apply(n,arguments)}return i._=e,this.on(t,i,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),r=0,i=n.length;r<i;r++)n[r].fn.apply(n[r].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),r=n[t],i=[];if(r&&e)for(var o=0,a=r.length;o<a;o++)r[o].fn!==e&&r[o].fn._!==e&&i.push(r[o]);return i.length?n[t]=i:delete n[t],this}};var d=p,h=p;d.TinyEmitter=h;var y=e(function(t,e){t.exports=function(){function s(t){return(s="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})(t)}var c=Object.prototype.toString,a=function(t){if(void 0===t)return"undefined";if(null===t)return"null";var e,n,r,i,o,a=s(t);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"===u(t)?"generatorfunction":"function";if(e=t,Array.isArray?Array.isArray(e):e instanceof Array)return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(t))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(t))return"arguments";if((n=t)instanceof Date||"function"==typeof n.toDateString&&"function"==typeof n.getDate&&"function"==typeof n.setDate)return"date";if((r=t)instanceof Error||"string"==typeof r.message&&r.constructor&&"number"==typeof r.constructor.stackTraceLimit)return"error";if((i=t)instanceof RegExp||"string"==typeof i.flags&&"boolean"==typeof i.ignoreCase&&"boolean"==typeof i.multiline&&"boolean"==typeof i.global)return"regexp";switch(u(t)){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"==typeof(o=t).throw&&"function"==typeof o.return&&"function"==typeof o.next)return"generator";switch(a=c.call(t)){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 u(t){return t.constructor?t.constructor.name:null}function o(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var r in f(t,e,n),p(t,e,n),d(t,e,n),e)if(e.hasOwnProperty(r)){var i=t[r],o=e[r],a=n.concat(r);if(l(t,r,o,a))continue;f(i,o,a),p(i,o,a),d(i,o,a)}}function l(t,e,n,r){if(!Object.prototype.hasOwnProperty.call(t,e)){if(!0===n.__required__||!0===n.required)throw new TypeError("'".concat(r.join("."),"' is required"));return!0}}function f(t,e,n){var r;if("string"===a(e)?r=e:"function"===a(e)?e.___validator__=e:e.__type__?r=e.__type__:e.type&&(r=e.type),r&&"string"===a(r)){r=r.trim().toLowerCase();var i=a(t),o=i===r;if(-1<r.indexOf("|")&&(o=r.split("|").filter(Boolean).some(function(t){return i===t.trim()})),!o)throw new TypeError("'".concat(n.join("."),"' require '").concat(r,"' type, but got '").concat(i,"'"))}}function p(t,e,n){var r;if(e.___validator__?r=e.___validator__:e.validator&&(r=e.validator),"function"===a(r)){var i=r(n,t,a(t));if(!0!==i)throw new TypeError("The scheme for '".concat(n.join("."),"' validator function require return true, but got '").concat(i,"'"))}}function d(t,e,n){var r;if(e.___child__?r=e.___child__:e.child&&(r=e.child),"object"===a(r)){var i=a(t);"object"===i?o(t,r,n):"array"===i&&t.forEach(function(t,e){o(t,r,n.concat(e))})}}return o.kindOf=a,window.optionValidator=o}()}),v=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},m=e(function(r){function i(t,e,n){return function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()?r.exports=i=Reflect.construct:r.exports=i=function(t,e,n){var r=[null];r.push.apply(r,e);var i=new(Function.bind.apply(t,r));return n&&l(i,n.prototype),i},i.apply(null,arguments)}r.exports=i}),g=function(t){function r(t,e){var n;return a(this,r),n=c(this,u(r).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(s(n),e||n.constructor),n.name="ArtPlayerError",n}return f(r,t),r}(e(function(e){function r(t){var n="function"==typeof Map?new Map:void 0;return e.exports=r=function(t){if(null===t||!function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return m(t,arguments,u(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),l(e,t)},r(t)}e.exports=r})(Error));function b(t,e){if(!t)throw new g(e)}function w(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function x(t){return t.includes("?")?x(t.split("?")[0]):t.includes("#")?x(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function k(t){var e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),r=Math.floor(t-3600*e-60*n);return(0<e?[e,n,r]:[n,r]).map(function(t){return t<10?"0".concat(t):String(t)}).join(":")}function S(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(t){return setTimeout(t,e)})}function E(r,i,o){var a;function t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,r.apply(o,e)},i)}return t.clearTimeout=function(){clearTimeout(a)},t}function P(t){return t&&"object"===n(t)&&!Array.isArray(t)}function $(t){return t instanceof Element}function _(n,r){var i=Object.assign({},n);return P(n)&&P(r)&&Object.keys(r).forEach(function(t){var e=r[t];P(e)&&!$(e)&&t in n?i[t]=_(n[t],e):Object.assign(i,v({},t,e))}),i}function O(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",e),t.lastElementChild}function R(t,e,n){var r=Array.from(t.children);e.dataset.index=n;var i=r.find(function(t){return Number(t.dataset.index)>=Number(n)});return i?i.insertAdjacentElement("beforebegin",e):O(t,e),e}function C(t,e,n){return t.style[e]=n,t}function j(e,n){return Object.keys(n).forEach(function(t){C(e,t,n[t])}),e}function T(t,e){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function L(e){return Array.from(e.parentElement.children).filter(function(t){return t!==e})}function M(t,e){L(t).forEach(function(t){return t.classList.remove(e)}),t.classList.add(e)}function A(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";t.setAttribute("data-balloon",e),t.setAttribute("data-balloon-pos",n)}function D(t){return"WEBVTT \r\n\r\n".concat(t.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").concat("\r\n\r\n"))}function z(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function q(t,e){var n=document.createElement("a");C(n,"display","none"),n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var W=Object.freeze({ArtPlayerError:g,errorHandle:b,clamp:w,getExt:x,secondToTime:k,sleep:S,debounce:E,isObject:P,isElement:$,mergeDeep:_,append:O,remove:function(t){return t.parentNode.removeChild(t)},insertByIndex:R,setStyle:C,setStyles:j,getStyle:T,sublings:L,inverseClass:M,tooltip:A,srtToVtt:D,vttToBlob:z,downloadImage:q});function I(t,e,n){if("string"===n){if(""===e.trim())throw new g("".concat(t.join(".")," can not be empty"));return!0}if(e instanceof Element)return!0;throw new g("".concat(t.join(".")," require 'string' or 'Element' type, but got '").concat(n,"'"))}var F={container:{validator:I,required:!0},url:{type:"string|function",required:!0},poster:"string",title:"string",type:{type:"string"},mimeCodec:"string",theme:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",plugins:{type:"array",child:{type:"function"}},whitelist:{type:"array",child:{type:"string|function|regexp"}},layers:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:I,style:"object",click:"function"}},contextmenu:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:I,style:"object",click:"function"}},quality:{type:"array",child:{default:"boolean",name:"string",url:"string"}},controls:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:I,style:"object",click:"function",position:function(t,e){return["top","left","right"].includes(e)}}},highlight:{type:"array",child:{type:"object",time:"number",text:"string"}},thumbnails:{type:"object",child:{type:"object",url:"string",number:"number",width:"number",height:"number",column:"number"}},subtitle:{type:"object",child:{type:"object",url:"string",style:"object"}},moreVideoAttr:"object",icons:"object",customType:"object",lang:"string"},N={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},video:{propertys:["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"]}},H=function t(e){var n=this;a(this,t);var r=e.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||r.some(function(t){var e=!1;switch(y.kindOf(t)){case"string":e=-1<n.userAgent.indexOf(t);break;case"function":e=t(n.userAgent);break;case"regexp":e=t.test(n.userAgent)}return e})},B=function(){function n(t){var e=this;a(this,n),t.option.container instanceof Element?this.$container=t.option.container:this.$container=document.querySelector(t.option.container),t.constructor.instances.some(function(t){return t.template.$container===e.$container})&&b(!1,"Cannot mount multiple instances on the same dom element"),t.whitelist.state?this.initDesktop():this.initMobile()}return i(n,[{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner">\n                <div class="artplayer-setting-body"></div>\n                <div class="artplayer-setting-close">×</div>\n              </div>\n            </div>\n            <div class="artplayer-info">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu"></div>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$settingClose=this.$container.querySelector(".artplayer-setting-close"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),U={"zh-cn":{"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器"},"zh-tw":{"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器"}},V=function(){function e(t){a(this,e),this.art=t,this.init()}return i(e,[{key:"init",value:function(){this.language=U[this.art.option.lang.toLowerCase()]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){U=_(U,t),this.init()}}]),e}(),Y=e(function(t){var o,e,i,a,r,n;o="undefined"!=typeof window&&void 0!==window.document?window.document:{},e=t.exports,i="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,a=function(){for(var t,e=[["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"]],n=0,r=e.length,i={};n<r;n++)if((t=e[n])&&t[1]in o){for(n=0;n<t.length;n++)i[e[0][n]]=t[n];return i}return!1}(),r={change:a.fullscreenchange,error:a.fullscreenerror},n={request:function(r){return new Promise(function(t){var e=a.requestFullscreen,n=function(){this.off("change",n),t()}.bind(this);r=r||o.documentElement,/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?r[e]():r[e](i?Element.ALLOW_KEYBOARD_INPUT:{}),this.on("change",n)}.bind(this))},exit:function(){return new Promise(function(t){if(this.isFullscreen){var e=function(){this.off("change",e),t()}.bind(this);o[a.exitFullscreen](),this.on("change",e)}else t()}.bind(this))},toggle:function(t){return this.isFullscreen?this.exit():this.request(t)},onchange:function(t){this.on("change",t)},onerror:function(t){this.on("error",t)},on:function(t,e){var n=r[t];n&&o.addEventListener(n,e,!1)},off:function(t,e){var n=r[t];n&&o.removeEventListener(n,e,!1)},raw:a},a?(Object.defineProperties(n,{isFullscreen:{get:function(){return Boolean(o[a.fullscreenElement])}},element:{enumerable:!0,get:function(){return o[a.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(o[a.fullscreenEnabled])}}}),e?(t.exports=n,t.exports.default=n):window.screenfull=n):e?t.exports=!1:window.screenfull=!1}),J=e(function(t){var e,n;e=window,n=function(){function g(t){var e=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(e)&&e}var n="undefined"==typeof console?function(){}:function(t){console.error(t)},b=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],w=b.length;function x(t){var e=getComputedStyle(t);return e||n("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}var k,S=!1;return function r(t){if(function(){if(!S){S=!0;var t=document.createElement("div");t.style.width="200px",t.style.padding="1px 2px 3px 4px",t.style.borderStyle="solid",t.style.borderWidth="1px 2px 3px 4px",t.style.boxSizing="border-box";var e=document.body||document.documentElement;e.appendChild(t);var n=x(t);k=200==Math.round(g(n.width)),r.isBoxSizeOuter=k,e.removeChild(t)}}(),"string"==typeof t&&(t=document.querySelector(t)),t&&"object"==typeof t&&t.nodeType){var e=x(t);if("none"==e.display)return function(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e<w;e++)t[b[e]]=0;return t}();var n={};n.width=t.offsetWidth,n.height=t.offsetHeight;for(var i=n.isBorderBox="border-box"==e.boxSizing,o=0;o<w;o++){var a=b[o],s=e[a],c=parseFloat(s);n[a]=isNaN(c)?0:c}var u=n.paddingLeft+n.paddingRight,l=n.paddingTop+n.paddingBottom,f=n.marginLeft+n.marginRight,p=n.marginTop+n.marginBottom,d=n.borderLeftWidth+n.borderRightWidth,h=n.borderTopWidth+n.borderBottomWidth,y=i&&k,v=g(e.width);!1!==v&&(n.width=v+(y?0:u+d));var m=g(e.height);return!1!==m&&(n.height=m+(y?0:l+h)),n.innerWidth=n.width-(u+d),n.innerHeight=n.height-(l+h),n.outerWidth=n.width+f,n.outerHeight=n.height+p,n}}},t.exports?t.exports=n():e.getSize=n()}),Q=e(function(t){var e,n;e="undefined"!=typeof window?window:o,n=function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var n=this._events=this._events||{},r=n[t]=n[t]||[];return-1==r.indexOf(e)&&r.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var n=this._onceEvents=this._onceEvents||{};return(n[t]=n[t]||{})[e]=!0,this}},e.off=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){var r=n.indexOf(e);return-1!=r&&n.splice(r,1),this}},e.emitEvent=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){n=n.slice(0),e=e||[];for(var r=this._onceEvents&&this._onceEvents[t],i=0;i<n.length;i++){var o=n[i];r&&r[o]&&(this.off(t,o),delete r[o]),o.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t},t.exports?t.exports=n():e.EvEmitter=n()}),X=e(function(t){var e,n;e=window,n=function(i,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindStartEvent=function(t){this._bindStartEvent(t,!0)},n.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},n._bindStartEvent=function(t,e){var n=(e=void 0===e||e)?"addEventListener":"removeEventListener",r="mousedown";i.PointerEvent?r="pointerdown":"ontouchstart"in i&&(r="touchstart"),t[n](r,this)},n.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.getTouch=function(t){for(var e=0;e<t.length;e++){var n=t[e];if(n.identifier==this.pointerIdentifier)return n}},n.onmousedown=function(t){var e=t.button;e&&0!==e&&1!==e||this._pointerDown(t,t)},n.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},n.onpointerdown=function(t){this._pointerDown(t,t)},n._pointerDown=function(t,e){t.button||this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==e.pointerId?e.pointerId:e.identifier,this.pointerDown(t,e))},n.pointerDown=function(t,e){this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e])};var r={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"]};return n._bindPostStartEvents=function(t){if(t){var e=r[t.type];e.forEach(function(t){i.addEventListener(t,this)},this),this._boundPointerEvents=e}},n._unbindPostStartEvents=function(){this._boundPointerEvents&&(this._boundPointerEvents.forEach(function(t){i.removeEventListener(t,this)},this),delete this._boundPointerEvents)},n.onmousemove=function(t){this._pointerMove(t,t)},n.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},n.ontouchmove=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerMove(t,e)},n._pointerMove=function(t,e){this.pointerMove(t,e)},n.pointerMove=function(t,e){this.emitEvent("pointerMove",[t,e])},n.onmouseup=function(t){this._pointerUp(t,t)},n.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},n.ontouchend=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerUp(t,e)},n._pointerUp=function(t,e){this._pointerDone(),this.pointerUp(t,e)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e])},n._pointerDone=function(){this._pointerReset(),this._unbindPostStartEvents(),this.pointerDone()},n._pointerReset=function(){this.isPointerDown=!1,delete this.pointerIdentifier},n.pointerDone=function(){},n.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},n.ontouchcancel=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerCancel(t,e)},n._pointerCancel=function(t,e){this._pointerDone(),this.pointerCancel(t,e)},n.pointerCancel=function(t,e){this.emitEvent("pointerCancel",[t,e])},e.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}},e},t.exports?t.exports=n(e,Q):e.Unipointer=n(e,e.EvEmitter)}),Z=e(function(t){var e,n;e=window,n=function(o,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindHandles=function(){this._bindHandles(!0)},n.unbindHandles=function(){this._bindHandles(!1)},n._bindHandles=function(t){for(var e=(t=void 0===t||t)?"addEventListener":"removeEventListener",n=t?this._touchActionValue:"",r=0;r<this.handles.length;r++){var i=this.handles[r];this._bindStartEvent(i,t),i[e]("click",this),o.PointerEvent&&(i.style.touchAction=n)}},n._touchActionValue="none",n.pointerDown=function(t,e){this.okayPointerDown(t)&&(this.pointerDownPointer=e,t.preventDefault(),this.pointerDownBlur(),this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e]))};var i={TEXTAREA:!0,INPUT:!0,SELECT:!0,OPTION:!0},a={radio:!0,checkbox:!0,button:!0,submit:!0,image:!0,file:!0};return n.okayPointerDown=function(t){var e=i[t.target.nodeName],n=a[t.target.type],r=!e||n;return r||this._pointerReset(),r},n.pointerDownBlur=function(){var t=document.activeElement;t&&t.blur&&t!=document.body&&t.blur()},n.pointerMove=function(t,e){var n=this._dragPointerMove(t,e);this.emitEvent("pointerMove",[t,e,n]),this._dragMove(t,e,n)},n._dragPointerMove=function(t,e){var n={x:e.pageX-this.pointerDownPointer.pageX,y:e.pageY-this.pointerDownPointer.pageY};return!this.isDragging&&this.hasDragStarted(n)&&this._dragStart(t,e),n},n.hasDragStarted=function(t){return 3<Math.abs(t.x)||3<Math.abs(t.y)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e]),this._dragPointerUp(t,e)},n._dragPointerUp=function(t,e){this.isDragging?this._dragEnd(t,e):this._staticClick(t,e)},n._dragStart=function(t,e){this.isDragging=!0,this.isPreventingClicks=!0,this.dragStart(t,e)},n.dragStart=function(t,e){this.emitEvent("dragStart",[t,e])},n._dragMove=function(t,e,n){this.isDragging&&this.dragMove(t,e,n)},n.dragMove=function(t,e,n){t.preventDefault(),this.emitEvent("dragMove",[t,e,n])},n._dragEnd=function(t,e){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,e)},n.dragEnd=function(t,e){this.emitEvent("dragEnd",[t,e])},n.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},n._staticClick=function(t,e){this.isIgnoringMouseUp&&"mouseup"==t.type||(this.staticClick(t,e),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)))},n.staticClick=function(t,e){this.emitEvent("staticClick",[t,e])},e.getPointerPoint=t.getPointerPoint,e},t.exports?t.exports=n(e,X):e.Unidragger=n(e,e.Unipointer)}),G=e(function(t){var e,n;e=window,n=function(o,c,t){function n(t,e){for(var n in e)t[n]=e[n];return t}var r=o.jQuery;function e(t,e){this.element="string"==typeof t?document.querySelector(t):t,r&&(this.$element=r(this.element)),this.options=n({},this.constructor.defaults),this.option(e),this._create()}var i=e.prototype=Object.create(t.prototype);e.defaults={},i.option=function(t){n(this.options,t)};var a={relative:!0,absolute:!0,fixed:!0};function u(t,e,n){return n=n||"round",e?Math[n](t/e)*e:t}return i._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition=n({},this.position);var t=getComputedStyle(this.element);a[t.position]||(this.element.style.position="relative"),this.on("pointerDown",this.onPointerDown),this.on("pointerMove",this.onPointerMove),this.on("pointerUp",this.onPointerUp),this.enable(),this.setHandles()},i.setHandles=function(){this.handles=this.options.handle?this.element.querySelectorAll(this.options.handle):[this.element],this.bindHandles()},i.dispatchEvent=function(t,e,n){var r=[e].concat(n);this.emitEvent(t,r),this.dispatchJQueryEvent(t,e,n)},i.dispatchJQueryEvent=function(t,e,n){var r=o.jQuery;if(r&&this.$element){var i=r.Event(e);i.type=t,this.$element.trigger(i,n)}},i._getPosition=function(){var t=getComputedStyle(this.element),e=this._getPositionCoord(t.left,"width"),n=this._getPositionCoord(t.top,"height");this.position.x=isNaN(e)?0:e,this.position.y=isNaN(n)?0:n,this._addTransformPosition(t)},i._getPositionCoord=function(t,e){if(-1==t.indexOf("%"))return parseInt(t,10);var n=c(this.element.parentNode);return n?parseFloat(t)/100*n[e]:0},i._addTransformPosition=function(t){var e=t.transform;if(0===e.indexOf("matrix")){var n=e.split(","),r=0===e.indexOf("matrix3d")?12:4,i=parseInt(n[r],10),o=parseInt(n[1+r],10);this.position.x+=i,this.position.y+=o}},i.onPointerDown=function(t,e){this.element.classList.add("is-pointer-down"),this.dispatchJQueryEvent("pointerDown",t,[e])},i.dragStart=function(t,e){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.element.classList.add("is-dragging"),this.dispatchEvent("dragStart",t,[e]),this.animate())},i.measureContainment=function(){var t=this.getContainer();if(t){var e=c(this.element),n=c(t),r=this.element.getBoundingClientRect(),i=t.getBoundingClientRect(),o=n.borderLeftWidth+n.borderRightWidth,a=n.borderTopWidth+n.borderBottomWidth,s=this.relativeStartPosition={x:r.left-(i.left+n.borderLeftWidth),y:r.top-(i.top+n.borderTopWidth)};this.containSize={width:n.width-o-s.x-e.width,height:n.height-a-s.y-e.height}}},i.getContainer=function(){var t=this.options.containment;if(t)return t instanceof HTMLElement?t:"string"==typeof t?document.querySelector(t):this.element.parentNode},i.onPointerMove=function(t,e,n){this.dispatchJQueryEvent("pointerMove",t,[e,n])},i.dragMove=function(t,e,n){if(this.isEnabled){var r=n.x,i=n.y,o=this.options.grid,a=o&&o[0],s=o&&o[1];r=u(r,a),i=u(i,s),r=this.containDrag("x",r,a),i=this.containDrag("y",i,s),r="y"==this.options.axis?0:r,i="x"==this.options.axis?0:i,this.position.x=this.startPosition.x+r,this.position.y=this.startPosition.y+i,this.dragPoint.x=r,this.dragPoint.y=i,this.dispatchEvent("dragMove",t,[e,n])}},i.containDrag=function(t,e,n){if(!this.options.containment)return e;var r="x"==t?"width":"height",i=u(-this.relativeStartPosition[t],n,"ceil"),o=this.containSize[r];return o=u(o,n,"floor"),Math.max(i,Math.min(o,e))},i.onPointerUp=function(t,e){this.element.classList.remove("is-pointer-down"),this.dispatchJQueryEvent("pointerUp",t,[e])},i.dragEnd=function(t,e){this.isEnabled&&(this.element.style.transform="",this.setLeftTop(),this.element.classList.remove("is-dragging"),this.dispatchEvent("dragEnd",t,[e]))},i.animate=function(){if(this.isDragging){this.positionDrag();var t=this;requestAnimationFrame(function(){t.animate()})}},i.setLeftTop=function(){this.element.style.left=this.position.x+"px",this.element.style.top=this.position.y+"px"},i.positionDrag=function(){this.element.style.transform="translate3d( "+this.dragPoint.x+"px, "+this.dragPoint.y+"px, 0)"},i.staticClick=function(t,e){this.dispatchEvent("staticClick",t,[e])},i.setPosition=function(t,e){this.position.x=t,this.position.y=e,this.setLeftTop()},i.enable=function(){this.isEnabled=!0},i.disable=function(){this.isEnabled=!1,this.isDragging&&this.dragEnd()},i.destroy=function(){this.disable(),this.element.style.transform="",this.element.style.left="",this.element.style.top="",this.element.style.position="",this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},i._init=function(){},r&&r.bridget&&r.bridget("draggabilly",e),e},t.exports?t.exports=n(e,J,Z):e.Draggabilly=n(e,e.getSize,e.Unidragger)}),K=function t(e){a(this,t),function(r,t){var e=r.option,i=e.type,o=e.customType,a=r.template.$video;Object.defineProperty(t,"attachUrl",{value:function(t){return S().then(function(){function e(t){var e=i||x(t),n=o[e];return e&&n?(r.loading.show(),r.emit("beforeCustomType",e),n.call(r,a,t,r),r.emit("afterCustomType",e)):(r.emit("beforeAttachUrl"),a.src=t,r.emit("afterAttachUrl")),Promise.resolve(t)}return"function"==typeof t?t.call(r).then(function(t){return r.loading.show(),e(t)}):e(t)})}})}(e,this),function(e,t){var n=e.option,r=e.events.proxy,i=e.template,o=i.$player,a=i.$video,s=e.i18n,c=e.notice,u=!1,l=0;r(a,"click",function(){t.toggle()}),N.video.events.forEach(function(t){r(a,t,function(t){e.emit("video:".concat(t.type),t)})}),e.on("video:canplay",function(){u||(u=!0,n.autoplay&&t.play(),e.emit("firstCanplay")),l=0,e.controls.show(),e.mask.show(),e.loading.hide()}),e.on("video:ended",function(){e.controls.show(),e.mask.show(),n.loop&&(t.seek(0),t.play())}),e.on("video:error",function(){l<5?S(1e3).then(function(){l+=1,t.attachUrl(n.url),c.show("".concat(s.get("Reconnect"),": ").concat(l))}):(e.loading.hide(),e.controls.hide(),o.classList.add("artplayer-error"),S(1e3).then(function(){c.show(s.get("Video load failed"),!1),e.destroy()}))}),e.on("video:loadedmetadata",function(){n.autoSize&&t.autoSize()}),e.on("video:loadstart",function(){e.loading.show()}),e.on("video:pause",function(){e.controls.show(),e.mask.show()}),e.on("video:play",function(){e.controls.hide(),e.mask.hide()}),e.on("video:playing",function(){e.controls.hide(),e.mask.hide()}),e.on("video:seeked",function(){e.loading.hide()}),e.on("video:seeking",function(){e.loading.show()}),e.on("video:timeupdate",function(){e.controls.hide(),e.mask.hide()}),e.on("video:waiting",function(){e.loading.show()})}(e,this),function(t,e){var n=t.option,r=t.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){r[t]=n.moreVideoAttr[t]}),n.muted&&(r.muted=n.muted),n.volume&&(r.volume=w(n.volume,0,1)),n.poster&&(r.poster=n.poster),n.autoplay&&(r.autoplay=n.autoplay),e.attachUrl(n.url)}(e,this),function(e,t){var n=e.template.$video,r=e.i18n,i=e.notice,o=e.option.mutex;Object.defineProperty(t,"play",{value:function(){var t=n.play();void 0!==t&&t.then().catch(function(t){i.show(t,!0,3e3),console.warn(t)}),o&&e.constructor.instances.filter(function(t){return t!==e}).forEach(function(t){return t.player.pause()}),i.show(r.get("Play")),e.emit("play")}})}(e,this),function(t,e){var n=t.template.$video,r=t.i18n,i=t.notice;Object.defineProperty(e,"pause",{value:function(){n.pause(),i.show(r.get("Pause")),t.emit("pause")}})}(e,this),function(t,e){Object.defineProperty(e,"toggle",{value:function(){e.playing?e.pause():e.play()}})}(0,this),function(n,r){var i=n.notice;Object.defineProperty(r,"seek",{value:function(t){var e=Math.max(t,0);r.duration&&(e=Math.min(e,r.duration)),r.currentTime=e,i.show("".concat(k(e)," / ").concat(k(r.duration))),n.emit("seek",e)}})}(e,this),function(e,t){var n=e.template.$video,r=e.i18n,i=e.notice,o=e.storage;Object.defineProperty(t,"volume",{get:function(){return n.volume||0},set:function(t){void 0!==t&&(n.volume=w(t,0,1),i.show("".concat(r.get("Volume"),": ").concat(parseInt(100*n.volume,10))),0!==n.volume&&o.set("volume",n.volume),e.emit("volumeChange",n.volume))}}),Object.defineProperty(t,"muted",{get:function(){return n.muted},set:function(t){n.muted=t,e.emit("volumeChange",n.volume)}})}(e,this),function(e,t){Object.defineProperty(t,"currentTime",{get:function(){return e.template.$video.currentTime||0},set:function(t){e.template.$video.currentTime=t}})}(e,this),function(t,e){Object.defineProperty(e,"duration",{get:function(){return t.template.$video.duration||0}})}(e,this),function(i,o){var a=i.i18n,s=i.notice,c=i.option;Object.defineProperty(o,"switchQuality",{value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(t!==c.url){var n=o.currentTime,r=o.playing;o.attachUrl(t).then(function(){c.url=t,o.playbackRateRemove(),o.aspectRatioRemove(),o.seek(n),r&&o.play(),s.show("".concat(a.get("Switch video"),": ").concat(e)),i.emit("switch",t)})}}})}(e,this),function(n,e){var t=n.template,r=t.$video,i=t.$player,o=n.i18n,a=n.notice;Object.defineProperty(e,"playbackRateState",{get:function(){return i.dataset.playbackRate}}),Object.defineProperty(e,"playbackRate",{value:function(t){var e=[.5,.75,1,1.25,1.5,2];b(e.includes(t),"'playbackRate' only accept ".concat(e.toString()," as parameters")),t!==i.dataset.playbackRate&&(r.playbackRate=t,i.dataset.playbackRate=t,a.show("".concat(o.get("Rate"),": ").concat(1===t?o.get("Normal"):"".concat(t,"x"))),n.emit("playbackRateChange",t))}}),Object.defineProperty(e,"playbackRateRemove",{value:function(){e.$playbackRateState&&(e.playbackRate(1),delete i.dataset.playbackRate,n.emit("playbackRateRemove"))}}),Object.defineProperty(e,"playbackRateReset",{value:function(){var t=i.dataset.playbackRate;t&&(e.playbackRate(Number(t)),n.emit("playbackRateReset"))}})}(e,this),function(f,p){var t=f.template,d=t.$video,h=t.$player,y=f.i18n,v=f.notice;Object.defineProperty(p,"aspectRatioState",{get:function(){return h.dataset.aspectRatio||""}}),Object.defineProperty(p,"aspectRatio",{value:function(t){var e=["default","4:3","16:9"];if(b(e.includes(t),"'aspectRatio' only accept ".concat(e.toString()," as parameters")),"default"===t)p.aspectRatioRemove();else{var n=t.split(":"),r=d.videoWidth,i=d.videoHeight,o=h.clientWidth,a=h.clientHeight,s=r/i,c=n[0]/n[1];if(c<s){var u=c*i/r;C(d,"width","".concat(100*u,"%")),C(d,"height","100%"),C(d,"padding","0 ".concat((o-o*u)/2,"px"))}else{var l=r/c/i;C(d,"width","100%"),C(d,"height","".concat(100*l,"%")),C(d,"padding","".concat((a-a*l)/2,"px 0"))}}h.dataset.aspectRatio=t,v.show("".concat(y.get("Aspect ratio"),": ").concat("default"===t?y.get("Default"):t)),f.emit("aspectRatioChange",t)}}),Object.defineProperty(p,"aspectRatioRemove",{value:function(){p.aspectRatioState&&(C(d,"width",null),C(d,"height",null),C(d,"padding",null),delete h.dataset.aspectRatio,f.emit("aspectRatioRemove"))}}),Object.defineProperty(p,"aspectRatioReset",{value:function(){var t=h.dataset.aspectRatio;t&&(p.aspectRatio(t),f.emit("aspectRatioReset"))}})}(e,this),function(e,t){var n=e.option,r=e.notice,i=e.template.$video;Object.defineProperty(t,"screenshot",{value:function(){try{var t=function(){var t=document.createElement("canvas");t.width=i.videoWidth,t.height=i.videoHeight,t.getContext("2d").drawImage(i,0,0);var e=t.toDataURL("image/png");return q(e,"".concat(n.title||"artplayer","_").concat(k(i.currentTime),".png")),e}();e.emit("screenshot",t)}catch(t){r.show(t),console.warn(t)}}})}(e,this),function(t,e){var n=t.notice,r=t.events.destroyEvents,i=t.template.$player,o=function(){t.emit("fullscreen",Y.isFullscreen)},a=function(){n.show("Your browser does not seem to support full screen functionality.")};try{Y.on("change",o),Y.on("error",a),r.push(function(){Y.off("change",o),Y.off("error",a)})}catch(t){console.error(t)}Object.defineProperty(e,"fullscreenState",{get:function(){return Y.isFullscreen}}),Object.defineProperty(e,"fullscreenEnabled",{value:function(){e.fullscreenWebState&&e.fullscreenWebExit(),i.classList.add("artplayer-fullscreen"),Y.request(i),e.aspectRatioReset(),t.emit("fullscreen:enabled")}}),Object.defineProperty(e,"fullscreenExit",{value:function(){e.fullscreenState&&(e.fullscreenWebExit(),i.classList.remove("artplayer-fullscreen"),Y.exit(),e.aspectRatioReset(),t.emit("fullscreen:exit"))}}),Object.defineProperty(e,"fullscreenToggle",{value:function(){e.fullscreenState?e.fullscreenExit():e.fullscreenEnabled()}})}(e,this),function(t,e){var n=t.template.$player;Object.defineProperty(e,"fullscreenWebState",{get:function(){return n.classList.contains("artplayer-web-fullscreen")}}),Object.defineProperty(e,"fullscreenWebEnabled",{value:function(){e.fullscreenState&&e.fullscreenExit(),n.classList.add("artplayer-web-fullscreen"),e.aspectRatioReset(),t.emit("fullscreenWeb:enabled")}}),Object.defineProperty(e,"fullscreenWebExit",{value:function(){e.fullscreenWebState&&(e.fullscreenExit(),n.classList.remove("artplayer-web-fullscreen"),e.aspectRatioReset(),t.emit("fullscreenWeb:exit"))}}),Object.defineProperty(e,"fullscreenWebToggle",{value:function(){e.fullscreenWebState?e.fullscreenWebExit():e.fullscreenWebEnabled()}})}(e,this),function(t,e){document.pictureInPictureEnabled?function(t,e){var n=t.notice,r=t.template.$video,i=t.events.proxy;r.disablePictureInPicture=!1,Object.defineProperty(e,"pipState",{get:function(){return document.pictureInPictureElement}}),Object.defineProperty(e,"pipEnabled",{value:function(){r.requestPictureInPicture().catch(function(t){n.show(t,!0,3e3),console.warn(t)})}}),Object.defineProperty(e,"pipExit",{value:function(){document.exitPictureInPicture().catch(function(t){n.show(t,!0,3e3),console.warn(t)})}}),i(r,"enterpictureinpicture",function(){t.emit("pipEnabled")}),i(r,"leavepictureinpicture",function(){t.emit("pipExit")}),t.on("destroy",function(){e.pipState&&e.pipExit()})}(t,e):function(t,e){var n=t.option,r=t.i18n,i=t.template,o=i.$player,a=i.$pipClose,s=i.$pipTitle,c=t.events,u=c.destroyEvents,l=c.proxy,f=null,p=null;Object.defineProperty(e,"pipState",{get:function(){return o.classList.contains("artplayer-pip")}}),Object.defineProperty(e,"pipEnabled",{value:function(){e.autoSizeState&&e.autoSizeRemove(),p?(C(o,"left","".concat(f.x,"px")),C(o,"top","".concat(f.y,"px"))):(p=new G(o,{handle:".artplayer-pip-header"}),O(s,n.title||r.get("Mini player")),l(a,"click",function(){e.pipExit()}),u.push(function(){p.destroy()})),o.classList.add("artplayer-pip"),e.fullscreenExit(),e.fullscreenWebExit(),e.aspectRatioRemove(),e.playbackRateRemove(),t.emit("pipEnabled")}}),Object.defineProperty(e,"pipExit",{value:function(){e.pipState&&(o.classList.remove("artplayer-pip"),f=p.position,C(o,"left",null),C(o,"top",null),e.fullscreenExit(),e.fullscreenWebExit(),e.aspectRatioRemove(),e.playbackRateRemove(),t.emit("pipExit"))}})}(t,e),Object.defineProperty(e,"pipToggle",{value:function(){e.pipState?e.pipExit():e.pipEnabled()}})}(e,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"loaded",{get:function(){return n.buffered.length?n.buffered.end(n.buffered.length-1)/n.duration:0}})}(e,this),function(t,e){Object.defineProperty(e,"played",{get:function(){return t.template.$video.currentTime/t.template.$video.duration}})}(e,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"playing",{get:function(){return!!(0<n.currentTime&&!n.paused&&!n.ended&&2<n.readyState)}})}(e,this),function(c,t){var e=c.template,u=e.$container,l=e.$player,f=e.$video;Object.defineProperty(t,"autoSizeState",{get:function(){return u.classList.contains("artplayer-auto-size")}}),Object.defineProperty(t,"autoSize",{value:function(){var t=f.videoWidth,e=f.videoHeight,n=u.getBoundingClientRect(),r=n.width,i=n.height,o=t/e,a=r/i;if(u.classList.add("artplayer-auto-size"),o<a)C(l,"width","".concat(i*o/r*100,"%")),C(l,"height","100%");else{var s=r/o/i*100;C(l,"width","100%"),C(l,"height","".concat(s,"%"))}c.emit("autoSizeChange")}}),Object.defineProperty(t,"autoSizeRemove",{value:function(){u.classList.remove("artplayer-auto-size"),C(l,"width",null),C(l,"height",null),c.emit("autoSizeRemove")}})}(e,this),function(n,t){Object.defineProperty(t,"flipState",{get:function(){return n.template.$player.dataset.flip}}),Object.defineProperty(t,"flip",{value:function(t){var e=["normal","horizontal","vertical"];b(e.includes(t),"'flip' only accept ".concat(e.toString()," as parameters")),n.template.$player.dataset.flip=t,n.emit("flipChange",t)}}),Object.defineProperty(t,"flipRemove",{value:function(){delete n.template.$player.dataset.flip,n.emit("flipRemove")}})}(e,this)};function tt(e,n,t,r,i,o){var a="function"==typeof r?r(e):r;if(!a.disable){n.id+=1;var s=a.name||"".concat(o).concat(n.id),c=document.createElement("div");c.classList.value="art-".concat(o," art-").concat(o,"-").concat(s),a.html&&O(c,a.html),a.style&&j(c,a.style),a.click&&e.events.proxy(c,"click",function(t){t.preventDefault(),a.click.call(n,t),e.emit("".concat(o,":click"),c)}),Object.defineProperty(a,"$ref",{get:function(){return c}}),Object.defineProperty(a,"hide",{value:function(){C(c,"display","none"),e.emit("".concat(o,":hide"),c)}}),Object.defineProperty(a,"show",{value:function(){C(c,"display","block"),e.emit("".concat(o,":show"),c)}}),R(t,c,a.index||n.id),a.mounted&&a.mounted(c),i&&i(c),n[s]=a,e.emit("".concat(o,":add"),a)}}var et,nt,rt=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(t){v(e,t,n[t])})}return e},it=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,i=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){i=!0,o=t}finally{try{r||null==s.return||s.return()}finally{if(i)throw o}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()},ot=(et={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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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>',playBig:'<svg xmlns="http://www.w3.org/2000/svg" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',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>',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>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\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>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},nt={},Object.keys(et).forEach(function(t){var e=document.createElement("div");e.innerHTML='<i class="art-icon art-icon-'.concat(t,'">').concat(et[t],"</i>");var n=it(e.childNodes,1);nt[t]=n[0]}),nt);function at(t,e){var n=t.template.$progress,r=t.player,i=n.getBoundingClientRect().left,o=w(e.x-i,0,n.clientWidth),a=o/n.clientWidth*r.duration;return{second:a,time:k(a),width:o,percentage:w(o/n.clientWidth,0,1)}}var st=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return i(n,[{key:"init",value:function(){var e=this,t=this.art.option;this.add(function(r){return function(l){var t=l.option,e=t.highlight,n=t.theme,f=l.events.proxy,p=l.player;return rt({},r,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(o){var i=!1,n=o.querySelector(".art-progress-loaded"),r=o.querySelector(".art-progress-played"),a=o.querySelector(".art-progress-highlight"),s=o.querySelector(".art-progress-indicator"),c=o.querySelector(".art-progress-tip");function u(t,e){"loaded"===t&&C(n,"width","".concat(100*e,"%")),"played"===t&&(C(r,"width","".concat(100*e,"%")),C(s,"left","calc(".concat(100*e,"% - ").concat(T(s,"width")/2,"px)")))}e.forEach(function(t){var e=w(t.time,0,p.duration)/p.duration*100;O(a,'<span data-text="'.concat(t.text,'" data-time="').concat(t.time,'" style="left: ').concat(e,'%"></span>'))}),u("loaded",p.loaded),l.on("video:progress",function(){u("loaded",p.loaded)}),l.on("video:timeupdate",function(){u("played",p.played)}),l.on("video:ended",function(){u("played",1)}),f(o,"mousemove",function(t){C(c,"display","block"),-1<t.composedPath().indexOf(a)?function(t){var e=t.target.dataset,n=e.text,r=e.time;c.innerHTML=n;var i=Number(r)/l.player.duration*o.clientWidth+t.target.clientWidth/2-c.clientWidth/2;C(c,"left","".concat(i,"px"))}(t):function(t){var e=at(l,t),n=e.width,r=e.time,i=c.clientWidth;c.innerHTML=r,n<=i/2?C(c,"left",0):n>o.clientWidth-i/2?C(c,"left","".concat(o.clientWidth-i,"px")):C(c,"left","".concat(n-i/2,"px"))}(t)}),f(o,"mouseout",function(){C(c,"display","none")}),f(o,"click",function(t){if(t.target!==s){var e=at(l,t),n=e.second;u("played",e.percentage),p.seek(n)}}),f(s,"mousedown",function(){i=!0}),f(document,"mousemove",function(t){if(i){var e=at(l,t),n=e.second,r=e.percentage;s.classList.add("art-show-indicator"),u("played",r),p.seek(n)}}),f(document,"mouseup",function(){i&&(i=!1,s.classList.remove("art-show-indicator"))})}})}}({name:"progress",disable:t.isLive,position:"top",index:10})),this.add(function(t){return function(h){return rt({},t,{mounted:function(p){var d=h.template.$progress,t=h.events,e=t.proxy,n=t.loadImg,r=!1,i=!1;e(d,"mousemove",function(t){r||(r=!0,n(h.option.thumbnails.url).then(function(){i=!0})),i&&(C(p,"display","block"),function(t){var e=at(h,t).width,n=h.option.thumbnails,r=n.url,i=n.height,o=n.width,a=n.number,s=n.column,c=d.clientWidth/a,u=Math.ceil(e/c),l=Math.ceil(u/s)-1,f=u%s||s-1;C(p,"backgroundImage","url(".concat(r,")")),C(p,"height","".concat(i,"px")),C(p,"width","".concat(o,"px")),C(p,"backgroundPosition","-".concat(f*o,"px -").concat(l*i,"px")),e<=o/2?C(p,"left",0):e>d.clientWidth-o/2?C(p,"left","".concat(d.clientWidth-o,"px")):C(p,"left","".concat(e-o/2,"px"))}(t))}),e(d,"mouseout",function(){C(p,"display","none")})}})}}({name:"thumbnails",disable:!t.thumbnails.url||t.isLive,position:"top",index:20})),this.add(function(t){return function(c){return rt({},t,{mounted:function(t){var e=c.events.proxy,n=c.player,r=c.i18n,i=O(t,ot.play),o=O(t,ot.pause);function a(){C(i,"display","flex"),C(o,"display","none")}function s(){C(i,"display","none"),C(o,"display","flex")}A(i,r.get("Play")),A(o,r.get("Pause")),e(i,"click",function(){n.play()}),e(o,"click",function(){n.pause()}),n.playing?s():a(),c.on("video:playing",function(){s()}),c.on("video:pause",function(){a()})}})}}({name:"playAndPause",disable:!1,position:"left",index:10})),this.add(function(t){return function(f){return rt({},t,{mounted:function(t){var e=f.events.proxy,i=f.player,n=f.i18n,r=!1,o=O(t,ot.volume),a=O(t,ot.volumeClose),s=O(t,'<div class="art-volume-panel"></div>'),c=O(s,'<div class="art-volume-slider-handle"></div>');function u(t){var e=s.getBoundingClientRect(),n=e.left,r=e.width,i=c.getBoundingClientRect().width;return w(t.x-n-i/2,0,r-i/2)/(r-i)}function l(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.7;if(i.muted||0===t)C(o,"display","none"),C(a,"display","flex"),C(c,"left","0");else{var e=T(s,"width")||60,n=T(c,"width"),r=n/2+(e-n)*t-n/2;C(o,"display","flex"),C(a,"display","none"),C(c,"left","".concat(r,"px"))}}A(o,n.get("Mute")),C(a,"display","none"),l(i.volume),f.on("video:volumechange",function(){l(i.volume)}),e(o,"click",function(){i.muted=!0}),e(a,"click",function(){i.muted=!1}),e(s,"click",function(t){i.muted=!1,i.volume=u(t)}),e(c,"mousedown",function(){r=!0}),e(c,"mousemove",function(t){r&&(i.muted=!1,i.volume=u(t))}),e(document,"mouseup",function(){r&&(r=!1)})}})}}({name:"volume",disable:!1,position:"left",index:20})),this.add(function(t){return function(r){return rt({},t,{mounted:function(e){function n(){var t="".concat(k(r.player.currentTime)," / ").concat(k(r.player.duration));t!==e.innerHTML&&(e.innerHTML=t)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(t){r.on(t,n)})}})}}({name:"time",disable:t.isLive,position:"left",index:30})),this.add(function(t){return function(i){return rt({},t,{mounted:function(t){var o=i.option,e=i.events.proxy,a=i.player,s=-1,n=o.quality.find(function(t){return t.default})||o.quality[0];s=o.quality.indexOf(n);var c=O(t,'<div class="art-quality-name">'.concat(n.name,"</div>")),r=o.quality.map(function(t,e){return'<div class="art-quality-item" data-index="'.concat(e,'">').concat(t.name,"</div>")}).join("");e(O(t,'<div class="art-qualitys">'.concat(r,"</div>")),"click",function(t){var e=Number(t.target.dataset.index),n=o.quality[e],r=n.url,i=n.name;r&&i&&s!==e&&(a.switchQuality(r,i),c.innerHTML=i,s=e)})}})}}({name:"quality",disable:0===t.quality.length,position:"right",index:10})),this.add(function(t){return function(o){return rt({},t,{mounted:function(t){var e=o.events.proxy,n=o.i18n,r=o.player,i=O(t,ot.screenshot);A(i,n.get("Screenshot")),e(i,"click",function(){r.screenshot()})}})}}({name:"screenshot",disable:!t.screenshot,position:"right",index:20})),this.add(function(t){return function(o){return rt({},t,{mounted:function(t){var e=o.events.proxy,n=o.i18n,r=o.subtitle,i=O(t,ot.subtitle);A(i,n.get("Hide subtitle")),e(t,"click",function(){r.toggle()}),o.on("subtitle:show",function(){C(i,"opacity","1"),A(i,n.get("Hide subtitle"))}),o.on("subtitle:hide",function(){C(i,"opacity","0.8"),A(i,n.get("Show subtitle"))})}})}}({name:"subtitle",disable:!t.subtitle.url,position:"right",index:30})),this.add(function(t){return function(o){return rt({},t,{mounted:function(t){var e=o.events.proxy,n=o.i18n,r=o.setting,i=O(t,ot.setting);A(i,n.get("Show setting")),e(t,"click",function(){r.toggle()}),o.on("setting:show",function(){C(i,"opacity","0.8"),A(i,n.get("Hide setting"))}),o.on("setting:hide",function(){C(i,"opacity","1"),A(i,n.get("Show setting"))})}})}}({name:"setting",disable:!t.setting,position:"right",index:40})),this.add(function(t){return function(i){return rt({},t,{mounted:function(t){var e=i.events.proxy,n=i.i18n,r=i.player;A(O(t,ot.pip),n.get("Mini player")),e(t,"click",function(){r.pipEnabled()})}})}}({name:"pip",disable:!t.pip,position:"right",index:50})),this.add(function(t){return function(o){return rt({},t,{mounted:function(t){var e=o.events.proxy,n=o.i18n,r=o.player,i=O(t,ot.fullscreenWeb);A(i,n.get("Web fullscreen")),e(t,"click",function(){r.fullscreenWebToggle()}),o.on("fullscreenWeb:enabled",function(){C(i,"opacity","0.8"),A(i,n.get("Exit web fullscreen"))}),o.on("fullscreenWeb:exit",function(){C(i,"opacity","1"),A(i,n.get("Web fullscreen"))})}})}}({name:"fullscreenWeb",disable:!t.fullscreenWeb,position:"right",index:60})),this.add(function(t){return function(o){return rt({},t,{mounted:function(t){var e=o.events.proxy,n=o.i18n,r=o.player,i=O(t,ot.fullscreen);A(i,n.get("Fullscreen")),e(t,"click",function(){r.fullscreenToggle()}),o.on("fullscreen:enabled",function(){C(i,"opacity","0.8"),A(i,n.get("Exit fullscreen"))}),o.on("fullscreen:exit",function(){C(i,"opacity","1"),A(i,n.get("Fullscreen"))})}})}}({name:"fullscreen",disable:!t.fullscreen,position:"right",index:70})),t.controls.forEach(function(t){e.add(t)})}},{key:"add",value:function(t,e){var n,r="function"==typeof t?t(this.art):t,i=this.art.template,o=i.$progress,a=i.$controlsLeft,s=i.$controlsRight;switch(r.position){case"top":n=o;break;case"left":n=a;break;case"right":n=s}n&&tt(this.art,this,n,r,e,"control")}},{key:"show",value:function(){this.art.template.$player.classList.add("artplayer-controls-show")}},{key:"hide",value:function(){this.art.template.$player.classList.remove("artplayer-controls-show")}}]),n}(),ct=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return i(n,[{key:"init",value:function(){var e=this,t=this.art,n=t.option,r=t.template,i=r.$player,o=r.$contextmenu,a=t.events.proxy;this.add(function(e){return function(n){var t=n.i18n,r=n.player;return rt({},e,{html:"\n                ".concat(t.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(t.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(t){var e=t.target.dataset.rate;e&&(r.playbackRate(Number(e)),n.contextmenu.hide())},mounted:function(t){n.on("playbackRateChange",function(e){M(Array.from(t.querySelectorAll("span")).find(function(t){return Number(t.dataset.rate)===e}),"current")})}})}}({disable:!n.playbackRate,name:"playbackRate",index:10})),this.add(function(e){return function(n){var t=n.i18n,r=n.player;return rt({},e,{html:"\n                ".concat(t.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(t.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(t){var e=t.target.dataset.ratio;e&&(r.aspectRatio(e),n.contextmenu.hide())},mounted:function(t){n.on("aspectRatioChange",function(e){M(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.ratio===e}),"current")})}})}}({disable:!n.aspectRatio,name:"aspectRatio",index:20})),this.add(function(e){return function(t){return rt({},e,{html:t.i18n.get("Video info"),click:function(){t.info.show(),t.contextmenu.hide()}})}}({disable:!1,name:"info",index:30})),this.add(rt({},{disable:!1,name:"version",index:40},{html:'<a href="https://github.com/zhw2590582/artplayer" target="_blank">ArtPlayer 1.0.7</a>'})),this.add(function(e){return function(t){return rt({},e,{html:t.i18n.get("Close"),click:function(){t.contextmenu.hide()}})}}({disable:!1,name:"close",index:50})),n.contextmenu.forEach(function(t){e.add(t)}),a(i,"contextmenu",function(t){t.preventDefault(),e.show(),e.setPos(t)}),a(i,"click",function(t){t.composedPath().includes(o)||e.hide()})}},{key:"add",value:function(t,e){var n=this.art.template.$contextmenu;tt(this.art,this,n,t,e,"contextmenu")}},{key:"setPos",value:function(t){var e=this.art.template,n=e.$player,r=e.$contextmenu,i=t.clientX,o=t.clientY,a=n.getBoundingClientRect(),s=a.height,c=a.width,u=a.left,l=a.top,f=r.getBoundingClientRect(),p=f.height,d=f.width,h=i-u,y=o-l;u+c<i+d&&(h=c-d),l+s<o+p&&(y=s-p),C(r,"left","".concat(h,"px")),C(r,"top","".concat(y,"px"))}},{key:"hide",value:function(){var t=this.art.template.$contextmenu;C(t,"display","none"),this.art.emit("contextmenu:hide",t)}},{key:"show",value:function(){var t=this.art.template.$contextmenu;C(t,"display","block"),this.art.emit("contextmenu:show",t)}}]),n}(),ut=function(){function e(t){a(this,e),this.art=t,this.init()}return i(e,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$infoClose;(0,e.events.proxy)(n,"click",function(){t.hide()})}},{key:"show",value:function(){var t=this.art.template,e=t.$info,n=t.$infoPanel;C(e,"display","block"),n.innerHTML||O(n,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show",e)}},{key:"creatInfo",value:function(){var t=[];return t.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">1.0.7</div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),t.push('\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        '),t.push('\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        '),t.push('\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        '),t.push('\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        '),t.join("")}},{key:"readInfo",value:function(){var t=this.art.template,e=t.$infoPanel,n=t.$video;Array.from(e.querySelectorAll("[data-video]")).forEach(function(t){var e=n[t.dataset.video];t.innerHTML=void 0!==e?e:"unknown"})}},{key:"loop",value:function(){var t=this;this.readInfo(),this.timer=setTimeout(function(){t.readInfo(),t.loop()},1e3)}},{key:"hide",value:function(){var t=this.art.template.$info;C(t,"display","none"),clearTimeout(this.timer),this.art.emit("info:hide",t)}}]),e}(),lt=function(){function n(t){a(this,n),this.art=t,this.state=!0;var e=this.art.option.subtitle.url;e&&this.init(e)}return i(n,[{key:"init",value:function(t){var r=this,e=this.art,i=e.events.proxy,n=e.option.subtitle,o=e.template,a=o.$video,s=o.$subtitle,c=o.$track;if(j(s,n.style||{}),!c){var u=document.createElement("track");u.default=!0,u.kind="metadata",a.appendChild(u),this.art.template.$track=u}this.load(t).then(function(t){if(r.art.template.$track.src=t,r.art.emit("subtitle:load",t),a.textTracks&&a.textTracks[0]){var n=it(a.textTracks,1)[0];i(n,"cuechange",function(){var t=it(n.activeCues,1)[0];if(s.innerHTML="",t){var e=document.createElement("div");e.appendChild(t.getCueAsHTML()),s.innerHTML=e.innerHTML.split(/\r?\n/).map(function(t){return"<p>".concat(t,"</p>")}).join("")}r.art.emit("subtitle:update",s)})}})}},{key:"load",value:function(e){var n,r=this.art.notice;return fetch(e).then(function(t){return n=t.headers.get("Content-Type"),t.text()}).then(function(t){return/x-subrip/gi.test(n)?z(D(t)):e}).catch(function(t){r.show(t),console.warn(t)})}},{key:"show",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,r=t.notice;C(e,"display","block"),this.state=!0,r.show(n.get("Show subtitle")),this.art.emit("subtitle:show",e)}},{key:"hide",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,r=t.notice;C(e,"display","none"),this.state=!1,r.show(n.get("Hide subtitle")),this.art.emit("subtitle:hide",e)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}(),ft=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.ContentRect=function(t){if("getBBox"in t){var e=t.getBBox();return Object.freeze({height:e.height,left:0,top:0,width:e.width})}var n=window.getComputedStyle(t);return Object.freeze({height:parseFloat(n.height||"0"),left:parseFloat(n.paddingLeft||"0"),top:parseFloat(n.paddingTop||"0"),width:parseFloat(n.width||"0")})}});t(ft),ft.ContentRect;var pt=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t){this.target=t,this.$$broadcastWidth=this.$$broadcastHeight=0}return Object.defineProperty(t.prototype,"broadcastWidth",{get:function(){return this.$$broadcastWidth},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"broadcastHeight",{get:function(){return this.$$broadcastHeight},enumerable:!0,configurable:!0}),t.prototype.isActive=function(){var t=ft.ContentRect(this.target);return!!t&&(t.width!==this.broadcastWidth||t.height!==this.broadcastHeight)},t}();e.ResizeObservation=n});t(pt),pt.ResizeObservation;var dt=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.ResizeObserverEntry=function(t){this.target=t,this.contentRect=ft.ContentRect(t)}});t(dt),dt.ResizeObserverEntry;var ht=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=[],r=function(){function t(t){this.$$observationTargets=[],this.$$activeTargets=[],this.$$skippedTargets=[];var e=function(t){return void 0===t?"Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.":"function"!=typeof t?"Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.":void 0}(t);if(e)throw TypeError(e);this.$$callback=t,n.push(this)}return t.prototype.observe=function(t){var e=i("observe",t);if(e)throw TypeError(e);0<o(this.$$observationTargets,t)||(this.$$observationTargets.push(new pt.ResizeObservation(t)),l())},t.prototype.unobserve=function(t){var e=i("unobserve",t);if(e)throw TypeError(e);var n=o(this.$$observationTargets,t);n<0||(this.$$observationTargets.splice(n,1),p())},t.prototype.disconnect=function(){this.$$observationTargets=[],this.$$activeTargets=[]},t}();function i(t,e){return void 0===e?"Failed to execute '"+t+"' on 'ResizeObserver': 1 argument required, but only 0 present.":e instanceof window.Element?void 0:"Failed to execute '"+t+"' on 'ResizeObserver': parameter 1 is not of type 'Element'."}function o(t,e){for(var n=0;n<t.length;n+=1)if(t[n].target===e)return n;return-1}e.ResizeObserver=r;var a,s=function(r){n.forEach(function(n){n.$$activeTargets=[],n.$$skippedTargets=[],n.$$observationTargets.forEach(function(t){if(t.isActive()){var e=u(t.target);r<e?n.$$activeTargets.push(t):n.$$skippedTargets.push(t)}})})},c=function(){var i=1/0;return n.forEach(function(t){if(t.$$activeTargets.length){var r=[];t.$$activeTargets.forEach(function(t){var e=new dt.ResizeObserverEntry(t.target);r.push(e),t.$$broadcastWidth=e.contentRect.width,t.$$broadcastHeight=e.contentRect.height;var n=u(t.target);n<i&&(i=n)}),t.$$callback(r,t),t.$$activeTargets=[]}}),i},u=function(t){for(var e=0;t.parentNode;)t=t.parentNode,e+=1;return e},l=function(){a||f()},f=function(){a=window.requestAnimationFrame(function(){(function(){var t=0;for(s(t);n.some(function(t){return!!t.$$activeTargets.length});)t=c(),s(t);n.some(function(t){return!!t.$$skippedTargets.length})&&function(){var t=new window.ErrorEvent("ResizeLoopError",{message:"ResizeObserver loop completed with undelivered notifications."});window.dispatchEvent(t)}()})(),f()})},p=function(){a&&!n.some(function(t){return!!t.$$observationTargets.length})&&(window.cancelAnimationFrame(a),a=void 0)};e.install=function(){return window.ResizeObserver=r}});t(ht);var yt=ht.ResizeObserver;ht.install;var vt=function(){function n(t){var e=this;a(this,n),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),t.on("firstCanplay",function(){!function(e,t){var n=e.template.$player;t.proxy(document,["click","contextmenu"],function(t){-1<t.composedPath().indexOf(n)?e.isFocus=!0:(e.isFocus=!1,e.contextmenu.hide())})}(t,e),function(t,e){var n=t.template.$player;e.hover(n,function(){n.classList.add("artplayer-hover"),t.emit("hoverenter")},function(){n.classList.remove("artplayer-hover"),t.emit("hoverleave")})}(t,e),function(e,t){var n=e.template,r=n.$player,i=n.$video,o=e.player,a=E(function(){r.classList.add("artplayer-hide-cursor"),r.classList.remove("artplayer-hover"),e.controls.hide()},5e3);e.on("hoverleave",function(){o.playing&&a()}),t.proxy(r,"mousemove",function(t){a.clearTimeout(),r.classList.remove("artplayer-hide-cursor"),e.controls.show(),!e.player.pipState&&o.playing&&t.target===i&&a()})}(t,e),function(t,e){var n=t.option,r=t.template.$player,i=new yt(function(){n.autoSize&&(t.player.fullscreenState||t.player.fullscreenWebState||t.player.pipState?t.player.autoSizeRemove():t.player.autoSize()),t.player.aspectRatioReset(),t.emit("resize",r)});i.observe(r),e.destroyEvents.push(function(){i.unobserve(r)})}(t,e)})}return i(n,[{key:"proxy",value:function(e,t,n){var r=this,i=3<arguments.length&&void 0!==arguments[3]?arguments[3]:{};Array.isArray(t)?t.forEach(function(t){return r.proxy(e,t,n,i)}):(e.addEventListener(t,n,i),this.destroyEvents.push(function(){e.removeEventListener(t,n,i)}))}},{key:"hover",value:function(t,e,n){this.proxy(t,"mouseenter",e),this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(r){var i=this;return new Promise(function(t,e){var n;if(r instanceof HTMLImageElement)n=r;else{if("string"!=typeof r)return e(r);(n=new Image).src=r}return n.complete?t(n):(i.proxy(n,"load",function(){return t(n)}),i.proxy(n,"error",function(){return e(n)}),r)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(t){return t()})}}]),n}(),mt=function(){function n(t){var e=this;a(this,n),this.art=t,this.art.option.hotkey&&this.art.on("firstCanplay",function(){e.init()})}return i(n,[{key:"init",value:function(){var r=this,t=this.art,i=t.player;(0,t.events.proxy)(window,"keydown",function(t){if(r.art.isFocus){var e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==n&&"true"!==n)switch(r.art.emit("hotkey",t),t.keyCode){case 39:t.preventDefault(),i.seek(i.currentTime+10);break;case 37:t.preventDefault(),i.seek(i.currentTime-10);break;case 38:t.preventDefault(),i.volume+=.05;break;case 40:t.preventDefault(),i.volume-=.05;break;case 32:t.preventDefault(),i.toggle()}}})}}]),n}(),gt=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.add=this.add.bind(this),this.art.option.layers.forEach(function(t){e.add(t)})}return i(n,[{key:"add",value:function(t,e){var n=this.art.template.$layers;tt(this.art,this,n,t,e,"layer")}},{key:"show",value:function(){var t=this.art.template.$layers;C(t,"display","block"),this.art.emit("layers:show",t)}},{key:"hide",value:function(){var t=this.art.template.$layers;C(t,"display","none"),this.art.emit("layers:hide",t)}}]),n}(),bt=function(){function n(t){a(this,n);var e=(this.art=t).option;O(t.template.$loading,e.icons.loading||ot.loading)}return i(n,[{key:"hide",value:function(){var t=this.art.template.$loading;C(t,"display","none"),this.art.emit("loading:hide",t)}},{key:"show",value:function(){var t=this.art.template.$loading;C(t,"display","flex"),this.art.emit("loading:show",t)}}]),n}(),wt=function(){function e(t){a(this,e),this.art=t,this.timer=null}return i(e,[{key:"show",value:function(t){var e=this,n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],r=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1e3,i=this.art.template,o=i.$notice,a=i.$noticeInner;C(o,"display","block"),a.innerHTML=t instanceof Error?t.message.trim():t,clearTimeout(this.timer),n&&(this.timer=setTimeout(function(){e.hide()},r)),this.art.emit("notice:show",o)}},{key:"hide",value:function(){var t=this.art.template.$notice;C(t,"display","none"),this.art.emit("notice:hide",t)}}]),e}(),xt=function(){function n(t){a(this,n);var e=(this.art=t).option;O(O(t.template.$mask,'<div class="art-playBig"></div>'),e.icons.playBig||ot.playBig)}return i(n,[{key:"show",value:function(){var t=this.art.template.$mask;C(t,"display","flex"),this.art.emit("mask:show",t)}},{key:"hide",value:function(){var t=this.art.template.$mask;C(t,"display","none"),this.art.emit("mask:show",t)}}]),n}(),kt=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.state=!1,t.option.setting&&this.art.on("firstCanplay",function(){e.init()})}return i(n,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$settingClose;(0,e.events.proxy)(n,"click",function(){t.hide()}),this.add(function(r){return function(e){var t=e.i18n,n=e.player;return rt({},r,{html:'\n                <div class="art-setting-header">'.concat(t.get("Flip"),'</div>\n                <div class="art-setting-body">\n                    <div class="art-setting-btns">\n                        <div class="art-setting-btn current">\n                            <span data-flip="normal">').concat(t.get("Normal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="horizontal">').concat(t.get("Horizontal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="vertical">').concat(t.get("Vertical"),"</span>\n                        </div>\n                    </div>\n                </div>\n            "),click:function(t){var e=t.target.dataset.flip;e&&n.flip(e)},mounted:function(t){e.on("flipChange",function(e){M(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.flip===e}).parentElement,"current")})}})}}({disable:!1,name:"flip",index:10}))}},{key:"add",value:function(t,e){var n=this.art.template.$settingBody;tt(this.art,this,n,t,e,"setting")}},{key:"show",value:function(){var t=this.art.template.$setting;C(t,"display","flex"),this.state=!0,this.art.emit("setting:show",t)}},{key:"hide",value:function(){var t=this.art.template.$setting;C(t,"display","none"),this.state=!1,this.art.emit("setting:hide",t)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}(),St=function(){function e(t){a(this,e),this.art=t,this.storageName="artplayer_settings",this.init()}return i(e,[{key:"init",value:function(){var t=this.art.option,e=this.get("volume");e&&(t.volume=e)}},{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.storageName))||{};return t?e[t]:{}}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),v({},t,e));localStorage.setItem(this.storageName,JSON.stringify(n))}}]),e}();function Et(r){var t=r.i18n,i=r.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(t.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-body">\n                <input\n                    style="width: 100%;height: 3px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;background-color: #fff;"\n                    class="art-subtitle-range"\n                    type="range"\n                    min="-5"\n                    max="5"\n                    step="0.5"\n                >\n            </div>\n        '),mounted:function(t){var e=t.querySelector(".art-subtitle-range"),n=t.querySelector(".art-subtitle-value");i(e,"change",function(){var t=e.value;n.innerText=t,r.plugins.subtitle.offset(Number(t))}),r.on("subtitle:switch",function(){e.value=0,n.innerText=0}),r.on("artplayerPluginSubtitle:set",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}}}function Pt(r){var i=r.constructor.utils.clamp,t=r.setting,o=r.notice,a=r.template,s=r.i18n;!function(t){t.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}})}(s),t.add(Et);var c=[];return r.on("subtitle:switch",function(){c=[]}),{name:"subtitle",offset:function(t){if(a.$track&&a.$track.track){var e=Array.from(a.$track.track.cues),n=i(t,-5,5);e.forEach(function(t,e){c[e]||(c[e]={startTime:t.startTime,endTime:t.endTime}),t.startTime=c[e].startTime+n,t.endTime=c[e].endTime+n}),o.show("".concat(s.get("Subtitle offset time"),": ").concat(t,"s")),r.emit("artplayerPluginSubtitle:set",t)}else o.show("".concat(s.get("No subtitles found"))),r.emit("artplayerPluginSubtitle:set",0)}}}function $t(i){var t=i.constructor.utils,n=t.append,r=t.setStyle,o=t.setStyles,a=t.sleep,s=i.events.proxy,c=i.option,u=i.notice,l=i.i18n,f=i.template,p=i.player;function d(t){if(t){var e=f.$video.canPlayType(t.type);if("maybe"===e||"probably"===e){var n=URL.createObjectURL(t);p.playbackRateRemove(),p.aspectRatioRemove(),f.$video.src=n,a(1e3).then(function(){p.currentTime=0}),c.url=n,i.emit("switch",n),u.show(l.get("Load local video successfully"))}else{var r="".concat(l.get("Playback of this file format is not supported"),": ").concat(t.type);u.show(r,!0,3e3),console.warn(r)}}}return function(t){t.update({"zh-cn":{"Playback of this file format is not supported":"不支持播放该文件格式","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Playback of this file format is not supported":"不支持播放該文件格式","Load local video successfully":"加載本地視頻成功"}})}(l),s(f.$player,"dragover",function(t){t.preventDefault(),u.show(l.get("Load local video successfully"))}),s(f.$player,"drop",function(t){t.preventDefault(),d(t.dataTransfer.files[0])}),{name:"localPreview",attach:function(t){var e=n(t,'<input type="file">');r(t,"position","relative"),o(e,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),s(e,"change",function(){d(e.files[0])})}}}var _t=function(){function n(t){var e=this;a(this,n),this.art=t,this.id=0,this.add(Pt),this.add($t),t.option.plugins.forEach(function(t){e.add(t)})}return i(n,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art);return this[e&&e.name?e.name:t.name?t.name:"plugin".concat(this.id)]=e,this.art.emit("plugin:add",t),this}}]),n}(),Ot=function t(e){a(this,t);var n=e.option,r=e.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){r[t]=n.moreVideoAttr[t]}),n.muted&&(r.muted=n.muted),n.volume&&(r.volume=w(n.volume,0,1)),n.poster&&(r.poster=n.poster),n.autoplay&&(r.autoplay=n.autoplay),r.controls=!0;var i=n.type||x(n.url),o=n.customType[i];i&&o?(e.emit("beforeCustomType",i),o(r,n.url,e),e.emit("afterCustomType",i)):(e.emit("beforeAttachUrl",n.url),r.src=n.url,e.emit("afterAttachUrl",r.src))},Rt=0,Ct=function(t){function n(t){var e;return a(this,n),e=c(this,u(n).call(this)),b("function"==typeof window.Promise,"Unsupported 'Promise' method"),e.option=_(n.DEFAULTS,t),y(e.option,F),e.init(),e}return f(n,d),i(n,[{key:"init",value:function(){this.whitelist=new H(this),this.template=new B(this),this.whitelist.state?(this.isFocus=!1,this.storage=new St(this),this.i18n=new V(this),this.notice=new wt(this),this.events=new vt(this),this.player=new K(this),this.layers=new gt(this),this.controls=new st(this),this.contextmenu=new ct(this),this.subtitle=new lt(this),this.info=new ut(this),this.loading=new bt(this),this.hotkey=new mt(this),this.mask=new xt(this),this.setting=new kt(this),this.plugins=new _t(this)):this.mobile=new Ot(this),Rt+=1,this.id=Rt,n.instances.push(this)}},{key:"destroy",value:function(){var t=0<arguments.length&&void 0!==arguments[0]&&arguments[0];this.events&&this.events.destroy(),this.template.destroy(t),n.instances.splice(n.instances.indexOf(this),1),this.emit("destroy")}}],[{key:"version",get:function(){return"1.0.7"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return N}},{key:"utils",get:function(){return W}},{key:"DEFAULTS",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",mimeCodec:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"auto"},icons:{loading:"",playBig:""},customType:{},lang:navigator.language.toLowerCase()}}}]),n}();return Object.defineProperty(Ct,"instances",{value:[]}),window.Artplayer=Ct}()}),ft=(st=lt)&&st.__esModule&&Object.prototype.hasOwnProperty.call(st,"default")?st.default:st;return function(t){function n(t){var e;return c(this,n),e=l(this,f(n).call(this,t)),ft.utils.errorHandle(t.option&&"object"===s(t.option),"The prop 'option' object cannot be missing"),e.instance=null,e.artRef=ut.createRef(),e}return d(n,t),e(n,[{key:"componentDidMount",value:function(){var t=this.props,e=t.option,n=t.getInstance;this.instance=new ft(o({},e,{container:this.artRef.current})),n&&"function"==typeof n&&n(this.instance)}},{key:"componentWillUnmount",value:function(){this.instance&&this.instance.destroy&&this.instance.destroy()}},{key:"render",value:function(){var t=this.props,e=(t.option,t.getInstance,r(t,["option","getInstance"]));return ut.createElement("div",o({ref:this.artRef},e))}}]),n}(ut.Component)});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).ArtplayerReact=t()}(this,function(){"use strict";var a=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],0<=t.indexOf(n)||(o[n]=e[n]);return o};var r=function(e,t){if(null==e)return{};var n,r,o=a(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o};var o=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e};var i=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(e){o(t,e,n[e])})}return t};"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function e(e,t){return e(t={exports:{}},t.exports),t.exports}var we=e(function(t){function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(e){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?t.exports=r=function(e){return n(e)}:t.exports=r=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":n(e)},r(e)}t.exports=r});var c=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")};function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var t=function(e,t,n){return t&&s(e.prototype,t),n&&s(e,n),e};var n=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e};var u=function(e,t){return!t||"object"!==we(t)&&"function"!=typeof t?n(e):t},l=e(function(t){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(e)}t.exports=n}),f=e(function(n){function r(e,t){return n.exports=r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},r(e,t)}n.exports=r});var p=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&f(e,t)},d=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var Pe=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,r,o=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),i=1;i<arguments.length;i++){for(var a in n=Object(arguments[i]))h.call(n,a)&&(o[a]=n[a]);if(d){r=d(n);for(var c=0;c<r.length;c++)y.call(n,r[c])&&(o[r[c]]=n[r[c]])}}return o},m="function"==typeof Symbol&&Symbol.for,v=m?Symbol.for("react.element"):60103,g=m?Symbol.for("react.portal"):60106,b=m?Symbol.for("react.fragment"):60107,w=m?Symbol.for("react.strict_mode"):60108,k=m?Symbol.for("react.profiler"):60114,x=m?Symbol.for("react.provider"):60109,S=m?Symbol.for("react.context"):60110,$=m?Symbol.for("react.concurrent_mode"):60111,O=m?Symbol.for("react.forward_ref"):60112,P=m?Symbol.for("react.suspense"):60113,R=m?Symbol.for("react.memo"):60115,j=m?Symbol.for("react.lazy"):60116,C="function"==typeof Symbol&&Symbol.iterator;function E(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);!function(e,t,n,r,o,i,a,c){if(!e){if((e=void 0)===t)e=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var s=[n,r,o,i,a,c],u=0;(e=Error(t.replace(/%s/g,function(){return s[u++]}))).name="Invariant Violation"}throw e.framesToPop=1,e}}(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}var _={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},T={};function L(e,t,n){this.props=e,this.context=t,this.refs=T,this.updater=n||_}function A(){}function M(e,t,n){this.props=e,this.context=t,this.refs=T,this.updater=n||_}L.prototype.isReactComponent={},L.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&E("85"),this.updater.enqueueSetState(this,e,t,"setState")},L.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},A.prototype=L.prototype;var q=M.prototype=new A;q.constructor=M,Pe(q,L.prototype),q.isPureReactComponent=!0;var z={current:null},I={current:null},F=Object.prototype.hasOwnProperty,W={key:!0,ref:!0,__self:!0,__source:!0};function D(e,t,n){var r=void 0,o={},i=null,a=null;if(null!=t)for(r in void 0!==t.ref&&(a=t.ref),void 0!==t.key&&(i=""+t.key),t)F.call(t,r)&&!W.hasOwnProperty(r)&&(o[r]=t[r]);var c=arguments.length-2;if(1===c)o.children=n;else if(1<c){for(var s=Array(c),u=0;u<c;u++)s[u]=arguments[u+2];o.children=s}if(e&&e.defaultProps)for(r in c=e.defaultProps)void 0===o[r]&&(o[r]=c[r]);return{$$typeof:v,type:e,key:i,ref:a,props:o,_owner:I.current}}function N(e){return"object"==typeof e&&null!==e&&e.$$typeof===v}var V=/\/+/g,H=[];function U(e,t,n,r){if(H.length){var o=H.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function B(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,H.length<10&&H.push(e)}function Y(e,t,n){return null==e?0:function e(t,n,r,o){var i=typeof t;"undefined"!==i&&"boolean"!==i||(t=null);var a=!1;if(null===t)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(t.$$typeof){case v:case g:a=!0}}if(a)return r(o,t,""===n?"."+X(t,0):n),1;if(a=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c<t.length;c++){var s=n+X(i=t[c],c);a+=e(i,s,r,o)}else if("function"==typeof(s=null===t||"object"!=typeof t?null:"function"==typeof(s=C&&t[C]||t["@@iterator"])?s:null))for(t=s.call(t),c=0;!(i=t.next()).done;)a+=e(i=i.value,s=n+X(i,c++),r,o);else"object"===i&&E("31","[object Object]"==(r=""+t)?"object with keys {"+Object.keys(t).join(", ")+"}":r,"");return a}(e,"",t,n)}function X(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,function(e){return t[e]})}(e.key):t.toString(36)}function Z(e,t){e.func.call(e.context,t,e.count++)}function J(e,t,n){var r=e.result,o=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?G(e,r,n,function(e){return e}):null!=e&&(N(e)&&(e=function(e,t){return{$$typeof:v,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(e,o+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(V,"$&/")+"/")+n)),r.push(e))}function G(e,t,n,r,o){var i="";null!=n&&(i=(""+n).replace(V,"$&/")+"/"),Y(e,J,t=U(t,i,r,o)),B(t)}function K(){var e=z.current;return null===e&&E("321"),e}var Q={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return G(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;Y(e,Z,t=U(null,null,t,n)),B(t)},count:function(e){return Y(e,function(){return null},null)},toArray:function(e){var t=[];return G(e,t,null,function(e){return e}),t},only:function(e){return N(e)||E("143"),e}},createRef:function(){return{current:null}},Component:L,PureComponent:M,createContext:function(e,t){return void 0===t&&(t=null),(e={$$typeof:S,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:x,_context:e},e.Consumer=e},forwardRef:function(e){return{$$typeof:O,render:e}},lazy:function(e){return{$$typeof:j,_ctor:e,_status:-1,_result:null}},memo:function(e,t){return{$$typeof:R,type:e,compare:void 0===t?null:t}},useCallback:function(e,t){return K().useCallback(e,t)},useContext:function(e,t){return K().useContext(e,t)},useEffect:function(e,t){return K().useEffect(e,t)},useImperativeHandle:function(e,t,n){return K().useImperativeHandle(e,t,n)},useDebugValue:function(){},useLayoutEffect:function(e,t){return K().useLayoutEffect(e,t)},useMemo:function(e,t){return K().useMemo(e,t)},useReducer:function(e,t,n){return K().useReducer(e,t,n)},useRef:function(e){return K().useRef(e)},useState:function(e){return K().useState(e)},Fragment:b,StrictMode:w,Suspense:P,createElement:D,cloneElement:function(e,t,n){null==e&&E("267",e);var r=void 0,o=Pe({},e.props),i=e.key,a=e.ref,c=e._owner;if(null!=t){void 0!==t.ref&&(a=t.ref,c=I.current),void 0!==t.key&&(i=""+t.key);var s=void 0;for(r in e.type&&e.type.defaultProps&&(s=e.type.defaultProps),t)F.call(t,r)&&!W.hasOwnProperty(r)&&(o[r]=void 0===t[r]&&void 0!==s?s[r]:t[r])}if(1===(r=arguments.length-2))o.children=n;else if(1<r){s=Array(r);for(var u=0;u<r;u++)s[u]=arguments[u+2];o.children=s}return{$$typeof:v,type:e.type,key:i,ref:a,props:o,_owner:c}},createFactory:function(e){var t=D.bind(null,e);return t.type=e,t},isValidElement:N,version:"16.8.6",unstable_ConcurrentMode:$,unstable_Profiler:k,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentDispatcher:z,ReactCurrentOwner:I,assign:Pe}},ee=Q.default||Q,te=function(){};if("production"!==process.env.NODE_ENV){var ne="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",re={},oe=Function.call.bind(Object.prototype.hasOwnProperty);te=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function ie(e,t,n,r,o){if("production"!==process.env.NODE_ENV)for(var i in e)if(oe(e,i)){var a;try{if("function"!=typeof e[i]){var c=Error((r||"React class")+": "+n+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.");throw c.name="Invariant Violation",c}a=e[i](t,i,r,n,null,ne)}catch(e){a=e}if(!a||a instanceof Error||te((r||"React class")+": type specification of "+n+" `"+i+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof a+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),a instanceof Error&&!(a.message in re)){re[a.message]=!0;var s=o?o():"";te("Failed "+n+" type: "+a.message+(null!=s?s:""))}}}ie.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(re={})};var Re=ie,ae=e(function(Oe){"production"!==process.env.NODE_ENV&&function(){var h=Pe,o=Re,e="function"==typeof Symbol&&Symbol.for,v=e?Symbol.for("react.element"):60103,g=e?Symbol.for("react.portal"):60106,u=e?Symbol.for("react.fragment"):60107,n=e?Symbol.for("react.strict_mode"):60108,r=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,i=e?Symbol.for("react.concurrent_mode"):60111,s=e?Symbol.for("react.forward_ref"):60112,l=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.memo"):60115,p=e?Symbol.for("react.lazy"):60116,d="function"==typeof Symbol&&Symbol.iterator,y="@@iterator";function b(e){if(null===e||"object"!=typeof e)return null;var t=d&&e[d]||e[y];return"function"==typeof t?t:null}var m=function(){};function w(e,t,n,r,o,i,a,c){if(m(t),!e){var s=void 0;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,o,i,a,c],l=0;(s=new Error(t.replace(/%s/g,function(){return u[l++]}))).name="Invariant Violation"}throw s.framesToPop=1,s}}m=function(e){if(void 0===e)throw new Error("invariant requires an error message argument")};var k=function(e,t){if(void 0===t)throw new Error("`lowPriorityWarning(condition, format, ...args)` requires a warning message argument");if(!e){for(var n=arguments.length,r=Array(2<n?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];(function(e){for(var t=arguments.length,n=Array(1<t?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=0,i="Warning: "+e.replace(/%s/g,function(){return n[o++]});"undefined"!=typeof console&&console.warn(i);try{throw new Error(i)}catch(e){}}).apply(void 0,[t].concat(r))}},x=function(e,t){for(var n=arguments.length,r=Array(2<n?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];if(void 0===t)throw new Error("`warningWithoutStack(condition, format, ...args)` requires a warning message argument");if(8<r.length)throw new Error("warningWithoutStack() currently supports at most 8 arguments.");if(!e){if("undefined"!=typeof console){var i=r.map(function(e){return""+e});i.unshift("Warning: "+t),Function.prototype.apply.call(console.error,console,i)}try{var a=0,c="Warning: "+t.replace(/%s/g,function(){return r[a++]});throw new Error(c)}catch(e){}}},S={};function $(e,t){var n=e.constructor,r=n&&(n.displayName||n.name)||"ReactClass",o=r+"."+t;S[o]||(x(!1,"Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",t,r),S[o]=!0)}var O={isMounted:function(e){return!1},enqueueForceUpdate:function(e,t,n){$(e,"forceUpdate")},enqueueReplaceState:function(e,t,n,r){$(e,"replaceState")},enqueueSetState:function(e,t,n,r){$(e,"setState")}},P={};function R(e,t,n){this.props=e,this.context=t,this.refs=P,this.updater=n||O}Object.freeze(P),R.prototype.isReactComponent={},R.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&w(!1,"setState(...): takes an object of state variables to update or a function which returns an object of state variables."),this.updater.enqueueSetState(this,e,t,"setState")},R.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function t(e,t){Object.defineProperty(R.prototype,e,{get:function(){k(!1,"%s(...) is deprecated in plain JavaScript React classes. %s",t[0],t[1])}})}var j={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]};for(var C in j)j.hasOwnProperty(C)&&t(C,j[C]);function E(){}function _(e,t,n){this.props=e,this.context=t,this.refs=P,this.updater=n||O}E.prototype=R.prototype;var T=_.prototype=new E;T.constructor=_,h(T,R.prototype),T.isPureReactComponent=!0;var L={current:null},A={current:null},M=/^(.*)[\\\/]/,q=1;function z(e){if(null==e)return null;if("number"==typeof e.tag&&x(!1,"Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case i:return"ConcurrentMode";case u:return"Fragment";case g:return"Portal";case r:return"Profiler";case n:return"StrictMode";case l:return"Suspense"}if("object"==typeof e)switch(e.$$typeof){case c:return"Context.Consumer";case a:return"Context.Provider";case s:return function(e,t,n){var r=t.displayName||t.name||"";return e.displayName||(""!==r?n+"("+r+")":n)}(e,e.render,"ForwardRef");case f:return z(e.type);case p:var t=function(e){return e._status===q?e._result:null}(e);if(t)return z(t)}return null}var I={},F=null;function W(e){F=e}I.getCurrentStack=null,I.getStackAddendum=function(){var e="";if(F){var t=z(F.type),n=F._owner;e+=function(e,t,n){var r="";if(t){var o=t.fileName,i=o.replace(M,"");if(/^index\./.test(i)){var a=o.match(M);if(a){var c=a[1];c&&(i=c.replace(M,"")+"/"+i)}}r=" (at "+i+":"+t.lineNumber+")"}else n&&(r=" (created by "+n+")");return"\n    in "+(e||"Unknown")+r}(t,F._source,n&&z(n.type))}var r=I.getCurrentStack;return r&&(e+=r()||""),e};var D={ReactCurrentDispatcher:L,ReactCurrentOwner:A,assign:h};h(D,{ReactDebugCurrentFrame:I,ReactComponentTreeHook:{}});var N=function(e,t){if(!e){for(var n=D.ReactDebugCurrentFrame.getStackAddendum(),r=arguments.length,o=Array(2<r?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];x.apply(void 0,[!1,t+"%s"].concat(o,[n]))}},V=Object.prototype.hasOwnProperty,H={key:!0,ref:!0,__self:!0,__source:!0},U=void 0,B=void 0;function Y(e){if(V.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return void 0!==e.ref}function X(e){if(V.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return void 0!==e.key}var Z=function(e,t,n,r,o,i,a){var c={$$typeof:v,type:e,key:t,ref:n,props:a,_owner:i,_store:{}};return Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,"_self",{configurable:!1,enumerable:!1,writable:!1,value:r}),Object.defineProperty(c,"_source",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c};function J(e,t,n){var r=void 0,o={},i=null,a=null,c=null,s=null;if(null!=t)for(r in Y(t)&&(a=t.ref),X(t)&&(i=""+t.key),c=void 0===t.__self?null:t.__self,s=void 0===t.__source?null:t.__source,t)V.call(t,r)&&!H.hasOwnProperty(r)&&(o[r]=t[r]);var u=arguments.length-2;if(1==u)o.children=n;else if(1<u){for(var l=Array(u),f=0;f<u;f++)l[f]=arguments[f+2];Object.freeze&&Object.freeze(l),o.children=l}if(e&&e.defaultProps){var p=e.defaultProps;for(r in p)void 0===o[r]&&(o[r]=p[r])}if(i||a){var d="function"==typeof e?e.displayName||e.name||"Unknown":e;i&&function(e,t){function n(){U||x(!(U=!0),"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)",t)}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}(o,d),a&&function(e,t){function n(){B||x(!(B=!0),"%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)",t)}n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}(o,d)}return Z(e,i,a,c,s,A.current,o)}function G(e){return"object"==typeof e&&null!==e&&e.$$typeof===v}var K=".",Q=":";var ee=!1,te=/\/+/g;function ne(e){return(""+e).replace(te,"$&/")}var re=10,oe=[];function ie(e,t,n,r){if(oe.length){var o=oe.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function ae(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,oe.length<re&&oe.push(e)}function ce(e,t,n){return null==e?0:function e(t,n,r,o){var i=typeof t;"undefined"!=i&&"boolean"!=i||(t=null);var a=!1;if(null===t)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(t.$$typeof){case v:case g:a=!0}}if(a)return r(o,t,""===n?K+se(t,0):n),1;var c=void 0,s=0,u=""===n?K:n+Q;if(Array.isArray(t))for(var l=0;l<t.length;l++)s+=e(c=t[l],u+se(c,l),r,o);else{var f=b(t);if("function"==typeof f){f===t.entries&&(ee||N(!1,"Using Maps as children is unsupported and will likely yield unexpected results. Convert it to a sequence/iterable of keyed ReactElements instead."),ee=!0);for(var p=f.call(t),d=void 0,h=0;!(d=p.next()).done;)s+=e(c=d.value,u+se(c,h++),r,o)}else if("object"==i){var y;y=" If you meant to render a collection of children, use an array instead."+I.getStackAddendum();var m=""+t;w(!1,"Objects are not valid as a React child (found: %s).%s","[object Object]"==m?"object with keys {"+Object.keys(t).join(", ")+"}":m,y)}}return s}(e,"",t,n)}function se(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,function(e){return t[e]})}(e.key):t.toString(36)}function ue(e,t,n){var r=e.func,o=e.context;r.call(o,t,e.count++)}function le(e,t,n){var r=e.result,o=e.keyPrefix,i=e.func,a=e.context,c=i.call(a,t,e.count++);Array.isArray(c)?fe(c,r,n,function(e){return e}):null!=c&&(G(c)&&(c=function(e,t){return Z(e.type,t,e.ref,e._self,e._source,e._owner,e.props)}(c,o+(!c.key||t&&t.key===c.key?"":ne(c.key)+"/")+n)),r.push(c))}function fe(e,t,n,r,o){var i="";null!=n&&(i=ne(n)+"/");var a=ie(t,i,r,o);ce(e,le,a),ae(a)}function pe(e){return"string"==typeof e||"function"==typeof e||e===u||e===i||e===r||e===n||e===l||"object"==typeof e&&null!==e&&(e.$$typeof===p||e.$$typeof===f||e.$$typeof===a||e.$$typeof===c||e.$$typeof===s)}function de(){var e=L.current;return null===e&&w(!1,"Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."),e}var he=void 0;function ye(){if(A.current){var e=z(A.current.type);if(e)return"\n\nCheck the render method of `"+e+"`."}return""}he=!1;var me={};function ve(e,t){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var n=function(e){var t=ye();if(!t){var n="string"==typeof e?e:e.displayName||e.name;n&&(t="\n\nCheck the top-level render call using <"+n+">.")}return t}(t);if(!me[n]){me[n]=!0;var r="";e&&e._owner&&e._owner!==A.current&&(r=" It was passed a child from "+z(e._owner.type)+"."),W(e),N(!1,'Each child in a list should have a unique "key" prop.%s%s See https://fb.me/react-warning-keys for more information.',n,r),W(null)}}}function ge(e,t){if("object"==typeof e)if(Array.isArray(e))for(var n=0;n<e.length;n++){var r=e[n];G(r)&&ve(r,t)}else if(G(e))e._store&&(e._store.validated=!0);else if(e){var o=b(e);if("function"==typeof o&&o!==e.entries)for(var i=o.call(e),a=void 0;!(a=i.next()).done;)G(a.value)&&ve(a.value,t)}}function be(e){var t=e.type;if(null!=t&&"string"!=typeof t){var n=z(t),r=void 0;if("function"==typeof t)r=t.propTypes;else{if("object"!=typeof t||t.$$typeof!==s&&t.$$typeof!==f)return;r=t.propTypes}r?(W(e),o(r,e.props,"prop",n,I.getStackAddendum),W(null)):void 0===t.PropTypes||he||x(!(he=!0),"Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",n||"Unknown"),"function"==typeof t.getDefaultProps&&(t.getDefaultProps.isReactClassApproved||x(!1,"getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead."))}}function we(e,t,n){var r=pe(e);if(!r){var o="";(void 0===e||"object"==typeof e&&null!==e&&0===Object.keys(e).length)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var i=function(e){if(null==e||void 0===e.__source)return"";var t=e.__source;return"\n\nCheck your code at "+t.fileName.replace(/^.*[\\\/]/,"")+":"+t.lineNumber+"."}(t);o+=i||ye();var a=void 0;null===e?a="null":Array.isArray(e)?a="array":void 0!==e&&e.$$typeof===v?(a="<"+(z(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):a=typeof e,N(!1,"React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",a,o)}var c=J.apply(this,arguments);if(null==c)return c;if(r)for(var s=2;s<arguments.length;s++)ge(arguments[s],e);return e===u?function(e){W(e);for(var t=Object.keys(e.props),n=0;n<t.length;n++){var r=t[n];if("children"!==r&&"key"!==r){N(!1,"Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",r);break}}null!==e.ref&&N(!1,"Invalid attribute `ref` supplied to `React.Fragment`."),W(null)}(c):be(c),c}var ke={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return fe(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;var r=ie(null,null,t,n);ce(e,ue,r),ae(r)},count:function(e){return ce(e,function(){return null},null)},toArray:function(e){var t=[];return fe(e,t,null,function(e){return e}),t},only:function(e){return G(e)||w(!1,"React.Children.only expected to receive a single React element child."),e}},createRef:function(){var e={current:null};return Object.seal(e),e},Component:R,PureComponent:_,createContext:function(e,t){void 0===t?t=null:null!==t&&"function"!=typeof t&&x(!1,"createContext: Expected the optional second argument to be a function. Instead received: %s",t);var n={$$typeof:c,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},r=(n.Provider={$$typeof:a,_context:n},!1),o=!1,i={$$typeof:c,_context:n,_calculateChangedBits:n._calculateChangedBits};return Object.defineProperties(i,{Provider:{get:function(){return o||N(!(o=!0),"Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?"),n.Provider},set:function(e){n.Provider=e}},_currentValue:{get:function(){return n._currentValue},set:function(e){n._currentValue=e}},_currentValue2:{get:function(){return n._currentValue2},set:function(e){n._currentValue2=e}},_threadCount:{get:function(){return n._threadCount},set:function(e){n._threadCount=e}},Consumer:{get:function(){return r||N(!(r=!0),"Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?"),n.Consumer}}}),n.Consumer=i,n._currentRenderer=null,n._currentRenderer2=null,n},forwardRef:function(e){return null!=e&&e.$$typeof===f?x(!1,"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof e?x(!1,"forwardRef requires a render function but was given %s.",null===e?"null":typeof e):0!==e.length&&2!==e.length&&x(!1,"forwardRef render functions accept exactly two parameters: props and ref. %s",1===e.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null==e||null==e.defaultProps&&null==e.propTypes||x(!1,"forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"),{$$typeof:s,render:e}},lazy:function(e){var t={$$typeof:p,_ctor:e,_status:-1,_result:null},n=void 0,r=void 0;return Object.defineProperties(t,{defaultProps:{configurable:!0,get:function(){return n},set:function(e){N(!1,"React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),n=e,Object.defineProperty(t,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return r},set:function(e){N(!1,"React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),r=e,Object.defineProperty(t,"propTypes",{enumerable:!0})}}}),t},memo:function(e,t){return pe(e)||x(!1,"memo: The first argument must be a component. Instead received: %s",null===e?"null":typeof e),{$$typeof:f,type:e,compare:void 0===t?null:t}},useCallback:function(e,t){return de().useCallback(e,t)},useContext:function(e,t){var n=de();if(void 0!==t&&N(!1,"useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",t,"number"==typeof t&&Array.isArray(arguments[2])?"\n\nDid you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://fb.me/rules-of-hooks":""),void 0!==e._context){var r=e._context;r.Consumer===e?N(!1,"Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):r.Provider===e&&N(!1,"Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return n.useContext(e,t)},useEffect:function(e,t){return de().useEffect(e,t)},useImperativeHandle:function(e,t,n){return de().useImperativeHandle(e,t,n)},useDebugValue:function(e,t){return de().useDebugValue(e,t)},useLayoutEffect:function(e,t){return de().useLayoutEffect(e,t)},useMemo:function(e,t){return de().useMemo(e,t)},useReducer:function(e,t,n){return de().useReducer(e,t,n)},useRef:function(e){return de().useRef(e)},useState:function(e){return de().useState(e)},Fragment:u,StrictMode:n,Suspense:l,createElement:we,cloneElement:function(e,t,n){for(var r=function(e,t,n){null==e&&w(!1,"React.cloneElement(...): The argument must be a React element, but you passed %s.",e);var r=void 0,o=h({},e.props),i=e.key,a=e.ref,c=e._self,s=e._source,u=e._owner;if(null!=t){Y(t)&&(a=t.ref,u=A.current),X(t)&&(i=""+t.key);var l=void 0;for(r in e.type&&e.type.defaultProps&&(l=e.type.defaultProps),t)V.call(t,r)&&!H.hasOwnProperty(r)&&(void 0===t[r]&&void 0!==l?o[r]=l[r]:o[r]=t[r])}var f=arguments.length-2;if(1==f)o.children=n;else if(1<f){for(var p=Array(f),d=0;d<f;d++)p[d]=arguments[d+2];o.children=p}return Z(e.type,i,a,c,s,u,o)}.apply(this,arguments),o=2;o<arguments.length;o++)ge(arguments[o],r.type);return be(r),r},createFactory:function(e){var t=we.bind(null,e);return t.type=e,Object.defineProperty(t,"type",{enumerable:!1,get:function(){return k(!1,"Factory.type is deprecated. Access the class directly before passing it to createFactory."),Object.defineProperty(this,"type",{value:e}),e}}),t},isValidElement:G,version:"16.8.6",unstable_ConcurrentMode:i,unstable_Profiler:r,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:D},xe=Object.freeze({default:ke}),Se=xe&&ke||xe,$e=Se.default||Se;Oe.exports=$e}()}),ce=e(function(e){"production"===process.env.NODE_ENV?e.exports=ee:e.exports=ae}),se=e(function(e,t){function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(e,t){return e(t={exports:{}},t.exports),t.exports}function v(e,t){if(!e)throw new Y(t);return e}function f(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function d(e,t,n){return Math.max(Math.min(e,Math.max(t,n)),Math.min(t,n))}function c(e){return e.includes("?")?c(e.split("?")[0]):e.includes("#")?c(e.split("#")[0]):e.trim().toLowerCase().split(".").pop()}function s(e){var t=Math.floor(e/3600),n=Math.floor((e-3600*t)/60),r=Math.floor(e-3600*t-60*n);return(0<t?[t,n,r]:[n,r]).map(function(e){return e<10?"0".concat(e):String(e)}).join(":")}function l(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(e){return setTimeout(e,t)})}function u(r,o,i){var a;function e(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,r.apply(i,t)},o)}return e.clearTimeout=function(){clearTimeout(a)},e}function p(o,i){var a,c,s=!1;return function e(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];if(s)return a=n,void(c=this);s=!0,o.apply(this,n),setTimeout(function(){s=!1,a&&(e.apply(c,a),c=a=null)},i)}}function a(){for(var i=function(e){return e&&"object"===z(e)&&!Array.isArray(e)},e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce(function(r,o){return Object.keys(o).forEach(function(e){var t=r[e],n=o[e];Array.isArray(t)&&Array.isArray(n)?r[e]=t.concat.apply(t,U(n)):!i(t)||!i(n)||n instanceof Element?r[e]=n:r[e]=a(t,n)}),r},{})}function m(e,t){return t instanceof Element?e.appendChild(t):e.insertAdjacentHTML("beforeend",String(t)),e.lastElementChild||e.lastChild}function h(e){return e.parentNode.removeChild(e)}function g(e,t,n){return e.style[t]=n,e}function y(t,n){return Object.keys(n).forEach(function(e){g(t,e,n[e])}),t}function b(e,t){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(e,null).getPropertyValue(t);return n?parseFloat(r):r}function o(t){return Array.from(t.parentElement.children).filter(function(e){return e!==t})}function w(e,t){o(e).forEach(function(e){return e.classList.remove(t)}),e.classList.add(t)}function k(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";e.setAttribute("data-balloon",t),e.setAttribute("data-balloon-pos",n)}function i(e){return"WEBVTT \r\n\r\n".concat(e.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").concat("\r\n\r\n"))}function x(e){return URL.createObjectURL(new Blob([e],{type:"text/vtt"}))}function S(e,t){var n=document.createElement("a");g(n,"display","none"),n.href=e,n.download=t,document.body.appendChild(n),n.click(),document.body.removeChild(n)}function $(e,t,n){return v("string"===n||t instanceof Element,"".concat(e.join(".")," require 'string' or 'Element' type"))}function O(e){var t=this;M(this,O);var n=e.constructor.kindOf,r=e.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||r.some(function(e){switch(n(e)){case"string":return-1<t.userAgent.indexOf(e);case"function":return e(t.userAgent);case"regexp":return e.test(t.userAgent);default:return!1}})}function P(e){M(this,P),function(r,e){var t=r.option,o=t.type,i=t.customType,a=r.template.$video;Object.defineProperty(e,"attachUrl",{value:function(n){return l().then(function(){function t(e){var t=o||c(e),n=i[t];return t&&n?(r.loading.show=!0,r.emit("beforeCustomType",t),n.call(r,a,e,r),r.emit("afterCustomType",t)):(r.emit("beforeAttachUrl",e),a.src=e,r.emit("afterAttachUrl",e)),Promise.resolve(e)}if("function"!=typeof n)return t(n);var e=n.call(r);return v("function"==typeof e.then,"If url is a function, it needs to return a promise."),e.then(function(e){return r.loading.show=!0,t(e)})})}})}(e,this),function(t,e){var n=t.option,r=t.events.proxy,o=t.template,i=o.$player,a=o.$video,c=t.i18n,s=t.notice,u=0;r(a,"click",function(){e.toggle=!0}),J.video.events.forEach(function(e){r(a,e,function(e){t.emit("video:".concat(e.type),e)})}),t.on("video:canplay",function(){u=0,t.controls.show=!0,t.mask.show=!0,t.loading.show=!1}),t.on("video:ended",function(){t.controls.show=!0,t.mask.show=!0,n.loop&&(e.seek=0,e.play=!0)}),t.on("video:error",function(){u<5?l(1e3).then(function(){u+=1,e.attachUrl(n.url),s.show("".concat(c.get("Reconnect"),": ").concat(u))}):(t.loading.show=!1,t.controls.show=!1,i.classList.add("artplayer-error"),l(1e3).then(function(){s.show(c.get("Video load failed"),!1),t.destroy()}))}),t.on("video:loadedmetadata",function(){n.autoSize&&(e.autoSize=!0)}),t.on("video:loadstart",function(){t.loading.show=!0}),t.on("video:pause",function(){t.controls.show=!0,t.mask.show=!0}),t.on("video:play",function(){t.mask.show=!1}),t.on("video:playing",function(){t.mask.show=!1}),t.on("video:seeked",function(){t.loading.show=!1}),t.on("video:seeking",function(){t.loading.show=!0}),t.on("video:timeupdate",function(){t.mask.show=!1}),t.on("video:waiting",function(){t.loading.show=!0})}(e,this),function(e,t){var n=e.option,r=e.template.$video;Object.keys(n.moreVideoAttr).forEach(function(e){r[e]=n.moreVideoAttr[e]}),n.muted&&(r.muted=n.muted),n.volume&&(r.volume=d(n.volume,0,1)),n.poster&&(r.poster=n.poster),n.autoplay&&(r.autoplay=n.autoplay),t.attachUrl(n.url)}(e,this),function(n,r){var o=n.template.$video,i=n.i18n,a=n.notice,c=n.option.mutex;Object.defineProperty(r,"play",{set:function(e){if(e){var t=o.play();void 0!==t&&t.then().catch(function(e){a.show(e,!0,3e3),console.warn(e)}),c&&n.constructor.instances.filter(function(e){return e!==n}).forEach(function(e){e.player.pause=!0}),a.show(i.get("Play")),n.emit("play")}else r.pause=!0}})}(e,this),function(t,n){var r=t.template.$video,o=t.i18n,i=t.notice;Object.defineProperty(n,"pause",{get:function(){return r.paused},set:function(e){e?(r.pause(),i.show(o.get("Pause")),t.emit("pause")):n.play=!0}})}(e,this),function(e,t){Object.defineProperty(t,"toggle",{set:function(e){e&&(t.playing?t.pause=!0:t.play=!0)}})}(0,this),function(t,n){var r=t.notice;Object.defineProperty(n,"seek",{set:function(e){n.currentTime=e,r.show("".concat(s(e)," / ").concat(s(n.duration))),t.emit("seek",e)}})}(e,this),function(t,e){var n=t.template.$video,r=t.i18n,o=t.notice,i=t.storage;Object.defineProperty(e,"volume",{get:function(){return n.volume||0},set:function(e){n.volume=d(e,0,1),o.show("".concat(r.get("Volume"),": ").concat(parseInt(100*n.volume,10))),0!==n.volume&&i.set("volume",n.volume),t.emit("volumeChange",n.volume)}}),Object.defineProperty(e,"muted",{get:function(){return n.muted},set:function(e){n.muted=e,t.emit("volumeChange",n.volume)}})}(e,this),function(t,n){Object.defineProperty(n,"currentTime",{get:function(){return t.template.$video.currentTime||0},set:function(e){t.template.$video.currentTime=d(e,0,n.duration)}})}(e,this),function(e,t){Object.defineProperty(t,"duration",{get:function(){return e.template.$video.duration||0}})}(e,this),function(o,i){var a=o.i18n,c=o.notice,s=o.option;Object.defineProperty(i,"switchQuality",{value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(e===s.url)return null;var n=i.currentTime,r=i.playing;return i.attachUrl(e).then(function(){s.url=e,i.playbackRate=!1,i.aspectRatio=!1,o.once("video:canplay",function(){i.currentTime=n}),r&&(i.play=!0),c.show("".concat(a.get("Switch video"),": ").concat(t)),o.emit("switch",e)})}}),Object.defineProperty(i,"switchUrl",{value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(e===s.url)return null;var n=i.playing;return i.attachUrl(e).then(function(){s.url=e,i.playbackRate=!1,i.aspectRatio=!1,i.currentTime=0,n&&(i.play=!0),c.show("".concat(a.get("Switch video"),": ").concat(t)),o.emit("switch",e)})}})}(e,this),function(n,r){var e=n.template,o=e.$video,i=e.$player,a=n.i18n,c=n.notice;Object.defineProperty(r,"playbackRate",{get:function(){return i.dataset.playbackRate},set:function(e){if(e){var t=[.5,.75,1,1.25,1.5,1.75,2];if(v(t.includes(e),"'playbackRate' only accept ".concat(t.toString()," as parameters")),e===i.dataset.playbackRate)return;o.playbackRate=e,i.dataset.playbackRate=e,c.show("".concat(a.get("Rate"),": ").concat(1===e?a.get("Normal"):"".concat(e,"x"))),n.emit("playbackRateChange",e)}else r.playbackRate&&(r.playbackRate=1,delete i.dataset.playbackRate,n.emit("playbackRateRemove"))}}),Object.defineProperty(r,"playbackRateReset",{set:function(e){if(e){var t=i.dataset.playbackRate;t&&(r.playbackRate=Number(t),n.emit("playbackRateReset"))}}})}(e,this),function(f,p){var e=f.template,d=e.$video,h=e.$player,y=f.i18n,m=f.notice;Object.defineProperty(p,"aspectRatio",{get:function(){return h.dataset.aspectRatio||""},set:function(e){if(e){var t=["default","4:3","16:9"];if(v(t.includes(e),"'aspectRatio' only accept ".concat(t.toString()," as parameters")),"default"===e)p.aspectRatio=!1;else{var n=e.split(":"),r=d.videoWidth,o=d.videoHeight,i=h.clientWidth,a=h.clientHeight,c=r/o,s=n[0]/n[1];if(s<c){var u=s*o/r;g(d,"width","".concat(100*u,"%")),g(d,"height","100%"),g(d,"padding","0 ".concat((i-i*u)/2,"px"))}else{var l=r/s/o;g(d,"width","100%"),g(d,"height","".concat(100*l,"%")),g(d,"padding","".concat((a-a*l)/2,"px 0"))}}h.dataset.aspectRatio=e,m.show("".concat(y.get("Aspect ratio"),": ").concat("default"===e?y.get("Default"):e)),f.emit("aspectRatioChange",e)}else p.aspectRatio&&(g(d,"width",null),g(d,"height",null),g(d,"padding",null),delete h.dataset.aspectRatio,f.emit("aspectRatioRemove"))}}),Object.defineProperty(p,"aspectRatioReset",{set:function(e){e&&p.aspectRatio&&(p.aspectRatio=p.aspectRatio,f.emit("aspectRatioReset"))}})}(e,this),function(t,n){var r=t.option,o=t.notice,i=t.template.$video;Object.defineProperty(n,"getScreenshotDataURL",{value:function(){try{var e=document.createElement("canvas");return e.width=i.videoWidth,e.height=i.videoHeight,e.getContext("2d").drawImage(i,0,0),e.toDataURL("image/png")}catch(e){return o.show(e),console.warn(e),null}}}),Object.defineProperty(n,"getScreenshotBlobUrl",{value:function(){return new Promise(function(t,e){try{var n=document.createElement("canvas");n.width=i.videoWidth,n.height=i.videoHeight,n.getContext("2d").drawImage(i,0,0),n.toBlob(function(e){t(URL.createObjectURL(e))})}catch(n){o.show(n),e(n)}})}}),Object.defineProperty(n,"screenshot",{value:function(){var e=n.getScreenshotDataURL();e&&(S(e,"".concat(r.title||"artplayer","_").concat(s(i.currentTime),".png")),t.emit("screenshot",e))}})}(e,this),function(t,n){function e(){t.emit("fullscreen:change",te.isFullscreen)}function r(){i.show(o.get("This does not seem to support full screen functionality"))}var o=t.i18n,i=t.notice,a=t.events.destroyEvents,c=t.template.$player;try{te.on("change",e),te.on("error",r),a.push(function(){te.off("change",e),te.off("error",r)})}catch(e){r()}Object.defineProperty(n,"fullscreen",{get:function(){return te.isFullscreen},set:function(e){e?(n.fullscreenWeb&&(n.fullscreenWeb=!1),te.request(c).then(function(){c.classList.add("artplayer-fullscreen"),n.aspectRatioReset=!0,t.emit("fullscreen:enabled")})):(n.fullscreenWeb&&(n.fullscreenWeb=!1),te.exit().then(function(){c.classList.remove("artplayer-fullscreen"),n.aspectRatioReset=!0,t.emit("fullscreen:exit")}))}}),Object.defineProperty(n,"fullscreenToggle",{set:function(e){e&&(n.fullscreen=!n.fullscreen)}})}(e,this),function(t,n){var r=t.template.$player;Object.defineProperty(n,"fullscreenWeb",{get:function(){return r.classList.contains("artplayer-web-fullscreen")},set:function(e){e?(n.fullscreen&&(n.fullscreen=!1),r.classList.add("artplayer-web-fullscreen"),n.aspectRatioReset=!0,t.emit("fullscreenWeb:enabled")):(n.fullscreen&&(n.fullscreen=!1),r.classList.remove("artplayer-web-fullscreen"),n.aspectRatioReset=!0,t.emit("fullscreenWeb:exit"))}}),Object.defineProperty(n,"fullscreenWebToggle",{set:function(e){e&&(n.fullscreenWeb=!n.fullscreenWeb)}})}(e,this),function(e,t){var n=e.template.$video;document.pictureInPictureEnabled?function(e,t){var n=e.notice,r=e.template.$video,o=e.events.proxy;r.disablePictureInPicture=!1,Object.defineProperty(t,"pip",{get:function(){return document.pictureInPictureElement},set:function(e){e?r.requestPictureInPicture().catch(function(e){n.show(e,!0,3e3),console.warn(e)}):document.exitPictureInPicture().catch(function(e){n.show(e,!0,3e3),console.warn(e)})}}),o(r,"enterpictureinpicture",function(){e.emit("pipEnabled")}),o(r,"leavepictureinpicture",function(){e.emit("pipExit")}),e.on("destroy",function(){t.pip&&(t.pip=!1)})}(e,t):n.webkitSupportsPresentationMode&&"function"==typeof n.webkitSetPresentationMode?function(t,e){var n=t.template.$video;n.webkitSetPresentationMode("inline"),Object.defineProperty(e,"pip",{get:function(){return"picture-in-picture"===n.webkitPresentationMode},set:function(e){e?(n.webkitSetPresentationMode("picture-in-picture"),t.emit("pipEnabled")):(n.webkitSetPresentationMode("inline"),t.emit("pipExit"))}})}(e,t):function(n,r){var e=n.option,t=n.i18n,o=n.template,i=o.$player,a=o.$pipClose,c=o.$pipTitle,s=o.$pipHeader,u=n.events.proxy,l="",f=!1,p=0,d=0,h=0,y=0;u(s,"mousedown",function(e){f=!0,p=e.pageX,d=e.pageY,h=r.left,y=r.top}),u(s,"mousemove",function(e){f&&(i.classList.add("is-dragging"),g(i,"left","".concat(h+e.pageX-p,"px")),g(i,"top","".concat(y+e.pageY-d,"px")))}),u(document,"mouseup",function(){f=!1,i.classList.remove("is-dragging")}),u(a,"click",function(){r.pip=!1,f=!1,i.classList.remove("is-dragging")}),m(c,e.title||t.get("Mini player")),Object.defineProperty(r,"pip",{get:function(){return i.classList.contains("artplayer-pip")},set:function(e){if(e){r.autoSize=!1,l=i.style.cssText,i.classList.add("artplayer-pip");var t=document.body;g(i,"top","".concat(t.clientHeight-r.height-50,"px")),g(i,"left","".concat(t.clientWidth-r.width-50,"px")),r.fullscreen=!1,r.fullscreenWeb=!1,r.aspectRatio=!1,r.playbackRate=!1,n.emit("pipEnabled")}else r.pip&&(i.style.cssText=l,i.classList.remove("artplayer-pip"),g(i,"top",null),g(i,"left",null),r.fullscreen=!1,r.fullscreenWeb=!1,r.aspectRatio=!1,r.playbackRate=!1,r.autoSize=!0,n.emit("pipExit"))}})}(e,t),Object.defineProperty(t,"pipToggle",{set:function(e){e&&(t.pip=!t.pip)}})}(e,this),function(e,t){var n=e.template.$video;Object.defineProperty(t,"loaded",{get:function(){return n.buffered.length?n.buffered.end(n.buffered.length-1)/n.duration:0}})}(e,this),function(e,t){Object.defineProperty(t,"played",{get:function(){return e.template.$video.currentTime/e.template.$video.duration}})}(e,this),function(e,t){var n=e.template.$video;Object.defineProperty(t,"playing",{get:function(){return!!(0<n.currentTime&&!n.paused&&!n.ended&&2<n.readyState)}})}(e,this),function(u,e){var t=u.template,l=t.$container,f=t.$player,p=t.$video;Object.defineProperty(e,"autoSize",{get:function(){return l.classList.contains("artplayer-auto-size")},set:function(e){if(e){var t=p.videoWidth,n=p.videoHeight,r=l.getBoundingClientRect(),o=r.width,i=r.height,a=t/n,c=o/i;if(l.classList.add("artplayer-auto-size"),a<c)g(f,"width","".concat(i*a/o*100,"%")),g(f,"height","100%");else{var s=o/a/i*100;g(f,"width","100%"),g(f,"height","".concat(s,"%"))}u.emit("autoSizeChange")}else l.classList.remove("artplayer-auto-size"),g(f,"width",null),g(f,"height",null),u.emit("autoSizeRemove")}})}(e,this),function(e,t){Object.defineProperty(t,"rect",{get:function(){return e.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach(function(e){Object.defineProperty(t,e,{get:function(){return t.rect[e]}})}),Object.defineProperty(t,"x",{get:function(){return t.left+window.pageXOffset}}),Object.defineProperty(t,"y",{get:function(){return t.top+window.pageYOffset}})}(e,this),function(n,e){Object.defineProperty(e,"flip",{get:function(){return n.template.$player.dataset.flip},set:function(e){if(e){var t=["normal","horizontal","vertical"];v(t.includes(e),"'flip' only accept ".concat(t.toString()," as parameters")),n.template.$player.dataset.flip=e,n.emit("flipChange",e)}else delete n.template.$player.dataset.flip,n.emit("flipRemove")}})}(e,this)}function R(t,n,e,r,o,i){var a="function"==typeof r?r(t):r;if(a.disable)return null;var c=a.name||"".concat(i).concat(n.id);v(!f(n,c),"Cannot create a component that already has the same name: ".concat(i," -> ").concat(c));var s=document.createElement("div");s.classList.value="art-".concat(i," art-").concat(i,"-").concat(c),a.html&&m(s,a.html),a.style&&y(s,a.style);var u=Array.from(e.children);s.dataset.index=a.index||n.id;var l=u.find(function(e){return Number(e.dataset.index)>=Number(s.dataset.index)});return l?l.insertAdjacentElement("beforebegin",s):m(e,s),a.click&&t.events.proxy(s,"click",function(e){e.preventDefault(),a.click.call(n,e,t),t.emit("".concat(i,":click"),s)}),a.mounted&&a.mounted(s,n,t),o&&o(s,n,t),Object.defineProperty(n,c,{value:{get id(){return n.id},get $ref(){return s},set show(e){e?(g(s,"display","block"),t.emit("".concat(i,":show"),s)):(g(s,"display","none"),t.emit("".concat(i,":hide"),s))},set remove(e){e&&(h(s),t.emit("".concat(i,":remove"),s))}}}),t.emit("".concat(i,":add"),a),n[c]}function j(e,t){var n=e.template.$progress,r=e.player,o=n.getBoundingClientRect().left,i=d(t.pageX-o,0,n.clientWidth),a=i/n.clientWidth*r.duration;return{second:a,time:s(a),width:i,percentage:d(i/n.clientWidth,0,1)}}function C(e){var n=this;M(this,C);var r=Object.assign({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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',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>',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>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\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>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},e.option.icons);Object.keys(r).forEach(function(e){var t=document.createElement("i");t.classList.add("art-icon"),t.classList.add("art-icon-".concat(e)),m(t,r[e]),n[e]=t})}function E(r){var e=r.i18n,o=r.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(e.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-range">\n                <input class="art-subtitle-range" value="0" type="range" min="-5" max="5" step="0.5">\n            </div>\n        '),mounted:function(e){var t=e.querySelector(".art-setting-range input"),n=e.querySelector(".art-subtitle-value");o(t,"change",function(){var e=t.value;n.innerText=e,r.plugins.subtitle.offset(Number(e))}),r.on("subtitle:switch",function(){t.value=0,n.innerText=0}),r.on("artplayerPluginSubtitle:set",function(e){t.value!==e&&(t.value=e,n.innerText=e)})}}}function _(r){var o=r.constructor.utils.clamp,e=r.setting,i=r.notice,a=r.template,c=r.i18n,s=r.player;c.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}}),e.add(E);var u=[];return r.on("subtitle:switch",function(){u=[]}),{name:"subtitle",offset:function(e){if(a.$track&&a.$track.track){var t=Array.from(a.$track.track.cues),n=o(e,-5,5);t.forEach(function(e,t){u[t]||(u[t]={startTime:e.startTime,endTime:e.endTime}),e.startTime=o(u[t].startTime+n,0,s.duration),e.endTime=o(u[t].endTime+n,0,s.duration)}),i.show("".concat(c.get("Subtitle offset time"),": ").concat(e,"s")),r.emit("artplayerPluginSubtitle:set",e)}else i.show("".concat(c.get("No subtitles found"))),r.emit("artplayerPluginSubtitle:set",0)}}}function T(o){var e=o.constructor.utils,n=e.append,r=e.setStyle,i=e.setStyles,a=e.sleep,c=o.events.proxy,s=o.option,u=o.notice,l=o.i18n,f=o.template,p=o.player;function d(e){if(e){var t=f.$video.canPlayType(e.type);if("maybe"===t||"probably"===t){var n=URL.createObjectURL(e);p.playbackRate=!1,p.aspectRatio=!1,f.$video.src=n,a(1e3).then(function(){p.currentTime=0}),s.url=n,o.emit("switch",n),u.show(l.get("Load local video successfully"))}else{var r="".concat(l.get("Playback of this file format is not supported"),": ").concat(e.type);u.show(r,!0,3e3),console.warn(r)}}}return l.update({"zh-cn":{"Playback of this file format is not supported":"不支持播放该文件格式","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Playback of this file format is not supported":"不支持播放該文件格式","Load local video successfully":"加載本地視頻成功"}}),c(f.$player,"dragover",function(e){e.preventDefault(),u.show(l.get("Load local video successfully"))}),c(f.$player,"drop",function(e){e.preventDefault(),d(e.dataTransfer.files[0])}),{name:"localPreview",attach:function(e){var t=n(e,'<input type="file">');r(e,"position","relative"),i(t,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),c(t,"change",function(){d(t.files[0])})}}}function L(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"3px",background:r},mounted:function(e){t.on("controls:show",function(){e.style.display="none"}),t.on("controls:hide",function(){e.style.display="block"}),t.on("video:timeupdate",function(){e.style.width="".concat(100*n.played,"%")})}}),{name:"miniProgressBar"}}function A(t){M(this,A);var n=t.option,r=t.events.proxy,o=t.template.$video;J.video.events.forEach(function(e){r(o,e,function(e){t.emit("video:".concat(e.type),e)})}),Object.keys(n.moreVideoAttr).forEach(function(e){o[e]=n.moreVideoAttr[e]}),n.muted&&(o.muted=n.muted),n.volume&&(o.volume=d(n.volume,0,1)),n.poster&&(o.poster=n.poster),n.autoplay&&(o.autoplay=n.autoplay),o.controls=!0;var e=n.type||c(n.url),i=n.customType[e];e&&i?(t.emit("beforeCustomType",e),i(o,n.url,t),t.emit("afterCustomType",e)):(t.emit("beforeAttachUrl",n.url),o.src=n.url,t.emit("afterAttachUrl",o.src))}var M,q,z,I,F,W,D,N,V,H,U,B,Y,X,Z,J,G,K,Q,ee,te,ne,re,oe,ie,ae,ce,se,ue,le,fe,pe,de,he,ye,me,ve,ge,be;e.exports=(M=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},q=function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e},z=n(function(t){function n(e){return(n="function"==typeof Symbol&&"symbol"==we(Symbol.iterator)?function(e){return we(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":we(e)})(e)}function r(e){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?t.exports=r=function(e){return n(e)}:t.exports=r=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":n(e)},r(e)}t.exports=r}),I=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e},F=function(e,t){return!t||"object"!==z(t)&&"function"!=typeof t?I(e):t},W=n(function(t){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(e)}t.exports=n}),D=n(function(n){function r(e,t){return n.exports=r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},r(e,t)}n.exports=r}),N=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&D(e,t)},V=n(function(e,t){function c(e){return(c="function"==typeof Symbol&&"symbol"==we(Symbol.iterator)?function(e){return we(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":we(e)})(e)}function s(e){return e.constructor?e.constructor.name:null}function i(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var r in l(e,t,n),f(e,t,n),p(e,t,n),t)if(t.hasOwnProperty(r)){var o=e[r],i=t[r],a=n.concat(r);if(u(e,r,i,a))continue;l(o,i,a),f(o,i,a),p(o,i,a)}}function u(e,t,n,r){if(!Object.prototype.hasOwnProperty.call(e,t)){if(!0===n.__required__||!0===n.required)throw new TypeError("'".concat(r.join("."),"' is required"));return!0}}function l(e,t,n){var r;if("string"===a(t)?r=t:"function"===a(t)?t.___validator__=t:t.__type__?r=t.__type__:t.type&&(r=t.type),r&&"string"===a(r)){r=r.trim().toLowerCase();var o=a(e),i=o===r;if(-1<r.indexOf("|")&&(i=r.split("|").filter(Boolean).some(function(e){return o===e.trim()})),!i)throw new TypeError("'".concat(n.join("."),"' require '").concat(r,"' type, but got '").concat(o,"'"))}}function f(e,t,n){var r;if(t.___validator__?r=t.___validator__:t.validator&&(r=t.validator),"function"===a(r)){var o=r(n,e,a(e));if(!0!==o)throw new TypeError("The scheme for '".concat(n.join("."),"' validator function require return true, but got '").concat(o,"'"))}}function p(e,t,n){var r;if(t.___child__?r=t.___child__:t.child&&(r=t.child),"object"===a(r)){var o=a(e);"object"===o?i(e,r,n):"array"===o&&e.forEach(function(e,t){i(e,r,n.concat(t))})}}var d,a;e.exports=(d=Object.prototype.toString,i.kindOf=a=function(e){if(void 0===e)return"undefined";if(null===e)return"null";var t,n,r,o,i,a=c(e);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"===s(e)?"generatorfunction":"function";if(t=e,Array.isArray?Array.isArray(t):t instanceof Array)return"array";if(function(e){return!(!e.constructor||"function"!=typeof e.constructor.isBuffer)&&e.constructor.isBuffer(e)}(e))return"buffer";if(function(e){try{if("number"==typeof e.length&&"function"==typeof e.callee)return!0}catch(e){if(-1!==e.message.indexOf("callee"))return!0}return!1}(e))return"arguments";if((n=e)instanceof Date||"function"==typeof n.toDateString&&"function"==typeof n.getDate&&"function"==typeof n.setDate)return"date";if((r=e)instanceof Error||"string"==typeof r.message&&r.constructor&&"number"==typeof r.constructor.stackTraceLimit)return"error";if((o=e)instanceof RegExp||"string"==typeof o.flags&&"boolean"==typeof o.ignoreCase&&"boolean"==typeof o.multiline&&"boolean"==typeof o.global)return"regexp";switch(s(e)){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"==typeof(i=e).throw&&"function"==typeof i.return&&"function"==typeof i.next)return"generator";switch(a=d.call(e)){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,"")},window.optionValidator=i)}),H=function(){function e(){M(this,e)}return q(e,[{key:"on",value:function(e,t,n){var r=this.e||(this.e={});return(r[e]||(r[e]=[])).push({fn:t,ctx:n}),this}},{key:"once",value:function(r,o,i){var a=this;function c(){a.off(r,c);for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];o.apply(i,t)}return c._=o,this.on(r,c,i)}},{key:"emit",value:function(e){for(var t=((this.e||(this.e={}))[e]||[]).slice(),n=arguments.length,r=new Array(1<n?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];for(var i=0;i<t.length;i+=1)t[i].fn.apply(t[i].ctx,r);return this}},{key:"off",value:function(e,t){var n=this.e||(this.e={}),r=n[e],o=[];if(r&&t)for(var i=0,a=r.length;i<a;i+=1)r[i].fn!==t&&r[i].fn._!==t&&o.push(r[i]);return o.length?n[e]=o:delete n[e],this}}]),e}(),U=function(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()},B=n(function(r){function o(e,t,n){return function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()?r.exports=o=Reflect.construct:r.exports=o=function(e,t,n){var r=[null];r.push.apply(r,t);var o=new(Function.bind.apply(e,r));return n&&D(o,n.prototype),o},o.apply(null,arguments)}r.exports=o}),Y=function(e){function r(e,t){var n;return M(this,r),n=F(this,W(r).call(this,e)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(I(n),t||n.constructor),n.name="ArtPlayerError",n}return N(r,e),r}(n(function(t){function r(e){var n="function"==typeof Map?new Map:void 0;return t.exports=r=function(e){if(null===e||!function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,t)}function t(){return B(e,arguments,W(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),D(t,e)},r(e)}t.exports=r})(Error)),X=Object.freeze({errorHandle:v,hasOwnProperty:f,clamp:d,getExt:c,secondToTime:s,sleep:l,debounce:u,throttle:p,mergeDeep:a,append:m,remove:h,setStyle:g,setStyles:y,getStyle:b,sublings:o,inverseClass:w,tooltip:k,srtToVtt:i,vttToBlob:x,downloadFile:S}),Z={container:{validator:$,required:!0},url:{type:"string|function",required:!0},poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",plugins:{type:"array",child:{type:"function"}},whitelist:{type:"array",child:{type:"string|function|regexp"}},layers:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:$,style:"object",click:"function",mounted:"function"}},contextmenu:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:$,style:"object",click:"function",mounted:"function"}},quality:{type:"array",child:{default:"boolean",name:"string",url:"string"}},controls:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:$,style:"object",click:"function",mounted:"function",position:function(e,t){var n=["top","left","right"];return v(n.includes(t),"".concat(e.join(".")," only accept ").concat(n.toString()," as parameters"))}}},highlight:{type:"array",child:{type:"object",time:"number",text:"string"}},thumbnails:{type:"object",child:{url:"string",number:"number",width:"number",height:"number",column:"number"}},subtitle:{type:"object",child:{url:"string",style:"object"}},moreVideoAttr:"object",icons:"object",customType:"object"},J={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},video:{propertys:["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"]}},G=function(){function n(e){var t=this;M(this,n),(this.art=e).option.container instanceof Element?this.$container=e.option.container:(this.$container=document.querySelector(e.option.container),v(this.$container,"No container element found by ".concat(e.option.container))),e.constructor.instances.some(function(e){return e.template.$container===t.$container})&&v(!1,"Cannot mount multiple instances on the same dom element"),e.whitelist.state?this.initDesktop():this.initMobile()}return q(n,[{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player" style="--theme: '.concat(this.art.option.theme,'">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-danmuku"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner">\n                <div class="artplayer-setting-body"></div>\n              </div>\n            </div>\n            <div class="artplayer-info">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu"></div>\n          </div>\n        '),this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$danmuku=this.$container.querySelector(".artplayer-danmuku"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(e){e?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),K={"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","This does not seem to support full screen functionality":"似乎不支持全屏功能"},Q={"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","This does not seem to support full screen functionality":"似乎不支持全屏功能"},ee=function(){function t(e){M(this,t),this.art=e,this.languages={"zh-cn":K,"zh-tw":Q},this.init()}return q(t,[{key:"init",value:function(){var e=this.art.option.lang.toLowerCase();this.language=this.languages[e]||{}}},{key:"get",value:function(e){return this.language[e]||e}},{key:"update",value:function(e){this.languages=a(this.languages,e),this.init()}}]),t}(),te=n(function(e){var i,t,o,a,r,n;i="undefined"!=typeof window&&void 0!==window.document?window.document:{},t=e.exports,o="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,a=function(){for(var e,t=[["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"]],n=0,r=t.length,o={};n<r;n++)if((e=t[n])&&e[1]in i){for(n=0;n<e.length;n++)o[t[0][n]]=e[n];return o}return!1}(),r={change:a.fullscreenchange,error:a.fullscreenerror},n={request:function(r){return new Promise(function(e){var t=a.requestFullscreen,n=function(){this.off("change",n),e()}.bind(this);r=r||i.documentElement,/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?r[t]():r[t](o?Element.ALLOW_KEYBOARD_INPUT:{}),this.on("change",n)}.bind(this))},exit:function(){return new Promise(function(e){if(this.isFullscreen){var t=function(){this.off("change",t),e()}.bind(this);i[a.exitFullscreen](),this.on("change",t)}else e()}.bind(this))},toggle:function(e){return this.isFullscreen?this.exit():this.request(e)},onchange:function(e){this.on("change",e)},onerror:function(e){this.on("error",e)},on:function(e,t){var n=r[e];n&&i.addEventListener(n,t,!1)},off:function(e,t){var n=r[e];n&&i.removeEventListener(n,t,!1)},raw:a},a?(Object.defineProperties(n,{isFullscreen:{get:function(){return Boolean(i[a.fullscreenElement])}},element:{enumerable:!0,get:function(){return i[a.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(i[a.fullscreenEnabled])}}}),t?(e.exports=n,e.exports.default=n):window.screenfull=n):t?e.exports=!1:window.screenfull=!1}),ne=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},re=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(e){ne(t,e,n[e])})}return t},oe=function(){function n(e){var t=this;M(this,n),this.id=0,this.art=e,this.art.once("video:canplay",function(){t.init()})}return q(n,[{key:"init",value:function(){var t=this,e=this.art.option;this.add(function(r){return function(l){var e=l.option,t=e.highlight,n=e.theme,f=l.events.proxy,p=l.player;return re({},r,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(i){var o=!1,n=i.querySelector(".art-progress-loaded"),r=i.querySelector(".art-progress-played"),a=i.querySelector(".art-progress-highlight"),c=i.querySelector(".art-progress-indicator"),s=i.querySelector(".art-progress-tip");function u(e,t){"loaded"===e&&g(n,"width","".concat(100*t,"%")),"played"===e&&(g(r,"width","".concat(100*t,"%")),g(c,"left","calc(".concat(100*t,"% - ").concat(b(c,"width")/2,"px)")))}t.forEach(function(e){var t=d(e.time,0,p.duration)/p.duration*100;m(a,'<span data-text="'.concat(e.text,'" data-time="').concat(e.time,'" style="left: ').concat(t,'%"></span>'))}),u("loaded",p.loaded),l.on("video:progress",function(){u("loaded",p.loaded)}),l.on("video:timeupdate",function(){u("played",p.played)}),l.on("video:ended",function(){u("played",1)}),f(i,"mousemove",function(e){g(s,"display","block"),-1<e.composedPath().indexOf(a)?function(e){var t=j(l,e).width,n=e.target.dataset.text;s.innerHTML=n;var r=s.clientWidth;t<=r/2?g(s,"left",0):t>i.clientWidth-r/2?g(s,"left","".concat(i.clientWidth-r,"px")):g(s,"left","".concat(t-r/2,"px"))}(e):function(e){var t=j(l,e),n=t.width,r=t.time;s.innerHTML=r;var o=s.clientWidth;n<=o/2?g(s,"left",0):n>i.clientWidth-o/2?g(s,"left","".concat(i.clientWidth-o,"px")):g(s,"left","".concat(n-o/2,"px"))}(e)}),f(i,"mouseout",function(){g(s,"display","none")}),f(i,"click",function(e){if(e.target!==c){var t=j(l,e),n=t.second;u("played",t.percentage),p.seek=n}}),f(c,"mousedown",function(){o=!0}),f(document,"mousemove",function(e){if(o){var t=j(l,e),n=t.second,r=t.percentage;c.classList.add("art-show-indicator"),u("played",r),p.seek=n}}),f(document,"mouseup",function(){o&&(o=!1,c.classList.remove("art-show-indicator"))})}})}}({name:"progress",disable:e.isLive,position:"top",index:10})),this.add(function(e){return function(h){return re({},e,{mounted:function(p){var d=h.template.$progress,e=h.events,t=e.proxy,n=e.loadImg,r=!1,o=!1;t(d,"mousemove",function(e){r||(r=!0,n(h.option.thumbnails.url).then(function(){o=!0})),o&&(g(p,"display","block"),function(e){var t=j(h,e).width,n=h.option.thumbnails,r=n.url,o=n.height,i=n.width,a=n.number,c=n.column,s=d.clientWidth/a,u=Math.floor(t/s),l=Math.ceil(u/c)-1,f=u%c||c-1;g(p,"backgroundImage","url(".concat(r,")")),g(p,"height","".concat(o,"px")),g(p,"width","".concat(i,"px")),g(p,"backgroundPosition","-".concat(f*i,"px -").concat(l*o,"px")),t<=i/2?g(p,"left",0):t>d.clientWidth-i/2?g(p,"left","".concat(d.clientWidth-i,"px")):g(p,"left","".concat(t-i/2,"px"))}(e))}),t(d,"mouseout",function(){g(p,"display","none")})}})}}({name:"thumbnails",disable:!e.thumbnails.url||e.isLive,position:"top",index:20})),this.add(function(e){return function(u){return re({},e,{mounted:function(e){var t=u.events.proxy,n=u.icons,r=u.i18n,o=u.player,i=m(e,n.play),a=m(e,n.pause);function c(){g(i,"display","flex"),g(a,"display","none")}function s(){g(i,"display","none"),g(a,"display","flex")}k(i,r.get("Play")),k(a,r.get("Pause")),t(i,"click",function(){o.play=!0}),t(a,"click",function(){o.pause=!0}),o.playing?s():c(),u.on("video:playing",function(){s()}),u.on("video:pause",function(){c()})}})}}({name:"playAndPause",disable:!1,position:"left",index:10})),this.add(function(e){return function(p){return re({},e,{mounted:function(e){var t=p.events.proxy,n=p.icons,r=p.player,o=p.i18n,i=!1,a=m(e,n.volume),c=m(e,n.volumeClose),s=m(e,'<div class="art-volume-panel"></div>'),u=m(s,'<div class="art-volume-slider-handle"></div>');function l(e){var t=s.getBoundingClientRect(),n=t.left,r=t.width,o=u.getBoundingClientRect().width;return d(e.pageX-n-o/2,0,r-o/2)/(r-o)}function f(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.7;if(r.muted||0===e)g(a,"display","none"),g(c,"display","flex"),g(u,"left","0");else{var t=((b(s,"width")||60)-b(u,"width"))*e;g(a,"display","flex"),g(c,"display","none"),g(u,"left","".concat(t,"px"))}}k(a,o.get("Mute")),g(c,"display","none"),f(r.volume),p.on("video:volumechange",function(){f(r.volume)}),t(a,"click",function(){r.muted=!0}),t(c,"click",function(){r.muted=!1}),t(s,"click",function(e){r.muted=!1,r.volume=l(e)}),t(u,"mousedown",function(){i=!0}),t(u,"mousemove",function(e){i&&(r.muted=!1,r.volume=l(e))}),t(document,"mouseup",function(){i&&(i=!1)})}})}}({name:"volume",disable:!1,position:"left",index:20})),this.add(function(e){return function(r){return re({},e,{mounted:function(t){function n(){var e="".concat(s(r.player.currentTime)," / ").concat(s(r.player.duration));e!==t.innerHTML&&(t.innerHTML=e)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(e){r.on(e,n)})}})}}({name:"time",disable:e.isLive,position:"left",index:30})),this.add(function(e){return function(o){return re({},e,{mounted:function(e){var i=o.option,t=o.events.proxy,a=o.player,c=-1,n=i.quality.find(function(e){return e.default})||i.quality[0];c=i.quality.indexOf(n);var s=m(e,'<div class="art-quality-name">'.concat(n.name,"</div>")),r=i.quality.map(function(e,t){return'<div class="art-quality-item" data-index="'.concat(t,'">').concat(e.name,"</div>")}).join("");t(m(e,'<div class="art-qualitys">'.concat(r,"</div>")),"click",function(e){var t=Number(e.target.dataset.index),n=i.quality[t],r=n.url,o=n.name;r&&o&&c!==t&&(a.switchQuality(r,o),s.innerHTML=o,c=t)})}})}}({name:"quality",disable:0===e.quality.length,position:"right",index:10})),this.add(function(e){return function(a){return re({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.player,i=m(e,n.screenshot);k(i,r.get("Screenshot")),t(i,"click",function(){o.screenshot()})}})}}({name:"screenshot",disable:!e.screenshot,position:"right",index:20})),this.add(function(e){return function(a){return re({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.subtitle,i=m(e,n.subtitle);k(i,r.get("Hide subtitle")),t(e,"click",function(){o.toggle()}),a.on("subtitle:show",function(){g(i,"opacity","1"),k(i,r.get("Hide subtitle"))}),a.on("subtitle:hide",function(){g(i,"opacity","0.8"),k(i,r.get("Show subtitle"))})}})}}({name:"subtitle",disable:!e.subtitle.url,position:"right",index:30})),this.add(function(e){return function(a){return re({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.setting,i=m(e,n.setting);k(i,r.get("Show setting")),t(e,"click",function(){o.toggle()}),a.on("setting:show",function(){g(i,"opacity","0.8"),k(i,r.get("Hide setting"))}),a.on("setting:hide",function(){g(i,"opacity","1"),k(i,r.get("Show setting"))})}})}}({name:"setting",disable:!e.setting,position:"right",index:40})),this.add(function(e){return function(i){return re({},e,{mounted:function(e){var t=i.events.proxy,n=i.icons,r=i.i18n,o=i.player;k(m(e,n.pip),r.get("Mini player")),t(e,"click",function(){o.pip=!0})}})}}({name:"pip",disable:!e.pip,position:"right",index:50})),this.add(function(e){return function(a){return re({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.player,i=m(e,n.fullscreenWeb);k(i,r.get("Web fullscreen")),t(e,"click",function(){o.fullscreenWebToggle=!0}),a.on("fullscreenWeb:enabled",function(){g(i,"opacity","0.8"),k(i,r.get("Exit web fullscreen"))}),a.on("fullscreenWeb:exit",function(){g(i,"opacity","1"),k(i,r.get("Web fullscreen"))})}})}}({name:"fullscreenWeb",disable:!e.fullscreenWeb,position:"right",index:60})),this.add(function(e){return function(a){return re({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.player,i=m(e,n.fullscreen);k(i,r.get("Fullscreen")),t(e,"click",function(){o.fullscreenToggle=!0}),a.on("fullscreen:enabled",function(){g(i,"opacity","0.8"),k(i,r.get("Exit fullscreen"))}),a.on("fullscreen:exit",function(){g(i,"opacity","1"),k(i,r.get("Fullscreen"))})}})}}({name:"fullscreen",disable:!e.fullscreen,position:"right",index:70})),e.controls.forEach(function(e){t.add(e)})}},{key:"add",value:function(e,t){var n,r="function"==typeof e?e(this.art):e,o=this.art.template,i=o.$progress,a=o.$controlsLeft,c=o.$controlsRight;switch(r.position){case"top":n=i;break;case"left":n=a;break;case"right":n=c}return v(n,"Controls option.position can not be empty"),this.id+=1,R(this.art,this,n,r,t,"control")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.add("artplayer-controls-show"),this.art.emit("controls:show")):(this.state=!1,t.classList.remove("artplayer-controls-show"),this.art.emit("controls:hide"))}}]),n}(),ie=function(){function n(e){var t=this;M(this,n),this.id=0,this.art=e,this.art.once("video:canplay",function(){t.init()}),this.art.on("blur",function(){t.show=!1})}return q(n,[{key:"init",value:function(){var t=this,e=this.art,n=e.option,r=e.template,o=r.$player,i=r.$contextmenu,a=e.events.proxy;this.add(function(t){return function(r){var e=r.i18n,n=r.player;return re({},t,{html:"\n                ".concat(e.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(e.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(e){var t=e.target.dataset.rate;t&&(n.playbackRate=Number(t),r.contextmenu.show=!1)},mounted:function(n){r.on("playbackRateChange",function(t){var e=Array.from(n.querySelectorAll("span")).find(function(e){return Number(e.dataset.rate)===t});e&&w(e,"current")})}})}}({disable:!n.playbackRate,name:"playbackRate",index:10})),this.add(function(t){return function(n){var e=n.i18n,r=n.player;return re({},t,{html:"\n                ".concat(e.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(e.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(e){var t=e.target.dataset.ratio;t&&(r.aspectRatio=t,n.contextmenu.show=!1)},mounted:function(e){n.on("aspectRatioChange",function(t){w(Array.from(e.querySelectorAll("span")).find(function(e){return e.dataset.ratio===t}),"current")})}})}}({disable:!n.aspectRatio,name:"aspectRatio",index:20})),this.add(function(t){return function(e){return re({},t,{html:e.i18n.get("Video info"),click:function(){e.info.show=!0,e.contextmenu.show=!1}})}}({disable:!1,name:"info",index:30})),this.add(re({},{disable:!1,name:"version",index:40},{html:'<a href="https://github.com/zhw2590582/artplayer" target="_blank">ArtPlayer 3.1.9</a>'})),this.add(function(t){return function(e){return re({},t,{html:e.i18n.get("Close"),click:function(){e.contextmenu.show=!1}})}}({disable:!1,name:"close",index:50})),n.contextmenu.forEach(function(e){t.add(e)}),a(o,"contextmenu",function(e){e.preventDefault(),t.show=!0,t.setPos(e)}),a(o,"click",function(e){e.composedPath().includes(i)||(t.show=!1)})}},{key:"add",value:function(e,t){var n=this.art.template.$contextmenu;return this.id+=1,R(this.art,this,n,e,t,"contextmenu")}},{key:"setPos",value:function(e){var t=this.art.template,n=t.$player,r=t.$contextmenu,o=e.clientX,i=e.clientY,a=n.getBoundingClientRect(),c=a.height,s=a.width,u=a.left,l=a.top,f=r.getBoundingClientRect(),p=f.height,d=f.width,h=o-u,y=i-l;u+s<o+d&&(h=s-d),l+c<i+p&&(y=c-p),g(r,"left","".concat(h,"px")),g(r,"top","".concat(y,"px"))}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.add("artplayer-contextmenu-show"),this.art.emit("contextmenu:show")):(this.state=!1,t.classList.remove("artplayer-contextmenu-show"),this.art.emit("contextmenu:hide"))}}]),n}(),ae=function(){function t(e){M(this,t),this.art=e,this.init()}return q(t,[{key:"init",value:function(){var e=this,t=this.art,n=t.template.$infoClose;(0,t.events.proxy)(n,"click",function(){e.show=!1}),this.art.on("destroy",function(){e.timer&&clearTimeout(e.timer)})}},{key:"creatInfo",value:function(){var e=[];return e.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">3.1.9</div>\n          </div>\n        '),e.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),e.push('\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        '),e.push('\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        '),e.push('\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        '),e.push('\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        '),e.join("")}},{key:"readInfo",value:function(){var e=this.art.template,t=e.$infoPanel,n=e.$video;Array.from(t.querySelectorAll("[data-video]")).forEach(function(e){var t=n[e.dataset.video];e.innerHTML=void 0!==t?"number"==typeof t?t.toFixed(2):t:"unknown"})}},{key:"loop",value:function(){var e=this;this.readInfo(),this.timer=setTimeout(function(){e.readInfo(),e.loop()},1e3)}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template,n=t.$player,r=t.$infoPanel;e?(this.state=!0,n.classList.add("artplayer-info-show"),r.innerHTML||m(r,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show")):(this.state=!1,n.classList.remove("artplayer-info-show"),clearTimeout(this.timer),this.art.emit("info:hide"))}}]),t}(),ce=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=e[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()},se=function(){function n(e){M(this,n),this.art=e,this.state=!0;var t=this.art.option.subtitle.url;t&&this.init(t)}return q(n,[{key:"init",value:function(e){var r=this,t=this.art,o=t.events.proxy,n=t.option.subtitle,i=t.template,a=i.$video,c=i.$subtitle,s=i.$track;if(y(c,n.style||{}),!s){var u=document.createElement("track");u.default=!0,u.kind="metadata",a.appendChild(u),this.art.template.$track=u}this.load(e).then(function(e){if(r.art.template.$track.src=e,r.art.emit("subtitle:load",e),a.textTracks&&a.textTracks[0]){var n=ce(a.textTracks,1)[0];o(n,"cuechange",function(){var e=ce(n.activeCues,1)[0];if(c.innerHTML="",e){var t=document.createElement("div");t.appendChild(e.getCueAsHTML()),c.innerHTML=t.innerHTML.split(/\r?\n/).map(function(e){return"<p>".concat(e,"</p>")}).join("")}r.art.emit("subtitle:update",c)})}})}},{key:"load",value:function(t){var n,r=this.art.notice;return fetch(t).then(function(e){return n=e.headers.get("Content-Type"),e.text()}).then(function(e){return/x-subrip/gi.test(n)?x(i(e)):t}).catch(function(e){r.show(e),console.warn(e)})}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.remove("artplayer-subtitle-hide"),this.art.emit("subtitle:show")):(this.state=!1,t.classList.add("artplayer-subtitle-hide"),this.art.emit("subtitle:hide"))}}]),n}(),ue=function(){function n(e){var t=this;M(this,n),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),e.whitelist.state&&e.once("video:canplay",function(){!function(t,e){var n=t.template.$player;e.proxy(document,["click","contextmenu"],function(e){-1<e.composedPath().indexOf(n)?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})}(e,t),function(e,t){var n=e.template.$player;t.hover(n,function(){n.classList.add("artplayer-hover"),e.emit("hoverenter")},function(){n.classList.remove("artplayer-hover"),e.emit("hoverleave")})}(e,t),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=u(function(){r.classList.add("artplayer-hide-cursor"),r.classList.remove("artplayer-hover"),t.controls.show=!1},5e3);t.on("hoverleave",function(){i.playing&&a()}),e.proxy(r,"mousemove",function(e){a.clearTimeout(),r.classList.remove("artplayer-hide-cursor"),t.controls.show=!0,!t.player.pip&&i.playing&&e.target===o&&a()})}(e,t),function(e,t){var n=e.option,r=e.player,o=e.template.$player,i=document.createElement("object");i.setAttribute("aria-hidden","true"),i.setAttribute("tabindex",-1),i.type="text/html",i.data="about:blank";var a=r.width,c=r.height,s=p(function(){r.width===a&&r.height===c||(a=r.width,c=r.height,n.autoSize&&(e.player.fullscreen||e.player.fullscreenWeb||e.player.pip?e.player.autoSize=!1:e.player.autoSize=!0),e.player.aspectRatioReset=!0,e.emit("resize",{width:r.width,height:r.height}))},500);t.proxy(i,"load",function(){t.proxy(i.contentDocument.defaultView,"resize",s)}),o.appendChild(i)}(e,t)})}return q(n,[{key:"proxy",value:function(t,e,n){var r=this,o=3<arguments.length&&void 0!==arguments[3]?arguments[3]:{};Array.isArray(e)?e.forEach(function(e){return r.proxy(t,e,n,o)}):(t.addEventListener(e,n,o),this.destroyEvents.push(function(){t.removeEventListener(e,n,o)}))}},{key:"hover",value:function(e,t,n){this.proxy(e,"mouseenter",t),this.proxy(e,"mouseleave",n)}},{key:"loadImg",value:function(r){var o=this;return new Promise(function(e,t){var n;if(r instanceof HTMLImageElement)n=r;else{if("string"!=typeof r)return t(r);(n=new Image).src=r}return n.complete?e(n):(o.proxy(n,"load",function(){return e(n)}),o.proxy(n,"error",function(){return t(n)}),r)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(e){return e()})}}]),n}(),le=function(){function n(e){var t=this;M(this,n),this.art=e,this.keys={},this.art.option.hotkey&&this.art.once("video:canplay",function(){t.add(27,function(){e.player.fullscreenWeb&&(e.player.fullscreenWeb=!1)}),t.add(32,function(){e.player.toggle=!0}),t.add(37,function(){e.player.seek=e.player.currentTime-10}),t.add(38,function(){e.player.volume+=.05}),t.add(39,function(){e.player.seek=e.player.currentTime+10}),t.add(40,function(){e.player.volume-=.05}),t.init()})}return q(n,[{key:"add",value:function(e,t){this.keys[e]?this.keys[e].push(t):this.keys[e]=[t]}},{key:"init",value:function(){var o=this;(0,this.art.events.proxy)(window,"keydown",function(e){if(o.art.isFocus){var t=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==t&&"TEXTAREA"!==t&&""!==n&&"true"!==n){var r=o.keys[e.keyCode];r&&(e.preventDefault(),r.forEach(function(e){return e()}),o.art.emit("hotkey",e))}}})}}]),n}(),fe=function(){function n(e){var t=this;M(this,n),this.id=0,this.art=e,this.add=this.add.bind(this),this.art.once("video:canplay",function(){t.art.option.layers.forEach(function(e){t.add(e)})})}return q(n,[{key:"add",value:function(e,t){this.id+=1;var n=this.art.template.$layers;return R(this.art,this,n,e,t,"layer")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.remove("artplayer-layers-hide"),this.art.emit("layers:show")):(this.state=!1,t.classList.add("artplayer-layers-hide"),this.art.emit("layers:hide"))}}]),n}(),pe=function(){function t(e){M(this,t),m((this.art=e).template.$loading,e.icons.loading)}return q(t,[{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.add("artplayer-loading-show"),this.art.emit("loading:show")):(this.state=!1,t.classList.remove("artplayer-loading-show"),this.art.emit("loading:hide"))}}]),t}(),de=function(){function t(e){M(this,t),this.art=e,this.timer=null}return q(t,[{key:"show",value:function(e){var t=this,n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],r=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1e3,o=this.art.template,i=o.$player,a=o.$noticeInner;this.state=!0,i.classList.add("artplayer-notice-show"),a.innerHTML=e instanceof Error?e.message.trim():e,clearTimeout(this.timer),n&&(this.timer=setTimeout(function(){t.hide()},r)),this.art.emit("notice:show")}},{key:"hide",value:function(){var e=this.art.template.$player;this.state=!1,e.classList.remove("artplayer-notice-show"),this.art.emit("notice:hide")}}]),t}(),he=function(){function t(e){M(this,t),m(m((this.art=e).template.$mask,'<div class="art-state"></div>'),e.icons.state)}return q(t,[{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.add("artplayer-mask-show"),this.art.emit("mask:show")):(this.state=!1,t.classList.remove("artplayer-mask-show"),this.art.emit("mask:hide"))}}]),t}(),ye=function(){function n(e){var t=this;M(this,n),this.id=0,this.art=e,this.state=!1,e.option.setting&&(this.art.once("video:canplay",function(){t.init()}),this.art.on("blur",function(){t.show=!1}))}return q(n,[{key:"init",value:function(){var t=this,e=this.art,n=e.option,r=e.template.$setting;(0,e.events.proxy)(r,"click",function(e){e.target===r&&(t.show=!1)}),this.add(function(r){return function(t){var e=t.i18n,n=t.player;return re({},r,{html:'\n                <div class="art-setting-header">'.concat(e.get("Flip"),'</div>\n                <div class="art-setting-radio">\n                    <div class="art-radio-item current">\n                        <button type="button" data-value="normal">').concat(e.get("Normal"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="horizontal">').concat(e.get("Horizontal"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="vertical">').concat(e.get("Vertical"),"</button>\n                    </div>\n                </div>\n            "),click:function(e){var t=e.target.dataset.value;t&&(n.flip=t)},mounted:function(e){t.on("flipChange",function(t){w(Array.from(e.querySelectorAll("button")).find(function(e){return e.dataset.value===t}).parentElement,"current")})}})}}({disable:!n.flip,name:"flip"})),this.add(function(r){return function(t){var e=t.i18n,n=t.player;return re({},r,{html:'\n                <div class="art-setting-header">'.concat(e.get("Aspect ratio"),'</div>\n                <div class="art-setting-radio">\n                    <div class="art-radio-item current">\n                        <button type="button" data-value="default">').concat(e.get("Default"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="4:3">4:3</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="16:9">16:9</button>\n                    </div>\n                </div>\n            '),click:function(e){var t=e.target.dataset.value;t&&(n.aspectRatio=t)},mounted:function(e){t.on("aspectRatioChange",function(t){w(Array.from(e.querySelectorAll("button")).find(function(e){return e.dataset.value===t}).parentElement,"current")})}})}}({disable:!n.aspectRatio,name:"aspectRatio"})),this.add(function(t){return function(r){var e=r.i18n,o=r.player,i=r.events.proxy;return re({},t,{html:'\n                <div class="art-setting-header">\n                    '.concat(e.get("Play speed"),': <span class="art-subtitle-value">1.0</span>x\n                </div>\n                <div class="art-setting-range">\n                    <input class="art-subtitle-range" value="1" type="range" min="0.5" max="2" step="0.25">\n                </div>\n            '),mounted:function(e){var t=e.querySelector(".art-setting-range input"),n=e.querySelector(".art-subtitle-value");i(t,"change",function(){var e=t.value;n.innerText=e,o.playbackRate=Number(e)}),r.on("playbackRateChange",function(e){t.value!==e&&(t.value=e,n.innerText=e)})}})}}({disable:!n.playbackRate,name:"playbackRate"}))}},{key:"add",value:function(e,t){this.id+=1;var n=this.art.template.$settingBody;return R(this.art,this,n,e,t,"setting")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.add("artplayer-setting-show"),this.art.emit("setting:show")):(this.state=!1,t.classList.remove("artplayer-setting-show"),this.art.emit("setting:hide"))}}]),n}(),me=function(){function t(e){M(this,t),this.art=e,this.name="artplayer_settings",this.init()}return q(t,[{key:"init",value:function(){var e=this.art.option,t=this.get("volume");t&&(e.volume=t)}},{key:"get",value:function(e){var t=JSON.parse(window.localStorage.getItem(this.name))||{};return e?t[e]:{}}},{key:"set",value:function(e,t){var n=Object.assign({},this.get(),ne({},e,t));window.localStorage.setItem(this.name,JSON.stringify(n))}},{key:"del",value:function(e){var t=this.get();delete t[e],window.localStorage.setItem(this.name,JSON.stringify(t))}},{key:"clean",value:function(){window.localStorage.removeItem(this.name)}}]),t}(),ve=function(){function n(e){var t=this;M(this,n),this.art=e,this.id=0,e.option.subtitle.url&&this.add(_),e.option.isLive||this.add(L),this.add(T),e.option.plugins.forEach(function(e){t.add(e)})}return q(n,[{key:"add",value:function(e){this.id+=1;var t=e.call(this,this.art);return this[t&&t.name?t.name:e.name?e.name:"plugin".concat(this.id)]=t,this.art.emit("plugin:add",e),this}}]),n}(),ge=0,be=function(e){function n(e){var t;return M(this,n),t=F(this,W(n).call(this)),v("function"==typeof window.Promise,"Unsupported 'Promise' method"),t.option=a(n.DEFAULTS,e),V(t.option,Z),t.init(),t}return N(n,H),q(n,[{key:"init",value:function(){this.whitelist=new O(this),this.template=new G(this),this.events=new ue(this),this.whitelist.state?(this.isFocus=!1,this.isDestroy=!1,this.storage=new me(this),this.icons=new C(this),this.i18n=new ee(this),this.notice=new de(this),this.player=new P(this),this.layers=new fe(this),this.controls=new oe(this),this.contextmenu=new ie(this),this.subtitle=new se(this),this.info=new ae(this),this.loading=new pe(this),this.hotkey=new le(this),this.mask=new he(this),this.setting=new ye(this),this.plugins=new ve(this)):this.mobile=new A(this),ge+=1,this.id=ge,n.instances.push(this)}},{key:"destroy",value:function(){var e=0<arguments.length&&void 0!==arguments[0]&&arguments[0];this.events.destroy(),this.template.destroy(e),n.instances.splice(n.instances.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"version",get:function(){return"3.1.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return J}},{key:"utils",get:function(){return X}},{key:"scheme",get:function(){return Z}},{key:"Emitter",get:function(){return H}},{key:"validator",get:function(){return V}},{key:"kindOf",get:function(){return V.kindOf}},{key:"DEFAULTS",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"auto"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),n}(),Object.defineProperty(be,"instances",{value:[]}),be)});return function(e){function n(e){var t;return c(this,n),t=u(this,l(n).call(this,e)),se.utils.errorHandle(e.option&&"object"===we(e.option),"The prop 'option' object cannot be missing"),t.instance=null,t.artRef=ce.createRef(),t}return p(n,e),t(n,[{key:"componentDidMount",value:function(){var e=this.props,t=e.option,n=e.getInstance;this.instance=new se(i({},t,{container:this.artRef.current})),n&&"function"==typeof n&&n(this.instance)}},{key:"componentWillUnmount",value:function(){this.instance&&this.instance.destroy&&this.instance.destroy()}},{key:"render",value:function(){var e=this.props,t=(e.option,e.getInstance,r(e,["option","getInstance"]));return ce.createElement("div",i({ref:this.artRef},t))}}]),n}(ce.Component)});
diff --git a/dist/artplayer-vue.css b/dist/artplayer-vue.css
index 4bdb13e60..3ce1ace4f 100644
--- a/dist/artplayer-vue.css
+++ b/dist/artplayer-vue.css
@@ -1 +1,18 @@
-.artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}.artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;outline:0;cursor:pointer}.artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;text-shadow:.5px .5px .5px rgba(0,0,0,.5);font-size:20px;pointer-events:none}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}.artplayer-video-player .artplayer-layers{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:all}.artplayer-video-player .artplayer-mask{display:none;position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-mask .art-playBig{position:absolute;right:30px;bottom:65px;opacity:.6}.artplayer-video-player .artplayer-loading{display:none;position:absolute;z-index:60;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-bottom{position:absolute;z-index:50;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:all}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:all;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}.artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:70;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.artplayer-video-player .artplayer-contextmenu{display:none;position:absolute;z-index:110;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.8);border-radius:3px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu a{color:#fff;text-decoration:none}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span{display:inline-block;padding:0 7px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current,.artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover{color:#00c9ff}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child{border-bottom:none}.artplayer-video-player .artplayer-setting{display:none;position:absolute;z-index:80;left:0;top:0;height:100%;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:relative;width:300px;height:250px;font-size:12px;background:rgba(0,0,0,.8);border-radius:3px;pointer-events:all;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 20px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{color:#fff;margin-bottom:10px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-body{color:hsla(0,0%,100%,.8)}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-close{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,.5);font-size:20px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-4px;margin-right:-4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn span{display:block;height:20px;line-height:20px;text-align:center;color:#fff;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn.current span,.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn:hover span{color:#fff;background:#00a1d6}.artplayer-video-player .artplayer-info{display:none;position:absolute;left:10px;top:10px;z-index:90;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}.artplayer-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.artplayer-video-player.artplayer-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}.artplayer-video-player .artplayer-pip-header{display:none;position:absolute;z-index:100;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.artplayer-video-player .artplayer-pip-header .artplayer-pip-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.artplayer-video-player .artplayer-pip-header .artplayer-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.artplayer-video-player.is-dragging{opacity:.7}.artplayer-video-player.artplayer-pip{position:fixed;z-index:9999;right:20px;bottom:20px;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.artplayer-video-player.artplayer-pip .artplayer-pip-header{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header{opacity:1;visibility:visible}.artplayer-video-player.artplayer-pip .artplayer-mask{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.artplayer-video-player.artplayer-pip .artplayer-mask .art-playBig{position:static}.artplayer-video-player.artplayer-pip .artplayer-bottom,.artplayer-video-player.artplayer-pip .artplayer-contextmenu,.artplayer-video-player.artplayer-pip .artplayer-danmu,.artplayer-video-player.artplayer-pip .artplayer-info,.artplayer-video-player.artplayer-pip .artplayer-layers,.artplayer-video-player.artplayer-pip .artplayer-notice,.artplayer-video-player.artplayer-pip .artplayer-setting,.artplayer-video-player.artplayer-pip .artplayer-subtitle{display:none!important}.artplayer-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.artplayer-video-player[data-flip=horizontal] .artplayer-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.artplayer-video-player[data-flip=vertical] .artplayer-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}button[data-balloon]{overflow:visible}[data-balloon]{position:relative;cursor:pointer}[data-balloon]:after{font-family:sans-serif!important;font-weight:400!important;font-style:normal!important;text-shadow:none!important;font-size:12px!important;background:rgba(17,17,17,.9);border-radius:4px;color:#fff;content:attr(data-balloon);padding:.5em 1em;white-space:nowrap}[data-balloon]:after,[data-balloon]:before{filter:alpha(opactiy=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[data-balloon]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;content:""}[data-balloon]:hover:after,[data-balloon]:hover:before,[data-balloon][data-balloon-visible]:after,[data-balloon][data-balloon-visible]:before{filter:alpha(opactiy=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;pointer-events:auto}[data-balloon].font-awesome:after{font-family:FontAwesome}[data-balloon][data-balloon-break]:after{white-space:pre}[data-balloon][data-balloon-blunt]:after,[data-balloon][data-balloon-blunt]:before{-webkit-transition:none;transition:none}[data-balloon][data-balloon-pos=up]:after{margin-bottom:11px}[data-balloon][data-balloon-pos=up]:after,[data-balloon][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up]:before{margin-bottom:5px}[data-balloon][data-balloon-pos=up]:hover:after,[data-balloon][data-balloon-pos=up]:hover:before,[data-balloon][data-balloon-pos=up][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up][data-balloon-visible]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}[data-balloon][data-balloon-pos=up-left]:after{left:0;margin-bottom:11px}[data-balloon][data-balloon-pos=up-left]:after,[data-balloon][data-balloon-pos=up-left]:before{bottom:100%;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up-left]:before{left:5px;margin-bottom:5px}[data-balloon][data-balloon-pos=up-left]:hover:after,[data-balloon][data-balloon-pos=up-left]:hover:before,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=up-right]:after{right:0;margin-bottom:11px}[data-balloon][data-balloon-pos=up-right]:after,[data-balloon][data-balloon-pos=up-right]:before{bottom:100%;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up-right]:before{right:5px;margin-bottom:5px}[data-balloon][data-balloon-pos=up-right]:hover:after,[data-balloon][data-balloon-pos=up-right]:hover:before,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=down]:after{margin-top:11px}[data-balloon][data-balloon-pos=down]:after,[data-balloon][data-balloon-pos=down]:before{left:50%;top:100%;-webkit-transform:translate(-50%,-10px);transform:translate(-50%,-10px)}[data-balloon][data-balloon-pos=down]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;margin-top:5px}[data-balloon][data-balloon-pos=down]:hover:after,[data-balloon][data-balloon-pos=down]:hover:before,[data-balloon][data-balloon-pos=down][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down][data-balloon-visible]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}[data-balloon][data-balloon-pos=down-left]:after{left:0;margin-top:11px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-left]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;left:5px;margin-top:5px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-left]:hover:after,[data-balloon][data-balloon-pos=down-left]:hover:before,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=down-right]:after{right:0;margin-top:11px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-right]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;right:5px;margin-top:5px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-right]:hover:after,[data-balloon][data-balloon-pos=down-right]:hover:before,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=left]:after{margin-right:11px;right:100%;top:50%;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%)}[data-balloon][data-balloon-pos=left]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E");background-size:100% auto;width:6px;height:18px;margin-right:5px;right:100%;top:50%;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%)}[data-balloon][data-balloon-pos=left]:hover:after,[data-balloon][data-balloon-pos=left]:hover:before,[data-balloon][data-balloon-pos=left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=left][data-balloon-visible]:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-balloon][data-balloon-pos=right]:after{left:100%;margin-left:11px;top:50%;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}[data-balloon][data-balloon-pos=right]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E");background-size:100% auto;width:6px;height:18px;left:100%;margin-left:5px;top:50%;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}[data-balloon][data-balloon-pos=right]:hover:after,[data-balloon][data-balloon-pos=right]:hover:before,[data-balloon][data-balloon-pos=right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=right][data-balloon-visible]:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-balloon][data-balloon-length=small]:after{white-space:normal;width:80px}[data-balloon][data-balloon-length=medium]:after{white-space:normal;width:150px}[data-balloon][data-balloon-length=large]:after{white-space:normal;width:260px}[data-balloon][data-balloon-length=xlarge]:after{white-space:normal;width:380px}@media screen and (max-width:768px){[data-balloon][data-balloon-length=xlarge]:after{white-space:normal;width:90vw}}[data-balloon][data-balloon-length=fit]:after{white-space:normal;width:100%}
\ No newline at end of file
+.artplayer-video-player{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin:0 auto;z-index:10;width:100%;height:100%;outline:0;zoom:1;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.artplayer-video-player .art-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}.artplayer-video-player>object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
+.artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}
+.artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}.artplayer-video-player.artplayer-subtitle-hide .artplayer-subtitle{display:none}
+.artplayer-video-player .artplayer-danmuku{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
+.artplayer-video-player .artplayer-layers{position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:auto}.artplayer-video-player.artplayer-layers-hide .artplayer-layers{display:none}
+.artplayer-video-player .artplayer-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.artplayer-video-player .artplayer-mask,.artplayer-video-player .artplayer-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.artplayer-video-player .artplayer-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.artplayer-video-player.artplayer-mask-show .artplayer-mask,.artplayer-video-player .artplayer-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.artplayer-video-player.artplayer-loading-show .artplayer-loading{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:auto}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}
+.artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.artplayer-video-player.artplayer-notice-show .artplayer-notice{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-contextmenu{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.8);border-radius:3px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu a{color:#fff;text-decoration:none}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span{display:inline-block;padding:0 7px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current,.artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover{color:#00c9ff}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child{border-bottom:none}.artplayer-video-player.artplayer-contextmenu-show .artplayer-contextmenu{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-setting{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.8);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{margin-bottom:5px}.artplayer-video-player .artplayer-setting .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.artplayer-video-player .artplayer-setting .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.artplayer-video-player .artplayer-setting .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.artplayer-video-player.artplayer-setting-show .artplayer-setting{opacity:1;visibility:visible;pointer-events:auto}.artplayer-video-player.artplayer-setting-show .artplayer-setting .artplayer-setting-inner{right:0}
+.artplayer-video-player .artplayer-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.artplayer-video-player.artplayer-info-show .artplayer-info{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}
+.artplayer-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}
+.artplayer-video-player.artplayer-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}
+.artplayer-video-player .artplayer-pip-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.artplayer-video-player .artplayer-pip-header .artplayer-pip-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.artplayer-video-player .artplayer-pip-header .artplayer-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.artplayer-video-player.is-dragging{opacity:.7}.artplayer-video-player.artplayer-pip{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.artplayer-video-player.artplayer-pip .artplayer-pip-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header{opacity:1;visibility:visible}.artplayer-video-player.artplayer-pip .artplayer-mask .art-state{position:static}.artplayer-video-player.artplayer-pip .artplayer-bottom,.artplayer-video-player.artplayer-pip .artplayer-contextmenu,.artplayer-video-player.artplayer-pip .artplayer-danmu,.artplayer-video-player.artplayer-pip .artplayer-info,.artplayer-video-player.artplayer-pip .artplayer-layers,.artplayer-video-player.artplayer-pip .artplayer-notice,.artplayer-video-player.artplayer-pip .artplayer-setting,.artplayer-video-player.artplayer-pip .artplayer-subtitle{display:none!important}
+.artplayer-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
+.artplayer-video-player[data-flip=horizontal] .artplayer-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.artplayer-video-player[data-flip=vertical] .artplayer-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}
\ No newline at end of file
diff --git a/dist/artplayer-vue.js b/dist/artplayer-vue.js
index 2e54542fc..4daecd9d9 100644
--- a/dist/artplayer-vue.js
+++ b/dist/artplayer-vue.js
@@ -5,4 +5,4 @@
  * Released under the MIT License.
  */
 
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).ArtplayerVue=e()}(this,function(){"use strict";var o=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};var t=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(t){o(e,t,n[t])})}return e},Ct="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var e,n,i=(function(t,e){t.exports=function(){var a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}var o=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t},r="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==Ct?Ct:"undefined"!=typeof self?self:{};function t(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function e(t,e){return t(e={exports:{}},e.exports),e.exports}var n=e(function(e){function n(t){return(n="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})(t)}function i(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=i=function(t){return n(t)}:e.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},i(t)}e.exports=i}),s=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t},c=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?s(t):e},l=e(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),u=e(function(n){function i(t,e){return n.exports=i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}n.exports=i}),d=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&u(t,e)};function f(){}f.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function o(){i.off(t,o),e.apply(n,arguments)}return o._=e,this.on(t,o,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,o=n.length;i<o;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],o=[];if(i&&e)for(var r=0,a=i.length;r<a;r++)i[r].fn!==e&&i[r].fn._!==e&&o.push(i[r]);return o.length?n[t]=o:delete n[t],this}};var p=f,h=f;p.TinyEmitter=h;var v=e(function(t,e){t.exports=function(){function s(t){return(s="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})(t)}var c=Object.prototype.toString,a=function(t){if(void 0===t)return"undefined";if(null===t)return"null";var e,n,i,o,r,a=s(t);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"===l(t)?"generatorfunction":"function";if(e=t,Array.isArray?Array.isArray(e):e instanceof Array)return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(t))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(t))return"arguments";if((n=t)instanceof Date||"function"==typeof n.toDateString&&"function"==typeof n.getDate&&"function"==typeof n.setDate)return"date";if((i=t)instanceof Error||"string"==typeof i.message&&i.constructor&&"number"==typeof i.constructor.stackTraceLimit)return"error";if((o=t)instanceof RegExp||"string"==typeof o.flags&&"boolean"==typeof o.ignoreCase&&"boolean"==typeof o.multiline&&"boolean"==typeof o.global)return"regexp";switch(l(t)){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"==typeof(r=t).throw&&"function"==typeof r.return&&"function"==typeof r.next)return"generator";switch(a=c.call(t)){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 l(t){return t.constructor?t.constructor.name:null}function r(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var i in d(t,e,n),f(t,e,n),p(t,e,n),e)if(e.hasOwnProperty(i)){var o=t[i],r=e[i],a=n.concat(i);if(u(t,i,r,a))continue;d(o,r,a),f(o,r,a),p(o,r,a)}}function u(t,e,n,i){if(!Object.prototype.hasOwnProperty.call(t,e)){if(!0===n.__required__||!0===n.required)throw new TypeError("'".concat(i.join("."),"' is required"));return!0}}function d(t,e,n){var i;if("string"===a(e)?i=e:"function"===a(e)?e.___validator__=e:e.__type__?i=e.__type__:e.type&&(i=e.type),i&&"string"===a(i)){i=i.trim().toLowerCase();var o=a(t),r=o===i;if(-1<i.indexOf("|")&&(r=i.split("|").filter(Boolean).some(function(t){return o===t.trim()})),!r)throw new TypeError("'".concat(n.join("."),"' require '").concat(i,"' type, but got '").concat(o,"'"))}}function f(t,e,n){var i;if(e.___validator__?i=e.___validator__:e.validator&&(i=e.validator),"function"===a(i)){var o=i(n,t,a(t));if(!0!==o)throw new TypeError("The scheme for '".concat(n.join("."),"' validator function require return true, but got '").concat(o,"'"))}}function p(t,e,n){var i;if(e.___child__?i=e.___child__:e.child&&(i=e.child),"object"===a(i)){var o=a(t);"object"===o?r(t,i,n):"array"===o&&t.forEach(function(t,e){r(t,i,n.concat(e))})}}return r.kindOf=a,window.optionValidator=r}()}),y=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},m=e(function(i){function o(t,e,n){return function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()?i.exports=o=Reflect.construct:i.exports=o=function(t,e,n){var i=[null];i.push.apply(i,e);var o=new(Function.bind.apply(t,i));return n&&u(o,n.prototype),o},o.apply(null,arguments)}i.exports=o}),g=function(t){function i(t,e){var n;return a(this,i),n=c(this,l(i).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(s(n),e||n.constructor),n.name="ArtPlayerError",n}return d(i,t),i}(e(function(e){function i(t){var n="function"==typeof Map?new Map:void 0;return e.exports=i=function(t){if(null===t||!function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return m(t,arguments,l(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),u(e,t)},i(t)}e.exports=i})(Error));function b(t,e){if(!t)throw new g(e)}function w(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function x(t){return t.includes("?")?x(t.split("?")[0]):t.includes("#")?x(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function k(t){var e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),i=Math.floor(t-3600*e-60*n);return(0<e?[e,n,i]:[n,i]).map(function(t){return t<10?"0".concat(t):String(t)}).join(":")}function E(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(t){return setTimeout(t,e)})}function S(i,o,r){var a;function t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,i.apply(r,e)},o)}return t.clearTimeout=function(){clearTimeout(a)},t}function $(t){return t&&"object"===n(t)&&!Array.isArray(t)}function P(t){return t instanceof Element}function T(n,i){var o=Object.assign({},n);return $(n)&&$(i)&&Object.keys(i).forEach(function(t){var e=i[t];$(e)&&!P(e)&&t in n?o[t]=T(n[t],e):Object.assign(o,y({},t,e))}),o}function R(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",e),t.lastElementChild}function O(t,e,n){var i=Array.from(t.children);e.dataset.index=n;var o=i.find(function(t){return Number(t.dataset.index)>=Number(n)});return o?o.insertAdjacentElement("beforebegin",e):R(t,e),e}function _(t,e,n){return t.style[e]=n,t}function C(e,n){return Object.keys(n).forEach(function(t){_(e,t,n[t])}),e}function L(t,e){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],i=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(i):i}function j(e){return Array.from(e.parentElement.children).filter(function(t){return t!==e})}function M(t,e){j(t).forEach(function(t){return t.classList.remove(e)}),t.classList.add(e)}function A(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";t.setAttribute("data-balloon",e),t.setAttribute("data-balloon-pos",n)}function z(t){return"WEBVTT \r\n\r\n".concat(t.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").concat("\r\n\r\n"))}function D(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function W(t,e){var n=document.createElement("a");_(n,"display","none"),n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var q=Object.freeze({ArtPlayerError:g,errorHandle:b,clamp:w,getExt:x,secondToTime:k,sleep:E,debounce:S,isObject:$,isElement:P,mergeDeep:T,append:R,remove:function(t){return t.parentNode.removeChild(t)},insertByIndex:O,setStyle:_,setStyles:C,getStyle:L,sublings:j,inverseClass:M,tooltip:A,srtToVtt:z,vttToBlob:D,downloadImage:W});function H(t,e,n){if("string"===n){if(""===e.trim())throw new g("".concat(t.join(".")," can not be empty"));return!0}if(e instanceof Element)return!0;throw new g("".concat(t.join(".")," require 'string' or 'Element' type, but got '").concat(n,"'"))}var B={container:{validator:H,required:!0},url:{type:"string|function",required:!0},poster:"string",title:"string",type:{type:"string"},mimeCodec:"string",theme:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",plugins:{type:"array",child:{type:"function"}},whitelist:{type:"array",child:{type:"string|function|regexp"}},layers:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:H,style:"object",click:"function"}},contextmenu:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:H,style:"object",click:"function"}},quality:{type:"array",child:{default:"boolean",name:"string",url:"string"}},controls:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:H,style:"object",click:"function",position:function(t,e){return["top","left","right"].includes(e)}}},highlight:{type:"array",child:{type:"object",time:"number",text:"string"}},thumbnails:{type:"object",child:{type:"object",url:"string",number:"number",width:"number",height:"number",column:"number"}},subtitle:{type:"object",child:{type:"object",url:"string",style:"object"}},moreVideoAttr:"object",icons:"object",customType:"object",lang:"string"},F={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},video:{propertys:["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"]}},I=function t(e){var n=this;a(this,t);var i=e.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||i.some(function(t){var e=!1;switch(v.kindOf(t)){case"string":e=-1<n.userAgent.indexOf(t);break;case"function":e=t(n.userAgent);break;case"regexp":e=t.test(n.userAgent)}return e})},N=function(){function n(t){var e=this;a(this,n),t.option.container instanceof Element?this.$container=t.option.container:this.$container=document.querySelector(t.option.container),t.constructor.instances.some(function(t){return t.template.$container===e.$container})&&b(!1,"Cannot mount multiple instances on the same dom element"),t.whitelist.state?this.initDesktop():this.initMobile()}return o(n,[{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner">\n                <div class="artplayer-setting-body"></div>\n                <div class="artplayer-setting-close">×</div>\n              </div>\n            </div>\n            <div class="artplayer-info">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu"></div>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$settingClose=this.$container.querySelector(".artplayer-setting-close"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),U={"zh-cn":{"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器"},"zh-tw":{"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器"}},V=function(){function e(t){a(this,e),this.art=t,this.init()}return o(e,[{key:"init",value:function(){this.language=U[this.art.option.lang.toLowerCase()]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){U=T(U,t),this.init()}}]),e}(),Q=e(function(t){var r,e,o,a,i,n;r="undefined"!=typeof window&&void 0!==window.document?window.document:{},e=t.exports,o="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,a=function(){for(var t,e=[["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"]],n=0,i=e.length,o={};n<i;n++)if((t=e[n])&&t[1]in r){for(n=0;n<t.length;n++)o[e[0][n]]=t[n];return o}return!1}(),i={change:a.fullscreenchange,error:a.fullscreenerror},n={request:function(i){return new Promise(function(t){var e=a.requestFullscreen,n=function(){this.off("change",n),t()}.bind(this);i=i||r.documentElement,/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?i[e]():i[e](o?Element.ALLOW_KEYBOARD_INPUT:{}),this.on("change",n)}.bind(this))},exit:function(){return new Promise(function(t){if(this.isFullscreen){var e=function(){this.off("change",e),t()}.bind(this);r[a.exitFullscreen](),this.on("change",e)}else t()}.bind(this))},toggle:function(t){return this.isFullscreen?this.exit():this.request(t)},onchange:function(t){this.on("change",t)},onerror:function(t){this.on("error",t)},on:function(t,e){var n=i[t];n&&r.addEventListener(n,e,!1)},off:function(t,e){var n=i[t];n&&r.removeEventListener(n,e,!1)},raw:a},a?(Object.defineProperties(n,{isFullscreen:{get:function(){return Boolean(r[a.fullscreenElement])}},element:{enumerable:!0,get:function(){return r[a.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(r[a.fullscreenEnabled])}}}),e?(t.exports=n,t.exports.default=n):window.screenfull=n):e?t.exports=!1:window.screenfull=!1}),Y=e(function(t){var e,n;e=window,n=function(){function g(t){var e=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(e)&&e}var n="undefined"==typeof console?function(){}:function(t){console.error(t)},b=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],w=b.length;function x(t){var e=getComputedStyle(t);return e||n("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}var k,E=!1;return function i(t){if(function(){if(!E){E=!0;var t=document.createElement("div");t.style.width="200px",t.style.padding="1px 2px 3px 4px",t.style.borderStyle="solid",t.style.borderWidth="1px 2px 3px 4px",t.style.boxSizing="border-box";var e=document.body||document.documentElement;e.appendChild(t);var n=x(t);k=200==Math.round(g(n.width)),i.isBoxSizeOuter=k,e.removeChild(t)}}(),"string"==typeof t&&(t=document.querySelector(t)),t&&"object"==typeof t&&t.nodeType){var e=x(t);if("none"==e.display)return function(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e<w;e++)t[b[e]]=0;return t}();var n={};n.width=t.offsetWidth,n.height=t.offsetHeight;for(var o=n.isBorderBox="border-box"==e.boxSizing,r=0;r<w;r++){var a=b[r],s=e[a],c=parseFloat(s);n[a]=isNaN(c)?0:c}var l=n.paddingLeft+n.paddingRight,u=n.paddingTop+n.paddingBottom,d=n.marginLeft+n.marginRight,f=n.marginTop+n.marginBottom,p=n.borderLeftWidth+n.borderRightWidth,h=n.borderTopWidth+n.borderBottomWidth,v=o&&k,y=g(e.width);!1!==y&&(n.width=y+(v?0:l+p));var m=g(e.height);return!1!==m&&(n.height=m+(v?0:u+h)),n.innerWidth=n.width-(l+p),n.innerHeight=n.height-(u+h),n.outerWidth=n.width+d,n.outerHeight=n.height+f,n}}},t.exports?t.exports=n():e.getSize=n()}),J=e(function(t){var e,n;e="undefined"!=typeof window?window:r,n=function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var n=this._events=this._events||{},i=n[t]=n[t]||[];return-1==i.indexOf(e)&&i.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var n=this._onceEvents=this._onceEvents||{};return(n[t]=n[t]||{})[e]=!0,this}},e.off=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){var i=n.indexOf(e);return-1!=i&&n.splice(i,1),this}},e.emitEvent=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){n=n.slice(0),e=e||[];for(var i=this._onceEvents&&this._onceEvents[t],o=0;o<n.length;o++){var r=n[o];i&&i[r]&&(this.off(t,r),delete i[r]),r.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t},t.exports?t.exports=n():e.EvEmitter=n()}),X=e(function(t){var e,n;e=window,n=function(o,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindStartEvent=function(t){this._bindStartEvent(t,!0)},n.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},n._bindStartEvent=function(t,e){var n=(e=void 0===e||e)?"addEventListener":"removeEventListener",i="mousedown";o.PointerEvent?i="pointerdown":"ontouchstart"in o&&(i="touchstart"),t[n](i,this)},n.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.getTouch=function(t){for(var e=0;e<t.length;e++){var n=t[e];if(n.identifier==this.pointerIdentifier)return n}},n.onmousedown=function(t){var e=t.button;e&&0!==e&&1!==e||this._pointerDown(t,t)},n.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},n.onpointerdown=function(t){this._pointerDown(t,t)},n._pointerDown=function(t,e){t.button||this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==e.pointerId?e.pointerId:e.identifier,this.pointerDown(t,e))},n.pointerDown=function(t,e){this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e])};var i={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"]};return n._bindPostStartEvents=function(t){if(t){var e=i[t.type];e.forEach(function(t){o.addEventListener(t,this)},this),this._boundPointerEvents=e}},n._unbindPostStartEvents=function(){this._boundPointerEvents&&(this._boundPointerEvents.forEach(function(t){o.removeEventListener(t,this)},this),delete this._boundPointerEvents)},n.onmousemove=function(t){this._pointerMove(t,t)},n.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},n.ontouchmove=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerMove(t,e)},n._pointerMove=function(t,e){this.pointerMove(t,e)},n.pointerMove=function(t,e){this.emitEvent("pointerMove",[t,e])},n.onmouseup=function(t){this._pointerUp(t,t)},n.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},n.ontouchend=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerUp(t,e)},n._pointerUp=function(t,e){this._pointerDone(),this.pointerUp(t,e)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e])},n._pointerDone=function(){this._pointerReset(),this._unbindPostStartEvents(),this.pointerDone()},n._pointerReset=function(){this.isPointerDown=!1,delete this.pointerIdentifier},n.pointerDone=function(){},n.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},n.ontouchcancel=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerCancel(t,e)},n._pointerCancel=function(t,e){this._pointerDone(),this.pointerCancel(t,e)},n.pointerCancel=function(t,e){this.emitEvent("pointerCancel",[t,e])},e.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}},e},t.exports?t.exports=n(e,J):e.Unipointer=n(e,e.EvEmitter)}),Z=e(function(t){var e,n;e=window,n=function(r,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindHandles=function(){this._bindHandles(!0)},n.unbindHandles=function(){this._bindHandles(!1)},n._bindHandles=function(t){for(var e=(t=void 0===t||t)?"addEventListener":"removeEventListener",n=t?this._touchActionValue:"",i=0;i<this.handles.length;i++){var o=this.handles[i];this._bindStartEvent(o,t),o[e]("click",this),r.PointerEvent&&(o.style.touchAction=n)}},n._touchActionValue="none",n.pointerDown=function(t,e){this.okayPointerDown(t)&&(this.pointerDownPointer=e,t.preventDefault(),this.pointerDownBlur(),this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e]))};var o={TEXTAREA:!0,INPUT:!0,SELECT:!0,OPTION:!0},a={radio:!0,checkbox:!0,button:!0,submit:!0,image:!0,file:!0};return n.okayPointerDown=function(t){var e=o[t.target.nodeName],n=a[t.target.type],i=!e||n;return i||this._pointerReset(),i},n.pointerDownBlur=function(){var t=document.activeElement;t&&t.blur&&t!=document.body&&t.blur()},n.pointerMove=function(t,e){var n=this._dragPointerMove(t,e);this.emitEvent("pointerMove",[t,e,n]),this._dragMove(t,e,n)},n._dragPointerMove=function(t,e){var n={x:e.pageX-this.pointerDownPointer.pageX,y:e.pageY-this.pointerDownPointer.pageY};return!this.isDragging&&this.hasDragStarted(n)&&this._dragStart(t,e),n},n.hasDragStarted=function(t){return 3<Math.abs(t.x)||3<Math.abs(t.y)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e]),this._dragPointerUp(t,e)},n._dragPointerUp=function(t,e){this.isDragging?this._dragEnd(t,e):this._staticClick(t,e)},n._dragStart=function(t,e){this.isDragging=!0,this.isPreventingClicks=!0,this.dragStart(t,e)},n.dragStart=function(t,e){this.emitEvent("dragStart",[t,e])},n._dragMove=function(t,e,n){this.isDragging&&this.dragMove(t,e,n)},n.dragMove=function(t,e,n){t.preventDefault(),this.emitEvent("dragMove",[t,e,n])},n._dragEnd=function(t,e){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,e)},n.dragEnd=function(t,e){this.emitEvent("dragEnd",[t,e])},n.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},n._staticClick=function(t,e){this.isIgnoringMouseUp&&"mouseup"==t.type||(this.staticClick(t,e),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)))},n.staticClick=function(t,e){this.emitEvent("staticClick",[t,e])},e.getPointerPoint=t.getPointerPoint,e},t.exports?t.exports=n(e,X):e.Unidragger=n(e,e.Unipointer)}),G=e(function(t){var e,n;e=window,n=function(r,c,t){function n(t,e){for(var n in e)t[n]=e[n];return t}var i=r.jQuery;function e(t,e){this.element="string"==typeof t?document.querySelector(t):t,i&&(this.$element=i(this.element)),this.options=n({},this.constructor.defaults),this.option(e),this._create()}var o=e.prototype=Object.create(t.prototype);e.defaults={},o.option=function(t){n(this.options,t)};var a={relative:!0,absolute:!0,fixed:!0};function l(t,e,n){return n=n||"round",e?Math[n](t/e)*e:t}return o._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition=n({},this.position);var t=getComputedStyle(this.element);a[t.position]||(this.element.style.position="relative"),this.on("pointerDown",this.onPointerDown),this.on("pointerMove",this.onPointerMove),this.on("pointerUp",this.onPointerUp),this.enable(),this.setHandles()},o.setHandles=function(){this.handles=this.options.handle?this.element.querySelectorAll(this.options.handle):[this.element],this.bindHandles()},o.dispatchEvent=function(t,e,n){var i=[e].concat(n);this.emitEvent(t,i),this.dispatchJQueryEvent(t,e,n)},o.dispatchJQueryEvent=function(t,e,n){var i=r.jQuery;if(i&&this.$element){var o=i.Event(e);o.type=t,this.$element.trigger(o,n)}},o._getPosition=function(){var t=getComputedStyle(this.element),e=this._getPositionCoord(t.left,"width"),n=this._getPositionCoord(t.top,"height");this.position.x=isNaN(e)?0:e,this.position.y=isNaN(n)?0:n,this._addTransformPosition(t)},o._getPositionCoord=function(t,e){if(-1==t.indexOf("%"))return parseInt(t,10);var n=c(this.element.parentNode);return n?parseFloat(t)/100*n[e]:0},o._addTransformPosition=function(t){var e=t.transform;if(0===e.indexOf("matrix")){var n=e.split(","),i=0===e.indexOf("matrix3d")?12:4,o=parseInt(n[i],10),r=parseInt(n[1+i],10);this.position.x+=o,this.position.y+=r}},o.onPointerDown=function(t,e){this.element.classList.add("is-pointer-down"),this.dispatchJQueryEvent("pointerDown",t,[e])},o.dragStart=function(t,e){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.element.classList.add("is-dragging"),this.dispatchEvent("dragStart",t,[e]),this.animate())},o.measureContainment=function(){var t=this.getContainer();if(t){var e=c(this.element),n=c(t),i=this.element.getBoundingClientRect(),o=t.getBoundingClientRect(),r=n.borderLeftWidth+n.borderRightWidth,a=n.borderTopWidth+n.borderBottomWidth,s=this.relativeStartPosition={x:i.left-(o.left+n.borderLeftWidth),y:i.top-(o.top+n.borderTopWidth)};this.containSize={width:n.width-r-s.x-e.width,height:n.height-a-s.y-e.height}}},o.getContainer=function(){var t=this.options.containment;if(t)return t instanceof HTMLElement?t:"string"==typeof t?document.querySelector(t):this.element.parentNode},o.onPointerMove=function(t,e,n){this.dispatchJQueryEvent("pointerMove",t,[e,n])},o.dragMove=function(t,e,n){if(this.isEnabled){var i=n.x,o=n.y,r=this.options.grid,a=r&&r[0],s=r&&r[1];i=l(i,a),o=l(o,s),i=this.containDrag("x",i,a),o=this.containDrag("y",o,s),i="y"==this.options.axis?0:i,o="x"==this.options.axis?0:o,this.position.x=this.startPosition.x+i,this.position.y=this.startPosition.y+o,this.dragPoint.x=i,this.dragPoint.y=o,this.dispatchEvent("dragMove",t,[e,n])}},o.containDrag=function(t,e,n){if(!this.options.containment)return e;var i="x"==t?"width":"height",o=l(-this.relativeStartPosition[t],n,"ceil"),r=this.containSize[i];return r=l(r,n,"floor"),Math.max(o,Math.min(r,e))},o.onPointerUp=function(t,e){this.element.classList.remove("is-pointer-down"),this.dispatchJQueryEvent("pointerUp",t,[e])},o.dragEnd=function(t,e){this.isEnabled&&(this.element.style.transform="",this.setLeftTop(),this.element.classList.remove("is-dragging"),this.dispatchEvent("dragEnd",t,[e]))},o.animate=function(){if(this.isDragging){this.positionDrag();var t=this;requestAnimationFrame(function(){t.animate()})}},o.setLeftTop=function(){this.element.style.left=this.position.x+"px",this.element.style.top=this.position.y+"px"},o.positionDrag=function(){this.element.style.transform="translate3d( "+this.dragPoint.x+"px, "+this.dragPoint.y+"px, 0)"},o.staticClick=function(t,e){this.dispatchEvent("staticClick",t,[e])},o.setPosition=function(t,e){this.position.x=t,this.position.y=e,this.setLeftTop()},o.enable=function(){this.isEnabled=!0},o.disable=function(){this.isEnabled=!1,this.isDragging&&this.dragEnd()},o.destroy=function(){this.disable(),this.element.style.transform="",this.element.style.left="",this.element.style.top="",this.element.style.position="",this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},o._init=function(){},i&&i.bridget&&i.bridget("draggabilly",e),e},t.exports?t.exports=n(e,Y,Z):e.Draggabilly=n(e,e.getSize,e.Unidragger)}),K=function t(e){a(this,t),function(i,t){var e=i.option,o=e.type,r=e.customType,a=i.template.$video;Object.defineProperty(t,"attachUrl",{value:function(t){return E().then(function(){function e(t){var e=o||x(t),n=r[e];return e&&n?(i.loading.show(),i.emit("beforeCustomType",e),n.call(i,a,t,i),i.emit("afterCustomType",e)):(i.emit("beforeAttachUrl"),a.src=t,i.emit("afterAttachUrl")),Promise.resolve(t)}return"function"==typeof t?t.call(i).then(function(t){return i.loading.show(),e(t)}):e(t)})}})}(e,this),function(e,t){var n=e.option,i=e.events.proxy,o=e.template,r=o.$player,a=o.$video,s=e.i18n,c=e.notice,l=!1,u=0;i(a,"click",function(){t.toggle()}),F.video.events.forEach(function(t){i(a,t,function(t){e.emit("video:".concat(t.type),t)})}),e.on("video:canplay",function(){l||(l=!0,n.autoplay&&t.play(),e.emit("firstCanplay")),u=0,e.controls.show(),e.mask.show(),e.loading.hide()}),e.on("video:ended",function(){e.controls.show(),e.mask.show(),n.loop&&(t.seek(0),t.play())}),e.on("video:error",function(){u<5?E(1e3).then(function(){u+=1,t.attachUrl(n.url),c.show("".concat(s.get("Reconnect"),": ").concat(u))}):(e.loading.hide(),e.controls.hide(),r.classList.add("artplayer-error"),E(1e3).then(function(){c.show(s.get("Video load failed"),!1),e.destroy()}))}),e.on("video:loadedmetadata",function(){n.autoSize&&t.autoSize()}),e.on("video:loadstart",function(){e.loading.show()}),e.on("video:pause",function(){e.controls.show(),e.mask.show()}),e.on("video:play",function(){e.controls.hide(),e.mask.hide()}),e.on("video:playing",function(){e.controls.hide(),e.mask.hide()}),e.on("video:seeked",function(){e.loading.hide()}),e.on("video:seeking",function(){e.loading.show()}),e.on("video:timeupdate",function(){e.controls.hide(),e.mask.hide()}),e.on("video:waiting",function(){e.loading.show()})}(e,this),function(t,e){var n=t.option,i=t.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){i[t]=n.moreVideoAttr[t]}),n.muted&&(i.muted=n.muted),n.volume&&(i.volume=w(n.volume,0,1)),n.poster&&(i.poster=n.poster),n.autoplay&&(i.autoplay=n.autoplay),e.attachUrl(n.url)}(e,this),function(e,t){var n=e.template.$video,i=e.i18n,o=e.notice,r=e.option.mutex;Object.defineProperty(t,"play",{value:function(){var t=n.play();void 0!==t&&t.then().catch(function(t){o.show(t,!0,3e3),console.warn(t)}),r&&e.constructor.instances.filter(function(t){return t!==e}).forEach(function(t){return t.player.pause()}),o.show(i.get("Play")),e.emit("play")}})}(e,this),function(t,e){var n=t.template.$video,i=t.i18n,o=t.notice;Object.defineProperty(e,"pause",{value:function(){n.pause(),o.show(i.get("Pause")),t.emit("pause")}})}(e,this),function(t,e){Object.defineProperty(e,"toggle",{value:function(){e.playing?e.pause():e.play()}})}(0,this),function(n,i){var o=n.notice;Object.defineProperty(i,"seek",{value:function(t){var e=Math.max(t,0);i.duration&&(e=Math.min(e,i.duration)),i.currentTime=e,o.show("".concat(k(e)," / ").concat(k(i.duration))),n.emit("seek",e)}})}(e,this),function(e,t){var n=e.template.$video,i=e.i18n,o=e.notice,r=e.storage;Object.defineProperty(t,"volume",{get:function(){return n.volume||0},set:function(t){void 0!==t&&(n.volume=w(t,0,1),o.show("".concat(i.get("Volume"),": ").concat(parseInt(100*n.volume,10))),0!==n.volume&&r.set("volume",n.volume),e.emit("volumeChange",n.volume))}}),Object.defineProperty(t,"muted",{get:function(){return n.muted},set:function(t){n.muted=t,e.emit("volumeChange",n.volume)}})}(e,this),function(e,t){Object.defineProperty(t,"currentTime",{get:function(){return e.template.$video.currentTime||0},set:function(t){e.template.$video.currentTime=t}})}(e,this),function(t,e){Object.defineProperty(e,"duration",{get:function(){return t.template.$video.duration||0}})}(e,this),function(o,r){var a=o.i18n,s=o.notice,c=o.option;Object.defineProperty(r,"switchQuality",{value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(t!==c.url){var n=r.currentTime,i=r.playing;r.attachUrl(t).then(function(){c.url=t,r.playbackRateRemove(),r.aspectRatioRemove(),r.seek(n),i&&r.play(),s.show("".concat(a.get("Switch video"),": ").concat(e)),o.emit("switch",t)})}}})}(e,this),function(n,e){var t=n.template,i=t.$video,o=t.$player,r=n.i18n,a=n.notice;Object.defineProperty(e,"playbackRateState",{get:function(){return o.dataset.playbackRate}}),Object.defineProperty(e,"playbackRate",{value:function(t){var e=[.5,.75,1,1.25,1.5,2];b(e.includes(t),"'playbackRate' only accept ".concat(e.toString()," as parameters")),t!==o.dataset.playbackRate&&(i.playbackRate=t,o.dataset.playbackRate=t,a.show("".concat(r.get("Rate"),": ").concat(1===t?r.get("Normal"):"".concat(t,"x"))),n.emit("playbackRateChange",t))}}),Object.defineProperty(e,"playbackRateRemove",{value:function(){e.$playbackRateState&&(e.playbackRate(1),delete o.dataset.playbackRate,n.emit("playbackRateRemove"))}}),Object.defineProperty(e,"playbackRateReset",{value:function(){var t=o.dataset.playbackRate;t&&(e.playbackRate(Number(t)),n.emit("playbackRateReset"))}})}(e,this),function(d,f){var t=d.template,p=t.$video,h=t.$player,v=d.i18n,y=d.notice;Object.defineProperty(f,"aspectRatioState",{get:function(){return h.dataset.aspectRatio||""}}),Object.defineProperty(f,"aspectRatio",{value:function(t){var e=["default","4:3","16:9"];if(b(e.includes(t),"'aspectRatio' only accept ".concat(e.toString()," as parameters")),"default"===t)f.aspectRatioRemove();else{var n=t.split(":"),i=p.videoWidth,o=p.videoHeight,r=h.clientWidth,a=h.clientHeight,s=i/o,c=n[0]/n[1];if(c<s){var l=c*o/i;_(p,"width","".concat(100*l,"%")),_(p,"height","100%"),_(p,"padding","0 ".concat((r-r*l)/2,"px"))}else{var u=i/c/o;_(p,"width","100%"),_(p,"height","".concat(100*u,"%")),_(p,"padding","".concat((a-a*u)/2,"px 0"))}}h.dataset.aspectRatio=t,y.show("".concat(v.get("Aspect ratio"),": ").concat("default"===t?v.get("Default"):t)),d.emit("aspectRatioChange",t)}}),Object.defineProperty(f,"aspectRatioRemove",{value:function(){f.aspectRatioState&&(_(p,"width",null),_(p,"height",null),_(p,"padding",null),delete h.dataset.aspectRatio,d.emit("aspectRatioRemove"))}}),Object.defineProperty(f,"aspectRatioReset",{value:function(){var t=h.dataset.aspectRatio;t&&(f.aspectRatio(t),d.emit("aspectRatioReset"))}})}(e,this),function(e,t){var n=e.option,i=e.notice,o=e.template.$video;Object.defineProperty(t,"screenshot",{value:function(){try{var t=function(){var t=document.createElement("canvas");t.width=o.videoWidth,t.height=o.videoHeight,t.getContext("2d").drawImage(o,0,0);var e=t.toDataURL("image/png");return W(e,"".concat(n.title||"artplayer","_").concat(k(o.currentTime),".png")),e}();e.emit("screenshot",t)}catch(t){i.show(t),console.warn(t)}}})}(e,this),function(t,e){var n=t.notice,i=t.events.destroyEvents,o=t.template.$player,r=function(){t.emit("fullscreen",Q.isFullscreen)},a=function(){n.show("Your browser does not seem to support full screen functionality.")};try{Q.on("change",r),Q.on("error",a),i.push(function(){Q.off("change",r),Q.off("error",a)})}catch(t){console.error(t)}Object.defineProperty(e,"fullscreenState",{get:function(){return Q.isFullscreen}}),Object.defineProperty(e,"fullscreenEnabled",{value:function(){e.fullscreenWebState&&e.fullscreenWebExit(),o.classList.add("artplayer-fullscreen"),Q.request(o),e.aspectRatioReset(),t.emit("fullscreen:enabled")}}),Object.defineProperty(e,"fullscreenExit",{value:function(){e.fullscreenState&&(e.fullscreenWebExit(),o.classList.remove("artplayer-fullscreen"),Q.exit(),e.aspectRatioReset(),t.emit("fullscreen:exit"))}}),Object.defineProperty(e,"fullscreenToggle",{value:function(){e.fullscreenState?e.fullscreenExit():e.fullscreenEnabled()}})}(e,this),function(t,e){var n=t.template.$player;Object.defineProperty(e,"fullscreenWebState",{get:function(){return n.classList.contains("artplayer-web-fullscreen")}}),Object.defineProperty(e,"fullscreenWebEnabled",{value:function(){e.fullscreenState&&e.fullscreenExit(),n.classList.add("artplayer-web-fullscreen"),e.aspectRatioReset(),t.emit("fullscreenWeb:enabled")}}),Object.defineProperty(e,"fullscreenWebExit",{value:function(){e.fullscreenWebState&&(e.fullscreenExit(),n.classList.remove("artplayer-web-fullscreen"),e.aspectRatioReset(),t.emit("fullscreenWeb:exit"))}}),Object.defineProperty(e,"fullscreenWebToggle",{value:function(){e.fullscreenWebState?e.fullscreenWebExit():e.fullscreenWebEnabled()}})}(e,this),function(t,e){document.pictureInPictureEnabled?function(t,e){var n=t.notice,i=t.template.$video,o=t.events.proxy;i.disablePictureInPicture=!1,Object.defineProperty(e,"pipState",{get:function(){return document.pictureInPictureElement}}),Object.defineProperty(e,"pipEnabled",{value:function(){i.requestPictureInPicture().catch(function(t){n.show(t,!0,3e3),console.warn(t)})}}),Object.defineProperty(e,"pipExit",{value:function(){document.exitPictureInPicture().catch(function(t){n.show(t,!0,3e3),console.warn(t)})}}),o(i,"enterpictureinpicture",function(){t.emit("pipEnabled")}),o(i,"leavepictureinpicture",function(){t.emit("pipExit")}),t.on("destroy",function(){e.pipState&&e.pipExit()})}(t,e):function(t,e){var n=t.option,i=t.i18n,o=t.template,r=o.$player,a=o.$pipClose,s=o.$pipTitle,c=t.events,l=c.destroyEvents,u=c.proxy,d=null,f=null;Object.defineProperty(e,"pipState",{get:function(){return r.classList.contains("artplayer-pip")}}),Object.defineProperty(e,"pipEnabled",{value:function(){e.autoSizeState&&e.autoSizeRemove(),f?(_(r,"left","".concat(d.x,"px")),_(r,"top","".concat(d.y,"px"))):(f=new G(r,{handle:".artplayer-pip-header"}),R(s,n.title||i.get("Mini player")),u(a,"click",function(){e.pipExit()}),l.push(function(){f.destroy()})),r.classList.add("artplayer-pip"),e.fullscreenExit(),e.fullscreenWebExit(),e.aspectRatioRemove(),e.playbackRateRemove(),t.emit("pipEnabled")}}),Object.defineProperty(e,"pipExit",{value:function(){e.pipState&&(r.classList.remove("artplayer-pip"),d=f.position,_(r,"left",null),_(r,"top",null),e.fullscreenExit(),e.fullscreenWebExit(),e.aspectRatioRemove(),e.playbackRateRemove(),t.emit("pipExit"))}})}(t,e),Object.defineProperty(e,"pipToggle",{value:function(){e.pipState?e.pipExit():e.pipEnabled()}})}(e,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"loaded",{get:function(){return n.buffered.length?n.buffered.end(n.buffered.length-1)/n.duration:0}})}(e,this),function(t,e){Object.defineProperty(e,"played",{get:function(){return t.template.$video.currentTime/t.template.$video.duration}})}(e,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"playing",{get:function(){return!!(0<n.currentTime&&!n.paused&&!n.ended&&2<n.readyState)}})}(e,this),function(c,t){var e=c.template,l=e.$container,u=e.$player,d=e.$video;Object.defineProperty(t,"autoSizeState",{get:function(){return l.classList.contains("artplayer-auto-size")}}),Object.defineProperty(t,"autoSize",{value:function(){var t=d.videoWidth,e=d.videoHeight,n=l.getBoundingClientRect(),i=n.width,o=n.height,r=t/e,a=i/o;if(l.classList.add("artplayer-auto-size"),r<a)_(u,"width","".concat(o*r/i*100,"%")),_(u,"height","100%");else{var s=i/r/o*100;_(u,"width","100%"),_(u,"height","".concat(s,"%"))}c.emit("autoSizeChange")}}),Object.defineProperty(t,"autoSizeRemove",{value:function(){l.classList.remove("artplayer-auto-size"),_(u,"width",null),_(u,"height",null),c.emit("autoSizeRemove")}})}(e,this),function(n,t){Object.defineProperty(t,"flipState",{get:function(){return n.template.$player.dataset.flip}}),Object.defineProperty(t,"flip",{value:function(t){var e=["normal","horizontal","vertical"];b(e.includes(t),"'flip' only accept ".concat(e.toString()," as parameters")),n.template.$player.dataset.flip=t,n.emit("flipChange",t)}}),Object.defineProperty(t,"flipRemove",{value:function(){delete n.template.$player.dataset.flip,n.emit("flipRemove")}})}(e,this)};function tt(e,n,t,i,o,r){var a="function"==typeof i?i(e):i;if(!a.disable){n.id+=1;var s=a.name||"".concat(r).concat(n.id),c=document.createElement("div");c.classList.value="art-".concat(r," art-").concat(r,"-").concat(s),a.html&&R(c,a.html),a.style&&C(c,a.style),a.click&&e.events.proxy(c,"click",function(t){t.preventDefault(),a.click.call(n,t),e.emit("".concat(r,":click"),c)}),Object.defineProperty(a,"$ref",{get:function(){return c}}),Object.defineProperty(a,"hide",{value:function(){_(c,"display","none"),e.emit("".concat(r,":hide"),c)}}),Object.defineProperty(a,"show",{value:function(){_(c,"display","block"),e.emit("".concat(r,":show"),c)}}),O(t,c,a.index||n.id),a.mounted&&a.mounted(c),o&&o(c),n[s]=a,e.emit("".concat(r,":add"),a)}}var et,nt,it=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(t){y(e,t,n[t])})}return e},ot=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],i=!0,o=!1,r=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(t){o=!0,r=t}finally{try{i||null==s.return||s.return()}finally{if(o)throw r}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()},rt=(et={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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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>',playBig:'<svg xmlns="http://www.w3.org/2000/svg" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',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>',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>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\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>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},nt={},Object.keys(et).forEach(function(t){var e=document.createElement("div");e.innerHTML='<i class="art-icon art-icon-'.concat(t,'">').concat(et[t],"</i>");var n=ot(e.childNodes,1);nt[t]=n[0]}),nt);function at(t,e){var n=t.template.$progress,i=t.player,o=n.getBoundingClientRect().left,r=w(e.x-o,0,n.clientWidth),a=r/n.clientWidth*i.duration;return{second:a,time:k(a),width:r,percentage:w(r/n.clientWidth,0,1)}}var st=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return o(n,[{key:"init",value:function(){var e=this,t=this.art.option;this.add(function(i){return function(u){var t=u.option,e=t.highlight,n=t.theme,d=u.events.proxy,f=u.player;return it({},i,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(r){var o=!1,n=r.querySelector(".art-progress-loaded"),i=r.querySelector(".art-progress-played"),a=r.querySelector(".art-progress-highlight"),s=r.querySelector(".art-progress-indicator"),c=r.querySelector(".art-progress-tip");function l(t,e){"loaded"===t&&_(n,"width","".concat(100*e,"%")),"played"===t&&(_(i,"width","".concat(100*e,"%")),_(s,"left","calc(".concat(100*e,"% - ").concat(L(s,"width")/2,"px)")))}e.forEach(function(t){var e=w(t.time,0,f.duration)/f.duration*100;R(a,'<span data-text="'.concat(t.text,'" data-time="').concat(t.time,'" style="left: ').concat(e,'%"></span>'))}),l("loaded",f.loaded),u.on("video:progress",function(){l("loaded",f.loaded)}),u.on("video:timeupdate",function(){l("played",f.played)}),u.on("video:ended",function(){l("played",1)}),d(r,"mousemove",function(t){_(c,"display","block"),-1<t.composedPath().indexOf(a)?function(t){var e=t.target.dataset,n=e.text,i=e.time;c.innerHTML=n;var o=Number(i)/u.player.duration*r.clientWidth+t.target.clientWidth/2-c.clientWidth/2;_(c,"left","".concat(o,"px"))}(t):function(t){var e=at(u,t),n=e.width,i=e.time,o=c.clientWidth;c.innerHTML=i,n<=o/2?_(c,"left",0):n>r.clientWidth-o/2?_(c,"left","".concat(r.clientWidth-o,"px")):_(c,"left","".concat(n-o/2,"px"))}(t)}),d(r,"mouseout",function(){_(c,"display","none")}),d(r,"click",function(t){if(t.target!==s){var e=at(u,t),n=e.second;l("played",e.percentage),f.seek(n)}}),d(s,"mousedown",function(){o=!0}),d(document,"mousemove",function(t){if(o){var e=at(u,t),n=e.second,i=e.percentage;s.classList.add("art-show-indicator"),l("played",i),f.seek(n)}}),d(document,"mouseup",function(){o&&(o=!1,s.classList.remove("art-show-indicator"))})}})}}({name:"progress",disable:t.isLive,position:"top",index:10})),this.add(function(t){return function(h){return it({},t,{mounted:function(f){var p=h.template.$progress,t=h.events,e=t.proxy,n=t.loadImg,i=!1,o=!1;e(p,"mousemove",function(t){i||(i=!0,n(h.option.thumbnails.url).then(function(){o=!0})),o&&(_(f,"display","block"),function(t){var e=at(h,t).width,n=h.option.thumbnails,i=n.url,o=n.height,r=n.width,a=n.number,s=n.column,c=p.clientWidth/a,l=Math.ceil(e/c),u=Math.ceil(l/s)-1,d=l%s||s-1;_(f,"backgroundImage","url(".concat(i,")")),_(f,"height","".concat(o,"px")),_(f,"width","".concat(r,"px")),_(f,"backgroundPosition","-".concat(d*r,"px -").concat(u*o,"px")),e<=r/2?_(f,"left",0):e>p.clientWidth-r/2?_(f,"left","".concat(p.clientWidth-r,"px")):_(f,"left","".concat(e-r/2,"px"))}(t))}),e(p,"mouseout",function(){_(f,"display","none")})}})}}({name:"thumbnails",disable:!t.thumbnails.url||t.isLive,position:"top",index:20})),this.add(function(t){return function(c){return it({},t,{mounted:function(t){var e=c.events.proxy,n=c.player,i=c.i18n,o=R(t,rt.play),r=R(t,rt.pause);function a(){_(o,"display","flex"),_(r,"display","none")}function s(){_(o,"display","none"),_(r,"display","flex")}A(o,i.get("Play")),A(r,i.get("Pause")),e(o,"click",function(){n.play()}),e(r,"click",function(){n.pause()}),n.playing?s():a(),c.on("video:playing",function(){s()}),c.on("video:pause",function(){a()})}})}}({name:"playAndPause",disable:!1,position:"left",index:10})),this.add(function(t){return function(d){return it({},t,{mounted:function(t){var e=d.events.proxy,o=d.player,n=d.i18n,i=!1,r=R(t,rt.volume),a=R(t,rt.volumeClose),s=R(t,'<div class="art-volume-panel"></div>'),c=R(s,'<div class="art-volume-slider-handle"></div>');function l(t){var e=s.getBoundingClientRect(),n=e.left,i=e.width,o=c.getBoundingClientRect().width;return w(t.x-n-o/2,0,i-o/2)/(i-o)}function u(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)_(r,"display","none"),_(a,"display","flex"),_(c,"left","0");else{var e=L(s,"width")||60,n=L(c,"width"),i=n/2+(e-n)*t-n/2;_(r,"display","flex"),_(a,"display","none"),_(c,"left","".concat(i,"px"))}}A(r,n.get("Mute")),_(a,"display","none"),u(o.volume),d.on("video:volumechange",function(){u(o.volume)}),e(r,"click",function(){o.muted=!0}),e(a,"click",function(){o.muted=!1}),e(s,"click",function(t){o.muted=!1,o.volume=l(t)}),e(c,"mousedown",function(){i=!0}),e(c,"mousemove",function(t){i&&(o.muted=!1,o.volume=l(t))}),e(document,"mouseup",function(){i&&(i=!1)})}})}}({name:"volume",disable:!1,position:"left",index:20})),this.add(function(t){return function(i){return it({},t,{mounted:function(e){function n(){var t="".concat(k(i.player.currentTime)," / ").concat(k(i.player.duration));t!==e.innerHTML&&(e.innerHTML=t)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(t){i.on(t,n)})}})}}({name:"time",disable:t.isLive,position:"left",index:30})),this.add(function(t){return function(o){return it({},t,{mounted:function(t){var r=o.option,e=o.events.proxy,a=o.player,s=-1,n=r.quality.find(function(t){return t.default})||r.quality[0];s=r.quality.indexOf(n);var c=R(t,'<div class="art-quality-name">'.concat(n.name,"</div>")),i=r.quality.map(function(t,e){return'<div class="art-quality-item" data-index="'.concat(e,'">').concat(t.name,"</div>")}).join("");e(R(t,'<div class="art-qualitys">'.concat(i,"</div>")),"click",function(t){var e=Number(t.target.dataset.index),n=r.quality[e],i=n.url,o=n.name;i&&o&&s!==e&&(a.switchQuality(i,o),c.innerHTML=o,s=e)})}})}}({name:"quality",disable:0===t.quality.length,position:"right",index:10})),this.add(function(t){return function(r){return it({},t,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.player,o=R(t,rt.screenshot);A(o,n.get("Screenshot")),e(o,"click",function(){i.screenshot()})}})}}({name:"screenshot",disable:!t.screenshot,position:"right",index:20})),this.add(function(t){return function(r){return it({},t,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.subtitle,o=R(t,rt.subtitle);A(o,n.get("Hide subtitle")),e(t,"click",function(){i.toggle()}),r.on("subtitle:show",function(){_(o,"opacity","1"),A(o,n.get("Hide subtitle"))}),r.on("subtitle:hide",function(){_(o,"opacity","0.8"),A(o,n.get("Show subtitle"))})}})}}({name:"subtitle",disable:!t.subtitle.url,position:"right",index:30})),this.add(function(t){return function(r){return it({},t,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.setting,o=R(t,rt.setting);A(o,n.get("Show setting")),e(t,"click",function(){i.toggle()}),r.on("setting:show",function(){_(o,"opacity","0.8"),A(o,n.get("Hide setting"))}),r.on("setting:hide",function(){_(o,"opacity","1"),A(o,n.get("Show setting"))})}})}}({name:"setting",disable:!t.setting,position:"right",index:40})),this.add(function(t){return function(o){return it({},t,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player;A(R(t,rt.pip),n.get("Mini player")),e(t,"click",function(){i.pipEnabled()})}})}}({name:"pip",disable:!t.pip,position:"right",index:50})),this.add(function(t){return function(r){return it({},t,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.player,o=R(t,rt.fullscreenWeb);A(o,n.get("Web fullscreen")),e(t,"click",function(){i.fullscreenWebToggle()}),r.on("fullscreenWeb:enabled",function(){_(o,"opacity","0.8"),A(o,n.get("Exit web fullscreen"))}),r.on("fullscreenWeb:exit",function(){_(o,"opacity","1"),A(o,n.get("Web fullscreen"))})}})}}({name:"fullscreenWeb",disable:!t.fullscreenWeb,position:"right",index:60})),this.add(function(t){return function(r){return it({},t,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.player,o=R(t,rt.fullscreen);A(o,n.get("Fullscreen")),e(t,"click",function(){i.fullscreenToggle()}),r.on("fullscreen:enabled",function(){_(o,"opacity","0.8"),A(o,n.get("Exit fullscreen"))}),r.on("fullscreen:exit",function(){_(o,"opacity","1"),A(o,n.get("Fullscreen"))})}})}}({name:"fullscreen",disable:!t.fullscreen,position:"right",index:70})),t.controls.forEach(function(t){e.add(t)})}},{key:"add",value:function(t,e){var n,i="function"==typeof t?t(this.art):t,o=this.art.template,r=o.$progress,a=o.$controlsLeft,s=o.$controlsRight;switch(i.position){case"top":n=r;break;case"left":n=a;break;case"right":n=s}n&&tt(this.art,this,n,i,e,"control")}},{key:"show",value:function(){this.art.template.$player.classList.add("artplayer-controls-show")}},{key:"hide",value:function(){this.art.template.$player.classList.remove("artplayer-controls-show")}}]),n}(),ct=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return o(n,[{key:"init",value:function(){var e=this,t=this.art,n=t.option,i=t.template,o=i.$player,r=i.$contextmenu,a=t.events.proxy;this.add(function(e){return function(n){var t=n.i18n,i=n.player;return it({},e,{html:"\n                ".concat(t.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(t.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(t){var e=t.target.dataset.rate;e&&(i.playbackRate(Number(e)),n.contextmenu.hide())},mounted:function(t){n.on("playbackRateChange",function(e){M(Array.from(t.querySelectorAll("span")).find(function(t){return Number(t.dataset.rate)===e}),"current")})}})}}({disable:!n.playbackRate,name:"playbackRate",index:10})),this.add(function(e){return function(n){var t=n.i18n,i=n.player;return it({},e,{html:"\n                ".concat(t.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(t.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(t){var e=t.target.dataset.ratio;e&&(i.aspectRatio(e),n.contextmenu.hide())},mounted:function(t){n.on("aspectRatioChange",function(e){M(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.ratio===e}),"current")})}})}}({disable:!n.aspectRatio,name:"aspectRatio",index:20})),this.add(function(e){return function(t){return it({},e,{html:t.i18n.get("Video info"),click:function(){t.info.show(),t.contextmenu.hide()}})}}({disable:!1,name:"info",index:30})),this.add(it({},{disable:!1,name:"version",index:40},{html:'<a href="https://github.com/zhw2590582/artplayer" target="_blank">ArtPlayer 1.0.7</a>'})),this.add(function(e){return function(t){return it({},e,{html:t.i18n.get("Close"),click:function(){t.contextmenu.hide()}})}}({disable:!1,name:"close",index:50})),n.contextmenu.forEach(function(t){e.add(t)}),a(o,"contextmenu",function(t){t.preventDefault(),e.show(),e.setPos(t)}),a(o,"click",function(t){t.composedPath().includes(r)||e.hide()})}},{key:"add",value:function(t,e){var n=this.art.template.$contextmenu;tt(this.art,this,n,t,e,"contextmenu")}},{key:"setPos",value:function(t){var e=this.art.template,n=e.$player,i=e.$contextmenu,o=t.clientX,r=t.clientY,a=n.getBoundingClientRect(),s=a.height,c=a.width,l=a.left,u=a.top,d=i.getBoundingClientRect(),f=d.height,p=d.width,h=o-l,v=r-u;l+c<o+p&&(h=c-p),u+s<r+f&&(v=s-f),_(i,"left","".concat(h,"px")),_(i,"top","".concat(v,"px"))}},{key:"hide",value:function(){var t=this.art.template.$contextmenu;_(t,"display","none"),this.art.emit("contextmenu:hide",t)}},{key:"show",value:function(){var t=this.art.template.$contextmenu;_(t,"display","block"),this.art.emit("contextmenu:show",t)}}]),n}(),lt=function(){function e(t){a(this,e),this.art=t,this.init()}return o(e,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$infoClose;(0,e.events.proxy)(n,"click",function(){t.hide()})}},{key:"show",value:function(){var t=this.art.template,e=t.$info,n=t.$infoPanel;_(e,"display","block"),n.innerHTML||R(n,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show",e)}},{key:"creatInfo",value:function(){var t=[];return t.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">1.0.7</div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),t.push('\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        '),t.push('\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        '),t.push('\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        '),t.push('\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        '),t.join("")}},{key:"readInfo",value:function(){var t=this.art.template,e=t.$infoPanel,n=t.$video;Array.from(e.querySelectorAll("[data-video]")).forEach(function(t){var e=n[t.dataset.video];t.innerHTML=void 0!==e?e:"unknown"})}},{key:"loop",value:function(){var t=this;this.readInfo(),this.timer=setTimeout(function(){t.readInfo(),t.loop()},1e3)}},{key:"hide",value:function(){var t=this.art.template.$info;_(t,"display","none"),clearTimeout(this.timer),this.art.emit("info:hide",t)}}]),e}(),ut=function(){function n(t){a(this,n),this.art=t,this.state=!0;var e=this.art.option.subtitle.url;e&&this.init(e)}return o(n,[{key:"init",value:function(t){var i=this,e=this.art,o=e.events.proxy,n=e.option.subtitle,r=e.template,a=r.$video,s=r.$subtitle,c=r.$track;if(C(s,n.style||{}),!c){var l=document.createElement("track");l.default=!0,l.kind="metadata",a.appendChild(l),this.art.template.$track=l}this.load(t).then(function(t){if(i.art.template.$track.src=t,i.art.emit("subtitle:load",t),a.textTracks&&a.textTracks[0]){var n=ot(a.textTracks,1)[0];o(n,"cuechange",function(){var t=ot(n.activeCues,1)[0];if(s.innerHTML="",t){var e=document.createElement("div");e.appendChild(t.getCueAsHTML()),s.innerHTML=e.innerHTML.split(/\r?\n/).map(function(t){return"<p>".concat(t,"</p>")}).join("")}i.art.emit("subtitle:update",s)})}})}},{key:"load",value:function(e){var n,i=this.art.notice;return fetch(e).then(function(t){return n=t.headers.get("Content-Type"),t.text()}).then(function(t){return/x-subrip/gi.test(n)?D(z(t)):e}).catch(function(t){i.show(t),console.warn(t)})}},{key:"show",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,i=t.notice;_(e,"display","block"),this.state=!0,i.show(n.get("Show subtitle")),this.art.emit("subtitle:show",e)}},{key:"hide",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,i=t.notice;_(e,"display","none"),this.state=!1,i.show(n.get("Hide subtitle")),this.art.emit("subtitle:hide",e)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}(),dt=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.ContentRect=function(t){if("getBBox"in t){var e=t.getBBox();return Object.freeze({height:e.height,left:0,top:0,width:e.width})}var n=window.getComputedStyle(t);return Object.freeze({height:parseFloat(n.height||"0"),left:parseFloat(n.paddingLeft||"0"),top:parseFloat(n.paddingTop||"0"),width:parseFloat(n.width||"0")})}});t(dt),dt.ContentRect;var ft=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t){this.target=t,this.$$broadcastWidth=this.$$broadcastHeight=0}return Object.defineProperty(t.prototype,"broadcastWidth",{get:function(){return this.$$broadcastWidth},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"broadcastHeight",{get:function(){return this.$$broadcastHeight},enumerable:!0,configurable:!0}),t.prototype.isActive=function(){var t=dt.ContentRect(this.target);return!!t&&(t.width!==this.broadcastWidth||t.height!==this.broadcastHeight)},t}();e.ResizeObservation=n});t(ft),ft.ResizeObservation;var pt=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.ResizeObserverEntry=function(t){this.target=t,this.contentRect=dt.ContentRect(t)}});t(pt),pt.ResizeObserverEntry;var ht=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=[],i=function(){function t(t){this.$$observationTargets=[],this.$$activeTargets=[],this.$$skippedTargets=[];var e=function(t){return void 0===t?"Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.":"function"!=typeof t?"Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.":void 0}(t);if(e)throw TypeError(e);this.$$callback=t,n.push(this)}return t.prototype.observe=function(t){var e=o("observe",t);if(e)throw TypeError(e);0<r(this.$$observationTargets,t)||(this.$$observationTargets.push(new ft.ResizeObservation(t)),u())},t.prototype.unobserve=function(t){var e=o("unobserve",t);if(e)throw TypeError(e);var n=r(this.$$observationTargets,t);n<0||(this.$$observationTargets.splice(n,1),f())},t.prototype.disconnect=function(){this.$$observationTargets=[],this.$$activeTargets=[]},t}();function o(t,e){return void 0===e?"Failed to execute '"+t+"' on 'ResizeObserver': 1 argument required, but only 0 present.":e instanceof window.Element?void 0:"Failed to execute '"+t+"' on 'ResizeObserver': parameter 1 is not of type 'Element'."}function r(t,e){for(var n=0;n<t.length;n+=1)if(t[n].target===e)return n;return-1}e.ResizeObserver=i;var a,s=function(i){n.forEach(function(n){n.$$activeTargets=[],n.$$skippedTargets=[],n.$$observationTargets.forEach(function(t){if(t.isActive()){var e=l(t.target);i<e?n.$$activeTargets.push(t):n.$$skippedTargets.push(t)}})})},c=function(){var o=1/0;return n.forEach(function(t){if(t.$$activeTargets.length){var i=[];t.$$activeTargets.forEach(function(t){var e=new pt.ResizeObserverEntry(t.target);i.push(e),t.$$broadcastWidth=e.contentRect.width,t.$$broadcastHeight=e.contentRect.height;var n=l(t.target);n<o&&(o=n)}),t.$$callback(i,t),t.$$activeTargets=[]}}),o},l=function(t){for(var e=0;t.parentNode;)t=t.parentNode,e+=1;return e},u=function(){a||d()},d=function(){a=window.requestAnimationFrame(function(){(function(){var t=0;for(s(t);n.some(function(t){return!!t.$$activeTargets.length});)t=c(),s(t);n.some(function(t){return!!t.$$skippedTargets.length})&&function(){var t=new window.ErrorEvent("ResizeLoopError",{message:"ResizeObserver loop completed with undelivered notifications."});window.dispatchEvent(t)}()})(),d()})},f=function(){a&&!n.some(function(t){return!!t.$$observationTargets.length})&&(window.cancelAnimationFrame(a),a=void 0)};e.install=function(){return window.ResizeObserver=i}});t(ht);var vt=ht.ResizeObserver;ht.install;var yt=function(){function n(t){var e=this;a(this,n),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),t.on("firstCanplay",function(){!function(e,t){var n=e.template.$player;t.proxy(document,["click","contextmenu"],function(t){-1<t.composedPath().indexOf(n)?e.isFocus=!0:(e.isFocus=!1,e.contextmenu.hide())})}(t,e),function(t,e){var n=t.template.$player;e.hover(n,function(){n.classList.add("artplayer-hover"),t.emit("hoverenter")},function(){n.classList.remove("artplayer-hover"),t.emit("hoverleave")})}(t,e),function(e,t){var n=e.template,i=n.$player,o=n.$video,r=e.player,a=S(function(){i.classList.add("artplayer-hide-cursor"),i.classList.remove("artplayer-hover"),e.controls.hide()},5e3);e.on("hoverleave",function(){r.playing&&a()}),t.proxy(i,"mousemove",function(t){a.clearTimeout(),i.classList.remove("artplayer-hide-cursor"),e.controls.show(),!e.player.pipState&&r.playing&&t.target===o&&a()})}(t,e),function(t,e){var n=t.option,i=t.template.$player,o=new vt(function(){n.autoSize&&(t.player.fullscreenState||t.player.fullscreenWebState||t.player.pipState?t.player.autoSizeRemove():t.player.autoSize()),t.player.aspectRatioReset(),t.emit("resize",i)});o.observe(i),e.destroyEvents.push(function(){o.unobserve(i)})}(t,e)})}return o(n,[{key:"proxy",value:function(e,t,n){var i=this,o=3<arguments.length&&void 0!==arguments[3]?arguments[3]:{};Array.isArray(t)?t.forEach(function(t){return i.proxy(e,t,n,o)}):(e.addEventListener(t,n,o),this.destroyEvents.push(function(){e.removeEventListener(t,n,o)}))}},{key:"hover",value:function(t,e,n){this.proxy(t,"mouseenter",e),this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(i){var o=this;return new Promise(function(t,e){var n;if(i instanceof HTMLImageElement)n=i;else{if("string"!=typeof i)return e(i);(n=new Image).src=i}return n.complete?t(n):(o.proxy(n,"load",function(){return t(n)}),o.proxy(n,"error",function(){return e(n)}),i)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(t){return t()})}}]),n}(),mt=function(){function n(t){var e=this;a(this,n),this.art=t,this.art.option.hotkey&&this.art.on("firstCanplay",function(){e.init()})}return o(n,[{key:"init",value:function(){var i=this,t=this.art,o=t.player;(0,t.events.proxy)(window,"keydown",function(t){if(i.art.isFocus){var e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==n&&"true"!==n)switch(i.art.emit("hotkey",t),t.keyCode){case 39:t.preventDefault(),o.seek(o.currentTime+10);break;case 37:t.preventDefault(),o.seek(o.currentTime-10);break;case 38:t.preventDefault(),o.volume+=.05;break;case 40:t.preventDefault(),o.volume-=.05;break;case 32:t.preventDefault(),o.toggle()}}})}}]),n}(),gt=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.add=this.add.bind(this),this.art.option.layers.forEach(function(t){e.add(t)})}return o(n,[{key:"add",value:function(t,e){var n=this.art.template.$layers;tt(this.art,this,n,t,e,"layer")}},{key:"show",value:function(){var t=this.art.template.$layers;_(t,"display","block"),this.art.emit("layers:show",t)}},{key:"hide",value:function(){var t=this.art.template.$layers;_(t,"display","none"),this.art.emit("layers:hide",t)}}]),n}(),bt=function(){function n(t){a(this,n);var e=(this.art=t).option;R(t.template.$loading,e.icons.loading||rt.loading)}return o(n,[{key:"hide",value:function(){var t=this.art.template.$loading;_(t,"display","none"),this.art.emit("loading:hide",t)}},{key:"show",value:function(){var t=this.art.template.$loading;_(t,"display","flex"),this.art.emit("loading:show",t)}}]),n}(),wt=function(){function e(t){a(this,e),this.art=t,this.timer=null}return o(e,[{key:"show",value:function(t){var e=this,n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1e3,o=this.art.template,r=o.$notice,a=o.$noticeInner;_(r,"display","block"),a.innerHTML=t instanceof Error?t.message.trim():t,clearTimeout(this.timer),n&&(this.timer=setTimeout(function(){e.hide()},i)),this.art.emit("notice:show",r)}},{key:"hide",value:function(){var t=this.art.template.$notice;_(t,"display","none"),this.art.emit("notice:hide",t)}}]),e}(),xt=function(){function n(t){a(this,n);var e=(this.art=t).option;R(R(t.template.$mask,'<div class="art-playBig"></div>'),e.icons.playBig||rt.playBig)}return o(n,[{key:"show",value:function(){var t=this.art.template.$mask;_(t,"display","flex"),this.art.emit("mask:show",t)}},{key:"hide",value:function(){var t=this.art.template.$mask;_(t,"display","none"),this.art.emit("mask:show",t)}}]),n}(),kt=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.state=!1,t.option.setting&&this.art.on("firstCanplay",function(){e.init()})}return o(n,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$settingClose;(0,e.events.proxy)(n,"click",function(){t.hide()}),this.add(function(i){return function(e){var t=e.i18n,n=e.player;return it({},i,{html:'\n                <div class="art-setting-header">'.concat(t.get("Flip"),'</div>\n                <div class="art-setting-body">\n                    <div class="art-setting-btns">\n                        <div class="art-setting-btn current">\n                            <span data-flip="normal">').concat(t.get("Normal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="horizontal">').concat(t.get("Horizontal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="vertical">').concat(t.get("Vertical"),"</span>\n                        </div>\n                    </div>\n                </div>\n            "),click:function(t){var e=t.target.dataset.flip;e&&n.flip(e)},mounted:function(t){e.on("flipChange",function(e){M(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.flip===e}).parentElement,"current")})}})}}({disable:!1,name:"flip",index:10}))}},{key:"add",value:function(t,e){var n=this.art.template.$settingBody;tt(this.art,this,n,t,e,"setting")}},{key:"show",value:function(){var t=this.art.template.$setting;_(t,"display","flex"),this.state=!0,this.art.emit("setting:show",t)}},{key:"hide",value:function(){var t=this.art.template.$setting;_(t,"display","none"),this.state=!1,this.art.emit("setting:hide",t)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}(),Et=function(){function e(t){a(this,e),this.art=t,this.storageName="artplayer_settings",this.init()}return o(e,[{key:"init",value:function(){var t=this.art.option,e=this.get("volume");e&&(t.volume=e)}},{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.storageName))||{};return t?e[t]:{}}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),y({},t,e));localStorage.setItem(this.storageName,JSON.stringify(n))}}]),e}();function St(i){var t=i.i18n,o=i.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(t.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-body">\n                <input\n                    style="width: 100%;height: 3px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;background-color: #fff;"\n                    class="art-subtitle-range"\n                    type="range"\n                    min="-5"\n                    max="5"\n                    step="0.5"\n                >\n            </div>\n        '),mounted:function(t){var e=t.querySelector(".art-subtitle-range"),n=t.querySelector(".art-subtitle-value");o(e,"change",function(){var t=e.value;n.innerText=t,i.plugins.subtitle.offset(Number(t))}),i.on("subtitle:switch",function(){e.value=0,n.innerText=0}),i.on("artplayerPluginSubtitle:set",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}}}function $t(i){var o=i.constructor.utils.clamp,t=i.setting,r=i.notice,a=i.template,s=i.i18n;!function(t){t.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}})}(s),t.add(St);var c=[];return i.on("subtitle:switch",function(){c=[]}),{name:"subtitle",offset:function(t){if(a.$track&&a.$track.track){var e=Array.from(a.$track.track.cues),n=o(t,-5,5);e.forEach(function(t,e){c[e]||(c[e]={startTime:t.startTime,endTime:t.endTime}),t.startTime=c[e].startTime+n,t.endTime=c[e].endTime+n}),r.show("".concat(s.get("Subtitle offset time"),": ").concat(t,"s")),i.emit("artplayerPluginSubtitle:set",t)}else r.show("".concat(s.get("No subtitles found"))),i.emit("artplayerPluginSubtitle:set",0)}}}function Pt(o){var t=o.constructor.utils,n=t.append,i=t.setStyle,r=t.setStyles,a=t.sleep,s=o.events.proxy,c=o.option,l=o.notice,u=o.i18n,d=o.template,f=o.player;function p(t){if(t){var e=d.$video.canPlayType(t.type);if("maybe"===e||"probably"===e){var n=URL.createObjectURL(t);f.playbackRateRemove(),f.aspectRatioRemove(),d.$video.src=n,a(1e3).then(function(){f.currentTime=0}),c.url=n,o.emit("switch",n),l.show(u.get("Load local video successfully"))}else{var i="".concat(u.get("Playback of this file format is not supported"),": ").concat(t.type);l.show(i,!0,3e3),console.warn(i)}}}return function(t){t.update({"zh-cn":{"Playback of this file format is not supported":"不支持播放该文件格式","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Playback of this file format is not supported":"不支持播放該文件格式","Load local video successfully":"加載本地視頻成功"}})}(u),s(d.$player,"dragover",function(t){t.preventDefault(),l.show(u.get("Load local video successfully"))}),s(d.$player,"drop",function(t){t.preventDefault(),p(t.dataTransfer.files[0])}),{name:"localPreview",attach:function(t){var e=n(t,'<input type="file">');i(t,"position","relative"),r(e,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),s(e,"change",function(){p(e.files[0])})}}}var Tt=function(){function n(t){var e=this;a(this,n),this.art=t,this.id=0,this.add($t),this.add(Pt),t.option.plugins.forEach(function(t){e.add(t)})}return o(n,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art);return this[e&&e.name?e.name:t.name?t.name:"plugin".concat(this.id)]=e,this.art.emit("plugin:add",t),this}}]),n}(),Rt=function t(e){a(this,t);var n=e.option,i=e.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){i[t]=n.moreVideoAttr[t]}),n.muted&&(i.muted=n.muted),n.volume&&(i.volume=w(n.volume,0,1)),n.poster&&(i.poster=n.poster),n.autoplay&&(i.autoplay=n.autoplay),i.controls=!0;var o=n.type||x(n.url),r=n.customType[o];o&&r?(e.emit("beforeCustomType",o),r(i,n.url,e),e.emit("afterCustomType",o)):(e.emit("beforeAttachUrl",n.url),i.src=n.url,e.emit("afterAttachUrl",i.src))},Ot=0,_t=function(t){function n(t){var e;return a(this,n),e=c(this,l(n).call(this)),b("function"==typeof window.Promise,"Unsupported 'Promise' method"),e.option=T(n.DEFAULTS,t),v(e.option,B),e.init(),e}return d(n,p),o(n,[{key:"init",value:function(){this.whitelist=new I(this),this.template=new N(this),this.whitelist.state?(this.isFocus=!1,this.storage=new Et(this),this.i18n=new V(this),this.notice=new wt(this),this.events=new yt(this),this.player=new K(this),this.layers=new gt(this),this.controls=new st(this),this.contextmenu=new ct(this),this.subtitle=new ut(this),this.info=new lt(this),this.loading=new bt(this),this.hotkey=new mt(this),this.mask=new xt(this),this.setting=new kt(this),this.plugins=new Tt(this)):this.mobile=new Rt(this),Ot+=1,this.id=Ot,n.instances.push(this)}},{key:"destroy",value:function(){var t=0<arguments.length&&void 0!==arguments[0]&&arguments[0];this.events&&this.events.destroy(),this.template.destroy(t),n.instances.splice(n.instances.indexOf(this),1),this.emit("destroy")}}],[{key:"version",get:function(){return"1.0.7"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return F}},{key:"utils",get:function(){return q}},{key:"DEFAULTS",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",mimeCodec:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"auto"},icons:{loading:"",playBig:""},customType:{},lang:navigator.language.toLowerCase()}}}]),n}();return Object.defineProperty(_t,"instances",{value:[]}),window.Artplayer=_t}()}(e={exports:{}},e.exports),e.exports),r=(n=i)&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n;return{data:function(){return{instance:null}},props:{option:{type:Object,required:!0},getInstance:Function},mounted:function(){this.instance=new r(t({},this.option,{container:this.$refs.artRef})),this.$emit("getInstance",this.instance)},beforeDestroy:function(){this.instance&&this.instance.destroy&&this.instance.destroy()},render:function(t){return t("div",{ref:"artRef"},"render")}}});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).ArtplayerVue=e()}(this,function(){"use strict";var r=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};var t=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(t){r(e,t,n[t])})}return e};"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function e(t,e){return t(e={exports:{}},e.exports),e.exports}var wt=e(function(e){function n(t){return(n="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})(t)}function i(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=i=function(t){return n(t)}:e.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},i(t)}e.exports=i}),n=e(function(t,e){function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function n(t,e){return t(e={exports:{}},e.exports),e.exports}function v(t,e){if(!t)throw new X(e);return t}function f(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function p(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function s(t){return t.includes("?")?s(t.split("?")[0]):t.includes("#")?s(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function c(t){var e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),i=Math.floor(t-3600*e-60*n);return(0<e?[e,n,i]:[n,i]).map(function(t){return t<10?"0".concat(t):String(t)}).join(":")}function u(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(t){return setTimeout(t,e)})}function l(i,r,o){var a;function t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,i.apply(o,e)},r)}return t.clearTimeout=function(){clearTimeout(a)},t}function d(r,o){var a,s,c=!1;return function t(){for(var e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];if(c)return a=n,void(s=this);c=!0,r.apply(this,n),setTimeout(function(){c=!1,a&&(t.apply(s,a),s=a=null)},o)}}function a(){for(var o=function(t){return t&&"object"===W(t)&&!Array.isArray(t)},t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce(function(i,r){return Object.keys(r).forEach(function(t){var e=i[t],n=r[t];Array.isArray(e)&&Array.isArray(n)?i[t]=e.concat.apply(e,D(n)):!o(e)||!o(n)||n instanceof Element?i[t]=n:i[t]=a(e,n)}),i},{})}function m(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function h(t){return t.parentNode.removeChild(t)}function g(t,e,n){return t.style[e]=n,t}function y(e,n){return Object.keys(n).forEach(function(t){g(e,t,n[t])}),e}function b(t,e){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],i=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(i):i}function r(e){return Array.from(e.parentElement.children).filter(function(t){return t!==e})}function w(t,e){r(t).forEach(function(t){return t.classList.remove(e)}),t.classList.add(e)}function x(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";t.setAttribute("data-balloon",e),t.setAttribute("data-balloon-pos",n)}function o(t){return"WEBVTT \r\n\r\n".concat(t.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").concat("\r\n\r\n"))}function k(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function S(t,e){var n=document.createElement("a");g(n,"display","none"),n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}function $(t,e,n){return v("string"===n||e instanceof Element,"".concat(t.join(".")," require 'string' or 'Element' type"))}function L(t){var e=this;q(this,L);var n=t.constructor.kindOf,i=t.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||i.some(function(t){switch(n(t)){case"string":return-1<e.userAgent.indexOf(t);case"function":return t(e.userAgent);case"regexp":return t.test(e.userAgent);default:return!1}})}function P(t){q(this,P),function(i,t){var e=i.option,r=e.type,o=e.customType,a=i.template.$video;Object.defineProperty(t,"attachUrl",{value:function(n){return u().then(function(){function e(t){var e=r||s(t),n=o[e];return e&&n?(i.loading.show=!0,i.emit("beforeCustomType",e),n.call(i,a,t,i),i.emit("afterCustomType",e)):(i.emit("beforeAttachUrl",t),a.src=t,i.emit("afterAttachUrl",t)),Promise.resolve(t)}if("function"!=typeof n)return e(n);var t=n.call(i);return v("function"==typeof t.then,"If url is a function, it needs to return a promise."),t.then(function(t){return i.loading.show=!0,e(t)})})}})}(t,this),function(e,t){var n=e.option,i=e.events.proxy,r=e.template,o=r.$player,a=r.$video,s=e.i18n,c=e.notice,l=0;i(a,"click",function(){t.toggle=!0}),J.video.events.forEach(function(t){i(a,t,function(t){e.emit("video:".concat(t.type),t)})}),e.on("video:canplay",function(){l=0,e.controls.show=!0,e.mask.show=!0,e.loading.show=!1}),e.on("video:ended",function(){e.controls.show=!0,e.mask.show=!0,n.loop&&(t.seek=0,t.play=!0)}),e.on("video:error",function(){l<5?u(1e3).then(function(){l+=1,t.attachUrl(n.url),c.show("".concat(s.get("Reconnect"),": ").concat(l))}):(e.loading.show=!1,e.controls.show=!1,o.classList.add("artplayer-error"),u(1e3).then(function(){c.show(s.get("Video load failed"),!1),e.destroy()}))}),e.on("video:loadedmetadata",function(){n.autoSize&&(t.autoSize=!0)}),e.on("video:loadstart",function(){e.loading.show=!0}),e.on("video:pause",function(){e.controls.show=!0,e.mask.show=!0}),e.on("video:play",function(){e.mask.show=!1}),e.on("video:playing",function(){e.mask.show=!1}),e.on("video:seeked",function(){e.loading.show=!1}),e.on("video:seeking",function(){e.loading.show=!0}),e.on("video:timeupdate",function(){e.mask.show=!1}),e.on("video:waiting",function(){e.loading.show=!0})}(t,this),function(t,e){var n=t.option,i=t.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){i[t]=n.moreVideoAttr[t]}),n.muted&&(i.muted=n.muted),n.volume&&(i.volume=p(n.volume,0,1)),n.poster&&(i.poster=n.poster),n.autoplay&&(i.autoplay=n.autoplay),e.attachUrl(n.url)}(t,this),function(n,i){var r=n.template.$video,o=n.i18n,a=n.notice,s=n.option.mutex;Object.defineProperty(i,"play",{set:function(t){if(t){var e=r.play();void 0!==e&&e.then().catch(function(t){a.show(t,!0,3e3),console.warn(t)}),s&&n.constructor.instances.filter(function(t){return t!==n}).forEach(function(t){t.player.pause=!0}),a.show(o.get("Play")),n.emit("play")}else i.pause=!0}})}(t,this),function(e,n){var i=e.template.$video,r=e.i18n,o=e.notice;Object.defineProperty(n,"pause",{get:function(){return i.paused},set:function(t){t?(i.pause(),o.show(r.get("Pause")),e.emit("pause")):n.play=!0}})}(t,this),function(t,e){Object.defineProperty(e,"toggle",{set:function(t){t&&(e.playing?e.pause=!0:e.play=!0)}})}(0,this),function(e,n){var i=e.notice;Object.defineProperty(n,"seek",{set:function(t){n.currentTime=t,i.show("".concat(c(t)," / ").concat(c(n.duration))),e.emit("seek",t)}})}(t,this),function(e,t){var n=e.template.$video,i=e.i18n,r=e.notice,o=e.storage;Object.defineProperty(t,"volume",{get:function(){return n.volume||0},set:function(t){n.volume=p(t,0,1),r.show("".concat(i.get("Volume"),": ").concat(parseInt(100*n.volume,10))),0!==n.volume&&o.set("volume",n.volume),e.emit("volumeChange",n.volume)}}),Object.defineProperty(t,"muted",{get:function(){return n.muted},set:function(t){n.muted=t,e.emit("volumeChange",n.volume)}})}(t,this),function(e,n){Object.defineProperty(n,"currentTime",{get:function(){return e.template.$video.currentTime||0},set:function(t){e.template.$video.currentTime=p(t,0,n.duration)}})}(t,this),function(t,e){Object.defineProperty(e,"duration",{get:function(){return t.template.$video.duration||0}})}(t,this),function(r,o){var a=r.i18n,s=r.notice,c=r.option;Object.defineProperty(o,"switchQuality",{value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(t===c.url)return null;var n=o.currentTime,i=o.playing;return o.attachUrl(t).then(function(){c.url=t,o.playbackRate=!1,o.aspectRatio=!1,r.once("video:canplay",function(){o.currentTime=n}),i&&(o.play=!0),s.show("".concat(a.get("Switch video"),": ").concat(e)),r.emit("switch",t)})}}),Object.defineProperty(o,"switchUrl",{value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(t===c.url)return null;var n=o.playing;return o.attachUrl(t).then(function(){c.url=t,o.playbackRate=!1,o.aspectRatio=!1,o.currentTime=0,n&&(o.play=!0),s.show("".concat(a.get("Switch video"),": ").concat(e)),r.emit("switch",t)})}})}(t,this),function(n,i){var t=n.template,r=t.$video,o=t.$player,a=n.i18n,s=n.notice;Object.defineProperty(i,"playbackRate",{get:function(){return o.dataset.playbackRate},set:function(t){if(t){var e=[.5,.75,1,1.25,1.5,1.75,2];if(v(e.includes(t),"'playbackRate' only accept ".concat(e.toString()," as parameters")),t===o.dataset.playbackRate)return;r.playbackRate=t,o.dataset.playbackRate=t,s.show("".concat(a.get("Rate"),": ").concat(1===t?a.get("Normal"):"".concat(t,"x"))),n.emit("playbackRateChange",t)}else i.playbackRate&&(i.playbackRate=1,delete o.dataset.playbackRate,n.emit("playbackRateRemove"))}}),Object.defineProperty(i,"playbackRateReset",{set:function(t){if(t){var e=o.dataset.playbackRate;e&&(i.playbackRate=Number(e),n.emit("playbackRateReset"))}}})}(t,this),function(f,d){var t=f.template,p=t.$video,h=t.$player,y=f.i18n,m=f.notice;Object.defineProperty(d,"aspectRatio",{get:function(){return h.dataset.aspectRatio||""},set:function(t){if(t){var e=["default","4:3","16:9"];if(v(e.includes(t),"'aspectRatio' only accept ".concat(e.toString()," as parameters")),"default"===t)d.aspectRatio=!1;else{var n=t.split(":"),i=p.videoWidth,r=p.videoHeight,o=h.clientWidth,a=h.clientHeight,s=i/r,c=n[0]/n[1];if(c<s){var l=c*r/i;g(p,"width","".concat(100*l,"%")),g(p,"height","100%"),g(p,"padding","0 ".concat((o-o*l)/2,"px"))}else{var u=i/c/r;g(p,"width","100%"),g(p,"height","".concat(100*u,"%")),g(p,"padding","".concat((a-a*u)/2,"px 0"))}}h.dataset.aspectRatio=t,m.show("".concat(y.get("Aspect ratio"),": ").concat("default"===t?y.get("Default"):t)),f.emit("aspectRatioChange",t)}else d.aspectRatio&&(g(p,"width",null),g(p,"height",null),g(p,"padding",null),delete h.dataset.aspectRatio,f.emit("aspectRatioRemove"))}}),Object.defineProperty(d,"aspectRatioReset",{set:function(t){t&&d.aspectRatio&&(d.aspectRatio=d.aspectRatio,f.emit("aspectRatioReset"))}})}(t,this),function(e,n){var i=e.option,r=e.notice,o=e.template.$video;Object.defineProperty(n,"getScreenshotDataURL",{value:function(){try{var t=document.createElement("canvas");return t.width=o.videoWidth,t.height=o.videoHeight,t.getContext("2d").drawImage(o,0,0),t.toDataURL("image/png")}catch(t){return r.show(t),console.warn(t),null}}}),Object.defineProperty(n,"getScreenshotBlobUrl",{value:function(){return new Promise(function(e,t){try{var n=document.createElement("canvas");n.width=o.videoWidth,n.height=o.videoHeight,n.getContext("2d").drawImage(o,0,0),n.toBlob(function(t){e(URL.createObjectURL(t))})}catch(n){r.show(n),t(n)}})}}),Object.defineProperty(n,"screenshot",{value:function(){var t=n.getScreenshotDataURL();t&&(S(t,"".concat(i.title||"artplayer","_").concat(c(o.currentTime),".png")),e.emit("screenshot",t))}})}(t,this),function(e,n){function t(){e.emit("fullscreen:change",et.isFullscreen)}function i(){o.show(r.get("This does not seem to support full screen functionality"))}var r=e.i18n,o=e.notice,a=e.events.destroyEvents,s=e.template.$player;try{et.on("change",t),et.on("error",i),a.push(function(){et.off("change",t),et.off("error",i)})}catch(t){i()}Object.defineProperty(n,"fullscreen",{get:function(){return et.isFullscreen},set:function(t){t?(n.fullscreenWeb&&(n.fullscreenWeb=!1),et.request(s).then(function(){s.classList.add("artplayer-fullscreen"),n.aspectRatioReset=!0,e.emit("fullscreen:enabled")})):(n.fullscreenWeb&&(n.fullscreenWeb=!1),et.exit().then(function(){s.classList.remove("artplayer-fullscreen"),n.aspectRatioReset=!0,e.emit("fullscreen:exit")}))}}),Object.defineProperty(n,"fullscreenToggle",{set:function(t){t&&(n.fullscreen=!n.fullscreen)}})}(t,this),function(e,n){var i=e.template.$player;Object.defineProperty(n,"fullscreenWeb",{get:function(){return i.classList.contains("artplayer-web-fullscreen")},set:function(t){t?(n.fullscreen&&(n.fullscreen=!1),i.classList.add("artplayer-web-fullscreen"),n.aspectRatioReset=!0,e.emit("fullscreenWeb:enabled")):(n.fullscreen&&(n.fullscreen=!1),i.classList.remove("artplayer-web-fullscreen"),n.aspectRatioReset=!0,e.emit("fullscreenWeb:exit"))}}),Object.defineProperty(n,"fullscreenWebToggle",{set:function(t){t&&(n.fullscreenWeb=!n.fullscreenWeb)}})}(t,this),function(t,e){var n=t.template.$video;document.pictureInPictureEnabled?function(t,e){var n=t.notice,i=t.template.$video,r=t.events.proxy;i.disablePictureInPicture=!1,Object.defineProperty(e,"pip",{get:function(){return document.pictureInPictureElement},set:function(t){t?i.requestPictureInPicture().catch(function(t){n.show(t,!0,3e3),console.warn(t)}):document.exitPictureInPicture().catch(function(t){n.show(t,!0,3e3),console.warn(t)})}}),r(i,"enterpictureinpicture",function(){t.emit("pipEnabled")}),r(i,"leavepictureinpicture",function(){t.emit("pipExit")}),t.on("destroy",function(){e.pip&&(e.pip=!1)})}(t,e):n.webkitSupportsPresentationMode&&"function"==typeof n.webkitSetPresentationMode?function(e,t){var n=e.template.$video;n.webkitSetPresentationMode("inline"),Object.defineProperty(t,"pip",{get:function(){return"picture-in-picture"===n.webkitPresentationMode},set:function(t){t?(n.webkitSetPresentationMode("picture-in-picture"),e.emit("pipEnabled")):(n.webkitSetPresentationMode("inline"),e.emit("pipExit"))}})}(t,e):function(n,i){var t=n.option,e=n.i18n,r=n.template,o=r.$player,a=r.$pipClose,s=r.$pipTitle,c=r.$pipHeader,l=n.events.proxy,u="",f=!1,d=0,p=0,h=0,y=0;l(c,"mousedown",function(t){f=!0,d=t.pageX,p=t.pageY,h=i.left,y=i.top}),l(c,"mousemove",function(t){f&&(o.classList.add("is-dragging"),g(o,"left","".concat(h+t.pageX-d,"px")),g(o,"top","".concat(y+t.pageY-p,"px")))}),l(document,"mouseup",function(){f=!1,o.classList.remove("is-dragging")}),l(a,"click",function(){i.pip=!1,f=!1,o.classList.remove("is-dragging")}),m(s,t.title||e.get("Mini player")),Object.defineProperty(i,"pip",{get:function(){return o.classList.contains("artplayer-pip")},set:function(t){if(t){i.autoSize=!1,u=o.style.cssText,o.classList.add("artplayer-pip");var e=document.body;g(o,"top","".concat(e.clientHeight-i.height-50,"px")),g(o,"left","".concat(e.clientWidth-i.width-50,"px")),i.fullscreen=!1,i.fullscreenWeb=!1,i.aspectRatio=!1,i.playbackRate=!1,n.emit("pipEnabled")}else i.pip&&(o.style.cssText=u,o.classList.remove("artplayer-pip"),g(o,"top",null),g(o,"left",null),i.fullscreen=!1,i.fullscreenWeb=!1,i.aspectRatio=!1,i.playbackRate=!1,i.autoSize=!0,n.emit("pipExit"))}})}(t,e),Object.defineProperty(e,"pipToggle",{set:function(t){t&&(e.pip=!e.pip)}})}(t,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"loaded",{get:function(){return n.buffered.length?n.buffered.end(n.buffered.length-1)/n.duration:0}})}(t,this),function(t,e){Object.defineProperty(e,"played",{get:function(){return t.template.$video.currentTime/t.template.$video.duration}})}(t,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"playing",{get:function(){return!!(0<n.currentTime&&!n.paused&&!n.ended&&2<n.readyState)}})}(t,this),function(l,t){var e=l.template,u=e.$container,f=e.$player,d=e.$video;Object.defineProperty(t,"autoSize",{get:function(){return u.classList.contains("artplayer-auto-size")},set:function(t){if(t){var e=d.videoWidth,n=d.videoHeight,i=u.getBoundingClientRect(),r=i.width,o=i.height,a=e/n,s=r/o;if(u.classList.add("artplayer-auto-size"),a<s)g(f,"width","".concat(o*a/r*100,"%")),g(f,"height","100%");else{var c=r/a/o*100;g(f,"width","100%"),g(f,"height","".concat(c,"%"))}l.emit("autoSizeChange")}else u.classList.remove("artplayer-auto-size"),g(f,"width",null),g(f,"height",null),l.emit("autoSizeRemove")}})}(t,this),function(t,e){Object.defineProperty(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach(function(t){Object.defineProperty(e,t,{get:function(){return e.rect[t]}})}),Object.defineProperty(e,"x",{get:function(){return e.left+window.pageXOffset}}),Object.defineProperty(e,"y",{get:function(){return e.top+window.pageYOffset}})}(t,this),function(n,t){Object.defineProperty(t,"flip",{get:function(){return n.template.$player.dataset.flip},set:function(t){if(t){var e=["normal","horizontal","vertical"];v(e.includes(t),"'flip' only accept ".concat(e.toString()," as parameters")),n.template.$player.dataset.flip=t,n.emit("flipChange",t)}else delete n.template.$player.dataset.flip,n.emit("flipRemove")}})}(t,this)}function R(e,n,t,i,r,o){var a="function"==typeof i?i(e):i;if(a.disable)return null;var s=a.name||"".concat(o).concat(n.id);v(!f(n,s),"Cannot create a component that already has the same name: ".concat(o," -> ").concat(s));var c=document.createElement("div");c.classList.value="art-".concat(o," art-").concat(o,"-").concat(s),a.html&&m(c,a.html),a.style&&y(c,a.style);var l=Array.from(t.children);c.dataset.index=a.index||n.id;var u=l.find(function(t){return Number(t.dataset.index)>=Number(c.dataset.index)});return u?u.insertAdjacentElement("beforebegin",c):m(t,c),a.click&&e.events.proxy(c,"click",function(t){t.preventDefault(),a.click.call(n,t,e),e.emit("".concat(o,":click"),c)}),a.mounted&&a.mounted(c,n,e),r&&r(c,n,e),Object.defineProperty(n,s,{value:{get id(){return n.id},get $ref(){return c},set show(t){t?(g(c,"display","block"),e.emit("".concat(o,":show"),c)):(g(c,"display","none"),e.emit("".concat(o,":hide"),c))},set remove(t){t&&(h(c),e.emit("".concat(o,":remove"),c))}}}),e.emit("".concat(o,":add"),a),n[s]}function T(t,e){var n=t.template.$progress,i=t.player,r=n.getBoundingClientRect().left,o=p(e.pageX-r,0,n.clientWidth),a=o/n.clientWidth*i.duration;return{second:a,time:c(a),width:o,percentage:p(o/n.clientWidth,0,1)}}function E(t){var n=this;q(this,E);var i=Object.assign({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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',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>',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>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\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>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},t.option.icons);Object.keys(i).forEach(function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),m(e,i[t]),n[t]=e})}function O(i){var t=i.i18n,r=i.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(t.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-range">\n                <input class="art-subtitle-range" value="0" type="range" min="-5" max="5" step="0.5">\n            </div>\n        '),mounted:function(t){var e=t.querySelector(".art-setting-range input"),n=t.querySelector(".art-subtitle-value");r(e,"change",function(){var t=e.value;n.innerText=t,i.plugins.subtitle.offset(Number(t))}),i.on("subtitle:switch",function(){e.value=0,n.innerText=0}),i.on("artplayerPluginSubtitle:set",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}}}function j(i){var r=i.constructor.utils.clamp,t=i.setting,o=i.notice,a=i.template,s=i.i18n,c=i.player;s.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}}),t.add(O);var l=[];return i.on("subtitle:switch",function(){l=[]}),{name:"subtitle",offset:function(t){if(a.$track&&a.$track.track){var e=Array.from(a.$track.track.cues),n=r(t,-5,5);e.forEach(function(t,e){l[e]||(l[e]={startTime:t.startTime,endTime:t.endTime}),t.startTime=r(l[e].startTime+n,0,c.duration),t.endTime=r(l[e].endTime+n,0,c.duration)}),o.show("".concat(s.get("Subtitle offset time"),": ").concat(t,"s")),i.emit("artplayerPluginSubtitle:set",t)}else o.show("".concat(s.get("No subtitles found"))),i.emit("artplayerPluginSubtitle:set",0)}}}function A(r){var t=r.constructor.utils,n=t.append,i=t.setStyle,o=t.setStyles,a=t.sleep,s=r.events.proxy,c=r.option,l=r.notice,u=r.i18n,f=r.template,d=r.player;function p(t){if(t){var e=f.$video.canPlayType(t.type);if("maybe"===e||"probably"===e){var n=URL.createObjectURL(t);d.playbackRate=!1,d.aspectRatio=!1,f.$video.src=n,a(1e3).then(function(){d.currentTime=0}),c.url=n,r.emit("switch",n),l.show(u.get("Load local video successfully"))}else{var i="".concat(u.get("Playback of this file format is not supported"),": ").concat(t.type);l.show(i,!0,3e3),console.warn(i)}}}return u.update({"zh-cn":{"Playback of this file format is not supported":"不支持播放该文件格式","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Playback of this file format is not supported":"不支持播放該文件格式","Load local video successfully":"加載本地視頻成功"}}),s(f.$player,"dragover",function(t){t.preventDefault(),l.show(u.get("Load local video successfully"))}),s(f.$player,"drop",function(t){t.preventDefault(),p(t.dataTransfer.files[0])}),{name:"localPreview",attach:function(t){var e=n(t,'<input type="file">');i(t,"position","relative"),o(e,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),s(e,"change",function(){p(e.files[0])})}}}function C(e){var t=e.layers,n=e.player,i=e.option.theme;return t.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"3px",background:i},mounted:function(t){e.on("controls:show",function(){t.style.display="none"}),e.on("controls:hide",function(){t.style.display="block"}),e.on("video:timeupdate",function(){t.style.width="".concat(100*n.played,"%")})}}),{name:"miniProgressBar"}}function M(e){q(this,M);var n=e.option,i=e.events.proxy,r=e.template.$video;J.video.events.forEach(function(t){i(r,t,function(t){e.emit("video:".concat(t.type),t)})}),Object.keys(n.moreVideoAttr).forEach(function(t){r[t]=n.moreVideoAttr[t]}),n.muted&&(r.muted=n.muted),n.volume&&(r.volume=p(n.volume,0,1)),n.poster&&(r.poster=n.poster),n.autoplay&&(r.autoplay=n.autoplay),r.controls=!0;var t=n.type||s(n.url),o=n.customType[t];t&&o?(e.emit("beforeCustomType",t),o(r,n.url,e),e.emit("afterCustomType",t)):(e.emit("beforeAttachUrl",n.url),r.src=n.url,e.emit("afterAttachUrl",r.src))}var q,z,W,_,F,H,B,I,V,N,D,U,X,Y,Z,J,G,K,Q,tt,et,nt,it,rt,ot,at,st,ct,lt,ut,ft,dt,pt,ht,yt,mt,vt,gt,bt;t.exports=(q=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},z=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t},W=n(function(e){function n(t){return(n="function"==typeof Symbol&&"symbol"==wt(Symbol.iterator)?function(t){return wt(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":wt(t)})(t)}function i(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=i=function(t){return n(t)}:e.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},i(t)}e.exports=i}),_=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t},F=function(t,e){return!e||"object"!==W(e)&&"function"!=typeof e?_(t):e},H=n(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),B=n(function(n){function i(t,e){return n.exports=i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}n.exports=i}),I=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&B(t,e)},V=n(function(t,e){function s(t){return(s="function"==typeof Symbol&&"symbol"==wt(Symbol.iterator)?function(t){return wt(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":wt(t)})(t)}function c(t){return t.constructor?t.constructor.name:null}function o(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var i in u(t,e,n),f(t,e,n),d(t,e,n),e)if(e.hasOwnProperty(i)){var r=t[i],o=e[i],a=n.concat(i);if(l(t,i,o,a))continue;u(r,o,a),f(r,o,a),d(r,o,a)}}function l(t,e,n,i){if(!Object.prototype.hasOwnProperty.call(t,e)){if(!0===n.__required__||!0===n.required)throw new TypeError("'".concat(i.join("."),"' is required"));return!0}}function u(t,e,n){var i;if("string"===a(e)?i=e:"function"===a(e)?e.___validator__=e:e.__type__?i=e.__type__:e.type&&(i=e.type),i&&"string"===a(i)){i=i.trim().toLowerCase();var r=a(t),o=r===i;if(-1<i.indexOf("|")&&(o=i.split("|").filter(Boolean).some(function(t){return r===t.trim()})),!o)throw new TypeError("'".concat(n.join("."),"' require '").concat(i,"' type, but got '").concat(r,"'"))}}function f(t,e,n){var i;if(e.___validator__?i=e.___validator__:e.validator&&(i=e.validator),"function"===a(i)){var r=i(n,t,a(t));if(!0!==r)throw new TypeError("The scheme for '".concat(n.join("."),"' validator function require return true, but got '").concat(r,"'"))}}function d(t,e,n){var i;if(e.___child__?i=e.___child__:e.child&&(i=e.child),"object"===a(i)){var r=a(t);"object"===r?o(t,i,n):"array"===r&&t.forEach(function(t,e){o(t,i,n.concat(e))})}}var p,a;t.exports=(p=Object.prototype.toString,o.kindOf=a=function(t){if(void 0===t)return"undefined";if(null===t)return"null";var e,n,i,r,o,a=s(t);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"===c(t)?"generatorfunction":"function";if(e=t,Array.isArray?Array.isArray(e):e instanceof Array)return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(t))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(t))return"arguments";if((n=t)instanceof Date||"function"==typeof n.toDateString&&"function"==typeof n.getDate&&"function"==typeof n.setDate)return"date";if((i=t)instanceof Error||"string"==typeof i.message&&i.constructor&&"number"==typeof i.constructor.stackTraceLimit)return"error";if((r=t)instanceof RegExp||"string"==typeof r.flags&&"boolean"==typeof r.ignoreCase&&"boolean"==typeof r.multiline&&"boolean"==typeof r.global)return"regexp";switch(c(t)){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"==typeof(o=t).throw&&"function"==typeof o.return&&"function"==typeof o.next)return"generator";switch(a=p.call(t)){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,"")},window.optionValidator=o)}),N=function(){function t(){q(this,t)}return z(t,[{key:"on",value:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this}},{key:"once",value:function(i,r,o){var a=this;function s(){a.off(i,s);for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];r.apply(o,e)}return s._=r,this.on(i,s,o)}},{key:"emit",value:function(t){for(var e=((this.e||(this.e={}))[t]||[]).slice(),n=arguments.length,i=new Array(1<n?n-1:0),r=1;r<n;r++)i[r-1]=arguments[r];for(var o=0;o<e.length;o+=1)e[o].fn.apply(e[o].ctx,i);return this}},{key:"off",value:function(t,e){var n=this.e||(this.e={}),i=n[t],r=[];if(i&&e)for(var o=0,a=i.length;o<a;o+=1)i[o].fn!==e&&i[o].fn._!==e&&r.push(i[o]);return r.length?n[t]=r:delete n[t],this}}]),t}(),D=function(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()},U=n(function(i){function r(t,e,n){return function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()?i.exports=r=Reflect.construct:i.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&B(r,n.prototype),r},r.apply(null,arguments)}i.exports=r}),X=function(t){function i(t,e){var n;return q(this,i),n=F(this,H(i).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(_(n),e||n.constructor),n.name="ArtPlayerError",n}return I(i,t),i}(n(function(e){function i(t){var n="function"==typeof Map?new Map:void 0;return e.exports=i=function(t){if(null===t||!function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return U(t,arguments,H(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),B(e,t)},i(t)}e.exports=i})(Error)),Y=Object.freeze({errorHandle:v,hasOwnProperty:f,clamp:p,getExt:s,secondToTime:c,sleep:u,debounce:l,throttle:d,mergeDeep:a,append:m,remove:h,setStyle:g,setStyles:y,getStyle:b,sublings:r,inverseClass:w,tooltip:x,srtToVtt:o,vttToBlob:k,downloadFile:S}),Z={container:{validator:$,required:!0},url:{type:"string|function",required:!0},poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",plugins:{type:"array",child:{type:"function"}},whitelist:{type:"array",child:{type:"string|function|regexp"}},layers:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:$,style:"object",click:"function",mounted:"function"}},contextmenu:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:$,style:"object",click:"function",mounted:"function"}},quality:{type:"array",child:{default:"boolean",name:"string",url:"string"}},controls:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:$,style:"object",click:"function",mounted:"function",position:function(t,e){var n=["top","left","right"];return v(n.includes(e),"".concat(t.join(".")," only accept ").concat(n.toString()," as parameters"))}}},highlight:{type:"array",child:{type:"object",time:"number",text:"string"}},thumbnails:{type:"object",child:{url:"string",number:"number",width:"number",height:"number",column:"number"}},subtitle:{type:"object",child:{url:"string",style:"object"}},moreVideoAttr:"object",icons:"object",customType:"object"},J={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},video:{propertys:["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"]}},G=function(){function n(t){var e=this;q(this,n),(this.art=t).option.container instanceof Element?this.$container=t.option.container:(this.$container=document.querySelector(t.option.container),v(this.$container,"No container element found by ".concat(t.option.container))),t.constructor.instances.some(function(t){return t.template.$container===e.$container})&&v(!1,"Cannot mount multiple instances on the same dom element"),t.whitelist.state?this.initDesktop():this.initMobile()}return z(n,[{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player" style="--theme: '.concat(this.art.option.theme,'">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-danmuku"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner">\n                <div class="artplayer-setting-body"></div>\n              </div>\n            </div>\n            <div class="artplayer-info">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu"></div>\n          </div>\n        '),this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$danmuku=this.$container.querySelector(".artplayer-danmuku"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),K={"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","This does not seem to support full screen functionality":"似乎不支持全屏功能"},Q={"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","This does not seem to support full screen functionality":"似乎不支持全屏功能"},tt=function(){function e(t){q(this,e),this.art=t,this.languages={"zh-cn":K,"zh-tw":Q},this.init()}return z(e,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=a(this.languages,t),this.init()}}]),e}(),et=n(function(t){var o,e,r,a,i,n;o="undefined"!=typeof window&&void 0!==window.document?window.document:{},e=t.exports,r="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,a=function(){for(var t,e=[["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"]],n=0,i=e.length,r={};n<i;n++)if((t=e[n])&&t[1]in o){for(n=0;n<t.length;n++)r[e[0][n]]=t[n];return r}return!1}(),i={change:a.fullscreenchange,error:a.fullscreenerror},n={request:function(i){return new Promise(function(t){var e=a.requestFullscreen,n=function(){this.off("change",n),t()}.bind(this);i=i||o.documentElement,/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?i[e]():i[e](r?Element.ALLOW_KEYBOARD_INPUT:{}),this.on("change",n)}.bind(this))},exit:function(){return new Promise(function(t){if(this.isFullscreen){var e=function(){this.off("change",e),t()}.bind(this);o[a.exitFullscreen](),this.on("change",e)}else t()}.bind(this))},toggle:function(t){return this.isFullscreen?this.exit():this.request(t)},onchange:function(t){this.on("change",t)},onerror:function(t){this.on("error",t)},on:function(t,e){var n=i[t];n&&o.addEventListener(n,e,!1)},off:function(t,e){var n=i[t];n&&o.removeEventListener(n,e,!1)},raw:a},a?(Object.defineProperties(n,{isFullscreen:{get:function(){return Boolean(o[a.fullscreenElement])}},element:{enumerable:!0,get:function(){return o[a.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(o[a.fullscreenEnabled])}}}),e?(t.exports=n,t.exports.default=n):window.screenfull=n):e?t.exports=!1:window.screenfull=!1}),nt=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},it=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(t){nt(e,t,n[t])})}return e},rt=function(){function n(t){var e=this;q(this,n),this.id=0,this.art=t,this.art.once("video:canplay",function(){e.init()})}return z(n,[{key:"init",value:function(){var e=this,t=this.art.option;this.add(function(i){return function(u){var t=u.option,e=t.highlight,n=t.theme,f=u.events.proxy,d=u.player;return it({},i,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(o){var r=!1,n=o.querySelector(".art-progress-loaded"),i=o.querySelector(".art-progress-played"),a=o.querySelector(".art-progress-highlight"),s=o.querySelector(".art-progress-indicator"),c=o.querySelector(".art-progress-tip");function l(t,e){"loaded"===t&&g(n,"width","".concat(100*e,"%")),"played"===t&&(g(i,"width","".concat(100*e,"%")),g(s,"left","calc(".concat(100*e,"% - ").concat(b(s,"width")/2,"px)")))}e.forEach(function(t){var e=p(t.time,0,d.duration)/d.duration*100;m(a,'<span data-text="'.concat(t.text,'" data-time="').concat(t.time,'" style="left: ').concat(e,'%"></span>'))}),l("loaded",d.loaded),u.on("video:progress",function(){l("loaded",d.loaded)}),u.on("video:timeupdate",function(){l("played",d.played)}),u.on("video:ended",function(){l("played",1)}),f(o,"mousemove",function(t){g(c,"display","block"),-1<t.composedPath().indexOf(a)?function(t){var e=T(u,t).width,n=t.target.dataset.text;c.innerHTML=n;var i=c.clientWidth;e<=i/2?g(c,"left",0):e>o.clientWidth-i/2?g(c,"left","".concat(o.clientWidth-i,"px")):g(c,"left","".concat(e-i/2,"px"))}(t):function(t){var e=T(u,t),n=e.width,i=e.time;c.innerHTML=i;var r=c.clientWidth;n<=r/2?g(c,"left",0):n>o.clientWidth-r/2?g(c,"left","".concat(o.clientWidth-r,"px")):g(c,"left","".concat(n-r/2,"px"))}(t)}),f(o,"mouseout",function(){g(c,"display","none")}),f(o,"click",function(t){if(t.target!==s){var e=T(u,t),n=e.second;l("played",e.percentage),d.seek=n}}),f(s,"mousedown",function(){r=!0}),f(document,"mousemove",function(t){if(r){var e=T(u,t),n=e.second,i=e.percentage;s.classList.add("art-show-indicator"),l("played",i),d.seek=n}}),f(document,"mouseup",function(){r&&(r=!1,s.classList.remove("art-show-indicator"))})}})}}({name:"progress",disable:t.isLive,position:"top",index:10})),this.add(function(t){return function(h){return it({},t,{mounted:function(d){var p=h.template.$progress,t=h.events,e=t.proxy,n=t.loadImg,i=!1,r=!1;e(p,"mousemove",function(t){i||(i=!0,n(h.option.thumbnails.url).then(function(){r=!0})),r&&(g(d,"display","block"),function(t){var e=T(h,t).width,n=h.option.thumbnails,i=n.url,r=n.height,o=n.width,a=n.number,s=n.column,c=p.clientWidth/a,l=Math.floor(e/c),u=Math.ceil(l/s)-1,f=l%s||s-1;g(d,"backgroundImage","url(".concat(i,")")),g(d,"height","".concat(r,"px")),g(d,"width","".concat(o,"px")),g(d,"backgroundPosition","-".concat(f*o,"px -").concat(u*r,"px")),e<=o/2?g(d,"left",0):e>p.clientWidth-o/2?g(d,"left","".concat(p.clientWidth-o,"px")):g(d,"left","".concat(e-o/2,"px"))}(t))}),e(p,"mouseout",function(){g(d,"display","none")})}})}}({name:"thumbnails",disable:!t.thumbnails.url||t.isLive,position:"top",index:20})),this.add(function(t){return function(l){return it({},t,{mounted:function(t){var e=l.events.proxy,n=l.icons,i=l.i18n,r=l.player,o=m(t,n.play),a=m(t,n.pause);function s(){g(o,"display","flex"),g(a,"display","none")}function c(){g(o,"display","none"),g(a,"display","flex")}x(o,i.get("Play")),x(a,i.get("Pause")),e(o,"click",function(){r.play=!0}),e(a,"click",function(){r.pause=!0}),r.playing?c():s(),l.on("video:playing",function(){c()}),l.on("video:pause",function(){s()})}})}}({name:"playAndPause",disable:!1,position:"left",index:10})),this.add(function(t){return function(d){return it({},t,{mounted:function(t){var e=d.events.proxy,n=d.icons,i=d.player,r=d.i18n,o=!1,a=m(t,n.volume),s=m(t,n.volumeClose),c=m(t,'<div class="art-volume-panel"></div>'),l=m(c,'<div class="art-volume-slider-handle"></div>');function u(t){var e=c.getBoundingClientRect(),n=e.left,i=e.width,r=l.getBoundingClientRect().width;return p(t.pageX-n-r/2,0,i-r/2)/(i-r)}function f(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.7;if(i.muted||0===t)g(a,"display","none"),g(s,"display","flex"),g(l,"left","0");else{var e=((b(c,"width")||60)-b(l,"width"))*t;g(a,"display","flex"),g(s,"display","none"),g(l,"left","".concat(e,"px"))}}x(a,r.get("Mute")),g(s,"display","none"),f(i.volume),d.on("video:volumechange",function(){f(i.volume)}),e(a,"click",function(){i.muted=!0}),e(s,"click",function(){i.muted=!1}),e(c,"click",function(t){i.muted=!1,i.volume=u(t)}),e(l,"mousedown",function(){o=!0}),e(l,"mousemove",function(t){o&&(i.muted=!1,i.volume=u(t))}),e(document,"mouseup",function(){o&&(o=!1)})}})}}({name:"volume",disable:!1,position:"left",index:20})),this.add(function(t){return function(i){return it({},t,{mounted:function(e){function n(){var t="".concat(c(i.player.currentTime)," / ").concat(c(i.player.duration));t!==e.innerHTML&&(e.innerHTML=t)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(t){i.on(t,n)})}})}}({name:"time",disable:t.isLive,position:"left",index:30})),this.add(function(t){return function(r){return it({},t,{mounted:function(t){var o=r.option,e=r.events.proxy,a=r.player,s=-1,n=o.quality.find(function(t){return t.default})||o.quality[0];s=o.quality.indexOf(n);var c=m(t,'<div class="art-quality-name">'.concat(n.name,"</div>")),i=o.quality.map(function(t,e){return'<div class="art-quality-item" data-index="'.concat(e,'">').concat(t.name,"</div>")}).join("");e(m(t,'<div class="art-qualitys">'.concat(i,"</div>")),"click",function(t){var e=Number(t.target.dataset.index),n=o.quality[e],i=n.url,r=n.name;i&&r&&s!==e&&(a.switchQuality(i,r),c.innerHTML=r,s=e)})}})}}({name:"quality",disable:0===t.quality.length,position:"right",index:10})),this.add(function(t){return function(a){return it({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,i=a.i18n,r=a.player,o=m(t,n.screenshot);x(o,i.get("Screenshot")),e(o,"click",function(){r.screenshot()})}})}}({name:"screenshot",disable:!t.screenshot,position:"right",index:20})),this.add(function(t){return function(a){return it({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,i=a.i18n,r=a.subtitle,o=m(t,n.subtitle);x(o,i.get("Hide subtitle")),e(t,"click",function(){r.toggle()}),a.on("subtitle:show",function(){g(o,"opacity","1"),x(o,i.get("Hide subtitle"))}),a.on("subtitle:hide",function(){g(o,"opacity","0.8"),x(o,i.get("Show subtitle"))})}})}}({name:"subtitle",disable:!t.subtitle.url,position:"right",index:30})),this.add(function(t){return function(a){return it({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,i=a.i18n,r=a.setting,o=m(t,n.setting);x(o,i.get("Show setting")),e(t,"click",function(){r.toggle()}),a.on("setting:show",function(){g(o,"opacity","0.8"),x(o,i.get("Hide setting"))}),a.on("setting:hide",function(){g(o,"opacity","1"),x(o,i.get("Show setting"))})}})}}({name:"setting",disable:!t.setting,position:"right",index:40})),this.add(function(t){return function(o){return it({},t,{mounted:function(t){var e=o.events.proxy,n=o.icons,i=o.i18n,r=o.player;x(m(t,n.pip),i.get("Mini player")),e(t,"click",function(){r.pip=!0})}})}}({name:"pip",disable:!t.pip,position:"right",index:50})),this.add(function(t){return function(a){return it({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,i=a.i18n,r=a.player,o=m(t,n.fullscreenWeb);x(o,i.get("Web fullscreen")),e(t,"click",function(){r.fullscreenWebToggle=!0}),a.on("fullscreenWeb:enabled",function(){g(o,"opacity","0.8"),x(o,i.get("Exit web fullscreen"))}),a.on("fullscreenWeb:exit",function(){g(o,"opacity","1"),x(o,i.get("Web fullscreen"))})}})}}({name:"fullscreenWeb",disable:!t.fullscreenWeb,position:"right",index:60})),this.add(function(t){return function(a){return it({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,i=a.i18n,r=a.player,o=m(t,n.fullscreen);x(o,i.get("Fullscreen")),e(t,"click",function(){r.fullscreenToggle=!0}),a.on("fullscreen:enabled",function(){g(o,"opacity","0.8"),x(o,i.get("Exit fullscreen"))}),a.on("fullscreen:exit",function(){g(o,"opacity","1"),x(o,i.get("Fullscreen"))})}})}}({name:"fullscreen",disable:!t.fullscreen,position:"right",index:70})),t.controls.forEach(function(t){e.add(t)})}},{key:"add",value:function(t,e){var n,i="function"==typeof t?t(this.art):t,r=this.art.template,o=r.$progress,a=r.$controlsLeft,s=r.$controlsRight;switch(i.position){case"top":n=o;break;case"left":n=a;break;case"right":n=s}return v(n,"Controls option.position can not be empty"),this.id+=1,R(this.art,this,n,i,e,"control")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-controls-show"),this.art.emit("controls:show")):(this.state=!1,e.classList.remove("artplayer-controls-show"),this.art.emit("controls:hide"))}}]),n}(),ot=function(){function n(t){var e=this;q(this,n),this.id=0,this.art=t,this.art.once("video:canplay",function(){e.init()}),this.art.on("blur",function(){e.show=!1})}return z(n,[{key:"init",value:function(){var e=this,t=this.art,n=t.option,i=t.template,r=i.$player,o=i.$contextmenu,a=t.events.proxy;this.add(function(e){return function(i){var t=i.i18n,n=i.player;return it({},e,{html:"\n                ".concat(t.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(t.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(t){var e=t.target.dataset.rate;e&&(n.playbackRate=Number(e),i.contextmenu.show=!1)},mounted:function(n){i.on("playbackRateChange",function(e){var t=Array.from(n.querySelectorAll("span")).find(function(t){return Number(t.dataset.rate)===e});t&&w(t,"current")})}})}}({disable:!n.playbackRate,name:"playbackRate",index:10})),this.add(function(e){return function(n){var t=n.i18n,i=n.player;return it({},e,{html:"\n                ".concat(t.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(t.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(t){var e=t.target.dataset.ratio;e&&(i.aspectRatio=e,n.contextmenu.show=!1)},mounted:function(t){n.on("aspectRatioChange",function(e){w(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.ratio===e}),"current")})}})}}({disable:!n.aspectRatio,name:"aspectRatio",index:20})),this.add(function(e){return function(t){return it({},e,{html:t.i18n.get("Video info"),click:function(){t.info.show=!0,t.contextmenu.show=!1}})}}({disable:!1,name:"info",index:30})),this.add(it({},{disable:!1,name:"version",index:40},{html:'<a href="https://github.com/zhw2590582/artplayer" target="_blank">ArtPlayer 3.1.9</a>'})),this.add(function(e){return function(t){return it({},e,{html:t.i18n.get("Close"),click:function(){t.contextmenu.show=!1}})}}({disable:!1,name:"close",index:50})),n.contextmenu.forEach(function(t){e.add(t)}),a(r,"contextmenu",function(t){t.preventDefault(),e.show=!0,e.setPos(t)}),a(r,"click",function(t){t.composedPath().includes(o)||(e.show=!1)})}},{key:"add",value:function(t,e){var n=this.art.template.$contextmenu;return this.id+=1,R(this.art,this,n,t,e,"contextmenu")}},{key:"setPos",value:function(t){var e=this.art.template,n=e.$player,i=e.$contextmenu,r=t.clientX,o=t.clientY,a=n.getBoundingClientRect(),s=a.height,c=a.width,l=a.left,u=a.top,f=i.getBoundingClientRect(),d=f.height,p=f.width,h=r-l,y=o-u;l+c<r+p&&(h=c-p),u+s<o+d&&(y=s-d),g(i,"left","".concat(h,"px")),g(i,"top","".concat(y,"px"))}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-contextmenu-show"),this.art.emit("contextmenu:show")):(this.state=!1,e.classList.remove("artplayer-contextmenu-show"),this.art.emit("contextmenu:hide"))}}]),n}(),at=function(){function e(t){q(this,e),this.art=t,this.init()}return z(e,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$infoClose;(0,e.events.proxy)(n,"click",function(){t.show=!1}),this.art.on("destroy",function(){t.timer&&clearTimeout(t.timer)})}},{key:"creatInfo",value:function(){var t=[];return t.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">3.1.9</div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),t.push('\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        '),t.push('\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        '),t.push('\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        '),t.push('\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        '),t.join("")}},{key:"readInfo",value:function(){var t=this.art.template,e=t.$infoPanel,n=t.$video;Array.from(e.querySelectorAll("[data-video]")).forEach(function(t){var e=n[t.dataset.video];t.innerHTML=void 0!==e?"number"==typeof e?e.toFixed(2):e:"unknown"})}},{key:"loop",value:function(){var t=this;this.readInfo(),this.timer=setTimeout(function(){t.readInfo(),t.loop()},1e3)}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template,n=e.$player,i=e.$infoPanel;t?(this.state=!0,n.classList.add("artplayer-info-show"),i.innerHTML||m(i,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show")):(this.state=!1,n.classList.remove("artplayer-info-show"),clearTimeout(this.timer),this.art.emit("info:hide"))}}]),e}(),st=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(t){r=!0,o=t}finally{try{i||null==s.return||s.return()}finally{if(r)throw o}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()},ct=function(){function n(t){q(this,n),this.art=t,this.state=!0;var e=this.art.option.subtitle.url;e&&this.init(e)}return z(n,[{key:"init",value:function(t){var i=this,e=this.art,r=e.events.proxy,n=e.option.subtitle,o=e.template,a=o.$video,s=o.$subtitle,c=o.$track;if(y(s,n.style||{}),!c){var l=document.createElement("track");l.default=!0,l.kind="metadata",a.appendChild(l),this.art.template.$track=l}this.load(t).then(function(t){if(i.art.template.$track.src=t,i.art.emit("subtitle:load",t),a.textTracks&&a.textTracks[0]){var n=st(a.textTracks,1)[0];r(n,"cuechange",function(){var t=st(n.activeCues,1)[0];if(s.innerHTML="",t){var e=document.createElement("div");e.appendChild(t.getCueAsHTML()),s.innerHTML=e.innerHTML.split(/\r?\n/).map(function(t){return"<p>".concat(t,"</p>")}).join("")}i.art.emit("subtitle:update",s)})}})}},{key:"load",value:function(e){var n,i=this.art.notice;return fetch(e).then(function(t){return n=t.headers.get("Content-Type"),t.text()}).then(function(t){return/x-subrip/gi.test(n)?k(o(t)):e}).catch(function(t){i.show(t),console.warn(t)})}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.remove("artplayer-subtitle-hide"),this.art.emit("subtitle:show")):(this.state=!1,e.classList.add("artplayer-subtitle-hide"),this.art.emit("subtitle:hide"))}}]),n}(),lt=function(){function n(t){var e=this;q(this,n),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),t.whitelist.state&&t.once("video:canplay",function(){!function(e,t){var n=e.template.$player;t.proxy(document,["click","contextmenu"],function(t){-1<t.composedPath().indexOf(n)?(e.isFocus=!0,e.emit("focus")):(e.isFocus=!1,e.emit("blur"))})}(t,e),function(t,e){var n=t.template.$player;e.hover(n,function(){n.classList.add("artplayer-hover"),t.emit("hoverenter")},function(){n.classList.remove("artplayer-hover"),t.emit("hoverleave")})}(t,e),function(e,t){var n=e.template,i=n.$player,r=n.$video,o=e.player,a=l(function(){i.classList.add("artplayer-hide-cursor"),i.classList.remove("artplayer-hover"),e.controls.show=!1},5e3);e.on("hoverleave",function(){o.playing&&a()}),t.proxy(i,"mousemove",function(t){a.clearTimeout(),i.classList.remove("artplayer-hide-cursor"),e.controls.show=!0,!e.player.pip&&o.playing&&t.target===r&&a()})}(t,e),function(t,e){var n=t.option,i=t.player,r=t.template.$player,o=document.createElement("object");o.setAttribute("aria-hidden","true"),o.setAttribute("tabindex",-1),o.type="text/html",o.data="about:blank";var a=i.width,s=i.height,c=d(function(){i.width===a&&i.height===s||(a=i.width,s=i.height,n.autoSize&&(t.player.fullscreen||t.player.fullscreenWeb||t.player.pip?t.player.autoSize=!1:t.player.autoSize=!0),t.player.aspectRatioReset=!0,t.emit("resize",{width:i.width,height:i.height}))},500);e.proxy(o,"load",function(){e.proxy(o.contentDocument.defaultView,"resize",c)}),r.appendChild(o)}(t,e)})}return z(n,[{key:"proxy",value:function(e,t,n){var i=this,r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:{};Array.isArray(t)?t.forEach(function(t){return i.proxy(e,t,n,r)}):(e.addEventListener(t,n,r),this.destroyEvents.push(function(){e.removeEventListener(t,n,r)}))}},{key:"hover",value:function(t,e,n){this.proxy(t,"mouseenter",e),this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(i){var r=this;return new Promise(function(t,e){var n;if(i instanceof HTMLImageElement)n=i;else{if("string"!=typeof i)return e(i);(n=new Image).src=i}return n.complete?t(n):(r.proxy(n,"load",function(){return t(n)}),r.proxy(n,"error",function(){return e(n)}),i)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(t){return t()})}}]),n}(),ut=function(){function n(t){var e=this;q(this,n),this.art=t,this.keys={},this.art.option.hotkey&&this.art.once("video:canplay",function(){e.add(27,function(){t.player.fullscreenWeb&&(t.player.fullscreenWeb=!1)}),e.add(32,function(){t.player.toggle=!0}),e.add(37,function(){t.player.seek=t.player.currentTime-10}),e.add(38,function(){t.player.volume+=.05}),e.add(39,function(){t.player.seek=t.player.currentTime+10}),e.add(40,function(){t.player.volume-=.05}),e.init()})}return z(n,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}},{key:"init",value:function(){var r=this;(0,this.art.events.proxy)(window,"keydown",function(t){if(r.art.isFocus){var e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==n&&"true"!==n){var i=r.keys[t.keyCode];i&&(t.preventDefault(),i.forEach(function(t){return t()}),r.art.emit("hotkey",t))}}})}}]),n}(),ft=function(){function n(t){var e=this;q(this,n),this.id=0,this.art=t,this.add=this.add.bind(this),this.art.once("video:canplay",function(){e.art.option.layers.forEach(function(t){e.add(t)})})}return z(n,[{key:"add",value:function(t,e){this.id+=1;var n=this.art.template.$layers;return R(this.art,this,n,t,e,"layer")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.remove("artplayer-layers-hide"),this.art.emit("layers:show")):(this.state=!1,e.classList.add("artplayer-layers-hide"),this.art.emit("layers:hide"))}}]),n}(),dt=function(){function e(t){q(this,e),m((this.art=t).template.$loading,t.icons.loading)}return z(e,[{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-loading-show"),this.art.emit("loading:show")):(this.state=!1,e.classList.remove("artplayer-loading-show"),this.art.emit("loading:hide"))}}]),e}(),pt=function(){function e(t){q(this,e),this.art=t,this.timer=null}return z(e,[{key:"show",value:function(t){var e=this,n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1e3,r=this.art.template,o=r.$player,a=r.$noticeInner;this.state=!0,o.classList.add("artplayer-notice-show"),a.innerHTML=t instanceof Error?t.message.trim():t,clearTimeout(this.timer),n&&(this.timer=setTimeout(function(){e.hide()},i)),this.art.emit("notice:show")}},{key:"hide",value:function(){var t=this.art.template.$player;this.state=!1,t.classList.remove("artplayer-notice-show"),this.art.emit("notice:hide")}}]),e}(),ht=function(){function e(t){q(this,e),m(m((this.art=t).template.$mask,'<div class="art-state"></div>'),t.icons.state)}return z(e,[{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-mask-show"),this.art.emit("mask:show")):(this.state=!1,e.classList.remove("artplayer-mask-show"),this.art.emit("mask:hide"))}}]),e}(),yt=function(){function n(t){var e=this;q(this,n),this.id=0,this.art=t,this.state=!1,t.option.setting&&(this.art.once("video:canplay",function(){e.init()}),this.art.on("blur",function(){e.show=!1}))}return z(n,[{key:"init",value:function(){var e=this,t=this.art,n=t.option,i=t.template.$setting;(0,t.events.proxy)(i,"click",function(t){t.target===i&&(e.show=!1)}),this.add(function(i){return function(e){var t=e.i18n,n=e.player;return it({},i,{html:'\n                <div class="art-setting-header">'.concat(t.get("Flip"),'</div>\n                <div class="art-setting-radio">\n                    <div class="art-radio-item current">\n                        <button type="button" data-value="normal">').concat(t.get("Normal"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="horizontal">').concat(t.get("Horizontal"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="vertical">').concat(t.get("Vertical"),"</button>\n                    </div>\n                </div>\n            "),click:function(t){var e=t.target.dataset.value;e&&(n.flip=e)},mounted:function(t){e.on("flipChange",function(e){w(Array.from(t.querySelectorAll("button")).find(function(t){return t.dataset.value===e}).parentElement,"current")})}})}}({disable:!n.flip,name:"flip"})),this.add(function(i){return function(e){var t=e.i18n,n=e.player;return it({},i,{html:'\n                <div class="art-setting-header">'.concat(t.get("Aspect ratio"),'</div>\n                <div class="art-setting-radio">\n                    <div class="art-radio-item current">\n                        <button type="button" data-value="default">').concat(t.get("Default"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="4:3">4:3</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="16:9">16:9</button>\n                    </div>\n                </div>\n            '),click:function(t){var e=t.target.dataset.value;e&&(n.aspectRatio=e)},mounted:function(t){e.on("aspectRatioChange",function(e){w(Array.from(t.querySelectorAll("button")).find(function(t){return t.dataset.value===e}).parentElement,"current")})}})}}({disable:!n.aspectRatio,name:"aspectRatio"})),this.add(function(e){return function(i){var t=i.i18n,r=i.player,o=i.events.proxy;return it({},e,{html:'\n                <div class="art-setting-header">\n                    '.concat(t.get("Play speed"),': <span class="art-subtitle-value">1.0</span>x\n                </div>\n                <div class="art-setting-range">\n                    <input class="art-subtitle-range" value="1" type="range" min="0.5" max="2" step="0.25">\n                </div>\n            '),mounted:function(t){var e=t.querySelector(".art-setting-range input"),n=t.querySelector(".art-subtitle-value");o(e,"change",function(){var t=e.value;n.innerText=t,r.playbackRate=Number(t)}),i.on("playbackRateChange",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}})}}({disable:!n.playbackRate,name:"playbackRate"}))}},{key:"add",value:function(t,e){this.id+=1;var n=this.art.template.$settingBody;return R(this.art,this,n,t,e,"setting")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-setting-show"),this.art.emit("setting:show")):(this.state=!1,e.classList.remove("artplayer-setting-show"),this.art.emit("setting:hide"))}}]),n}(),mt=function(){function e(t){q(this,e),this.art=t,this.name="artplayer_settings",this.init()}return z(e,[{key:"init",value:function(){var t=this.art.option,e=this.get("volume");e&&(t.volume=e)}},{key:"get",value:function(t){var e=JSON.parse(window.localStorage.getItem(this.name))||{};return t?e[t]:{}}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),nt({},t,e));window.localStorage.setItem(this.name,JSON.stringify(n))}},{key:"del",value:function(t){var e=this.get();delete e[t],window.localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){window.localStorage.removeItem(this.name)}}]),e}(),vt=function(){function n(t){var e=this;q(this,n),this.art=t,this.id=0,t.option.subtitle.url&&this.add(j),t.option.isLive||this.add(C),this.add(A),t.option.plugins.forEach(function(t){e.add(t)})}return z(n,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art);return this[e&&e.name?e.name:t.name?t.name:"plugin".concat(this.id)]=e,this.art.emit("plugin:add",t),this}}]),n}(),gt=0,bt=function(t){function n(t){var e;return q(this,n),e=F(this,H(n).call(this)),v("function"==typeof window.Promise,"Unsupported 'Promise' method"),e.option=a(n.DEFAULTS,t),V(e.option,Z),e.init(),e}return I(n,N),z(n,[{key:"init",value:function(){this.whitelist=new L(this),this.template=new G(this),this.events=new lt(this),this.whitelist.state?(this.isFocus=!1,this.isDestroy=!1,this.storage=new mt(this),this.icons=new E(this),this.i18n=new tt(this),this.notice=new pt(this),this.player=new P(this),this.layers=new ft(this),this.controls=new rt(this),this.contextmenu=new ot(this),this.subtitle=new ct(this),this.info=new at(this),this.loading=new dt(this),this.hotkey=new ut(this),this.mask=new ht(this),this.setting=new yt(this),this.plugins=new vt(this)):this.mobile=new M(this),gt+=1,this.id=gt,n.instances.push(this)}},{key:"destroy",value:function(){var t=0<arguments.length&&void 0!==arguments[0]&&arguments[0];this.events.destroy(),this.template.destroy(t),n.instances.splice(n.instances.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"version",get:function(){return"3.1.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return J}},{key:"utils",get:function(){return Y}},{key:"scheme",get:function(){return Z}},{key:"Emitter",get:function(){return N}},{key:"validator",get:function(){return V}},{key:"kindOf",get:function(){return V.kindOf}},{key:"DEFAULTS",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"auto"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),n}(),Object.defineProperty(bt,"instances",{value:[]}),bt)});return{data:function(){return{instance:null}},props:{option:{type:Object,required:!0},getInstance:Function},mounted:function(){this.instance=new n(t({},this.option,{container:this.$refs.artRef})),this.$emit("getInstance",this.instance)},beforeDestroy:function(){this.instance&&this.instance.destroy&&this.instance.destroy()},render:function(t){return t("div",{ref:"artRef"})}}});
diff --git a/packages/artplayer-react/dist/artplayer-react.css b/packages/artplayer-react/dist/artplayer-react.css
index 4bdb13e60..3ce1ace4f 100644
--- a/packages/artplayer-react/dist/artplayer-react.css
+++ b/packages/artplayer-react/dist/artplayer-react.css
@@ -1 +1,18 @@
-.artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}.artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;outline:0;cursor:pointer}.artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;text-shadow:.5px .5px .5px rgba(0,0,0,.5);font-size:20px;pointer-events:none}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}.artplayer-video-player .artplayer-layers{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:all}.artplayer-video-player .artplayer-mask{display:none;position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-mask .art-playBig{position:absolute;right:30px;bottom:65px;opacity:.6}.artplayer-video-player .artplayer-loading{display:none;position:absolute;z-index:60;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-bottom{position:absolute;z-index:50;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:all}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:all;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}.artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:70;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.artplayer-video-player .artplayer-contextmenu{display:none;position:absolute;z-index:110;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.8);border-radius:3px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu a{color:#fff;text-decoration:none}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span{display:inline-block;padding:0 7px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current,.artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover{color:#00c9ff}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child{border-bottom:none}.artplayer-video-player .artplayer-setting{display:none;position:absolute;z-index:80;left:0;top:0;height:100%;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:relative;width:300px;height:250px;font-size:12px;background:rgba(0,0,0,.8);border-radius:3px;pointer-events:all;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 20px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{color:#fff;margin-bottom:10px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-body{color:hsla(0,0%,100%,.8)}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-close{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,.5);font-size:20px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-4px;margin-right:-4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn span{display:block;height:20px;line-height:20px;text-align:center;color:#fff;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn.current span,.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn:hover span{color:#fff;background:#00a1d6}.artplayer-video-player .artplayer-info{display:none;position:absolute;left:10px;top:10px;z-index:90;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}.artplayer-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.artplayer-video-player.artplayer-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}.artplayer-video-player .artplayer-pip-header{display:none;position:absolute;z-index:100;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.artplayer-video-player .artplayer-pip-header .artplayer-pip-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.artplayer-video-player .artplayer-pip-header .artplayer-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.artplayer-video-player.is-dragging{opacity:.7}.artplayer-video-player.artplayer-pip{position:fixed;z-index:9999;right:20px;bottom:20px;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.artplayer-video-player.artplayer-pip .artplayer-pip-header{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header{opacity:1;visibility:visible}.artplayer-video-player.artplayer-pip .artplayer-mask{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.artplayer-video-player.artplayer-pip .artplayer-mask .art-playBig{position:static}.artplayer-video-player.artplayer-pip .artplayer-bottom,.artplayer-video-player.artplayer-pip .artplayer-contextmenu,.artplayer-video-player.artplayer-pip .artplayer-danmu,.artplayer-video-player.artplayer-pip .artplayer-info,.artplayer-video-player.artplayer-pip .artplayer-layers,.artplayer-video-player.artplayer-pip .artplayer-notice,.artplayer-video-player.artplayer-pip .artplayer-setting,.artplayer-video-player.artplayer-pip .artplayer-subtitle{display:none!important}.artplayer-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.artplayer-video-player[data-flip=horizontal] .artplayer-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.artplayer-video-player[data-flip=vertical] .artplayer-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}button[data-balloon]{overflow:visible}[data-balloon]{position:relative;cursor:pointer}[data-balloon]:after{font-family:sans-serif!important;font-weight:400!important;font-style:normal!important;text-shadow:none!important;font-size:12px!important;background:rgba(17,17,17,.9);border-radius:4px;color:#fff;content:attr(data-balloon);padding:.5em 1em;white-space:nowrap}[data-balloon]:after,[data-balloon]:before{filter:alpha(opactiy=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[data-balloon]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;content:""}[data-balloon]:hover:after,[data-balloon]:hover:before,[data-balloon][data-balloon-visible]:after,[data-balloon][data-balloon-visible]:before{filter:alpha(opactiy=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;pointer-events:auto}[data-balloon].font-awesome:after{font-family:FontAwesome}[data-balloon][data-balloon-break]:after{white-space:pre}[data-balloon][data-balloon-blunt]:after,[data-balloon][data-balloon-blunt]:before{-webkit-transition:none;transition:none}[data-balloon][data-balloon-pos=up]:after{margin-bottom:11px}[data-balloon][data-balloon-pos=up]:after,[data-balloon][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up]:before{margin-bottom:5px}[data-balloon][data-balloon-pos=up]:hover:after,[data-balloon][data-balloon-pos=up]:hover:before,[data-balloon][data-balloon-pos=up][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up][data-balloon-visible]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}[data-balloon][data-balloon-pos=up-left]:after{left:0;margin-bottom:11px}[data-balloon][data-balloon-pos=up-left]:after,[data-balloon][data-balloon-pos=up-left]:before{bottom:100%;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up-left]:before{left:5px;margin-bottom:5px}[data-balloon][data-balloon-pos=up-left]:hover:after,[data-balloon][data-balloon-pos=up-left]:hover:before,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=up-right]:after{right:0;margin-bottom:11px}[data-balloon][data-balloon-pos=up-right]:after,[data-balloon][data-balloon-pos=up-right]:before{bottom:100%;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up-right]:before{right:5px;margin-bottom:5px}[data-balloon][data-balloon-pos=up-right]:hover:after,[data-balloon][data-balloon-pos=up-right]:hover:before,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=down]:after{margin-top:11px}[data-balloon][data-balloon-pos=down]:after,[data-balloon][data-balloon-pos=down]:before{left:50%;top:100%;-webkit-transform:translate(-50%,-10px);transform:translate(-50%,-10px)}[data-balloon][data-balloon-pos=down]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;margin-top:5px}[data-balloon][data-balloon-pos=down]:hover:after,[data-balloon][data-balloon-pos=down]:hover:before,[data-balloon][data-balloon-pos=down][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down][data-balloon-visible]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}[data-balloon][data-balloon-pos=down-left]:after{left:0;margin-top:11px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-left]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;left:5px;margin-top:5px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-left]:hover:after,[data-balloon][data-balloon-pos=down-left]:hover:before,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=down-right]:after{right:0;margin-top:11px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-right]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;right:5px;margin-top:5px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-right]:hover:after,[data-balloon][data-balloon-pos=down-right]:hover:before,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=left]:after{margin-right:11px;right:100%;top:50%;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%)}[data-balloon][data-balloon-pos=left]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E");background-size:100% auto;width:6px;height:18px;margin-right:5px;right:100%;top:50%;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%)}[data-balloon][data-balloon-pos=left]:hover:after,[data-balloon][data-balloon-pos=left]:hover:before,[data-balloon][data-balloon-pos=left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=left][data-balloon-visible]:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-balloon][data-balloon-pos=right]:after{left:100%;margin-left:11px;top:50%;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}[data-balloon][data-balloon-pos=right]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E");background-size:100% auto;width:6px;height:18px;left:100%;margin-left:5px;top:50%;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}[data-balloon][data-balloon-pos=right]:hover:after,[data-balloon][data-balloon-pos=right]:hover:before,[data-balloon][data-balloon-pos=right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=right][data-balloon-visible]:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-balloon][data-balloon-length=small]:after{white-space:normal;width:80px}[data-balloon][data-balloon-length=medium]:after{white-space:normal;width:150px}[data-balloon][data-balloon-length=large]:after{white-space:normal;width:260px}[data-balloon][data-balloon-length=xlarge]:after{white-space:normal;width:380px}@media screen and (max-width:768px){[data-balloon][data-balloon-length=xlarge]:after{white-space:normal;width:90vw}}[data-balloon][data-balloon-length=fit]:after{white-space:normal;width:100%}
\ No newline at end of file
+.artplayer-video-player{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin:0 auto;z-index:10;width:100%;height:100%;outline:0;zoom:1;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.artplayer-video-player .art-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}.artplayer-video-player>object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
+.artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}
+.artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}.artplayer-video-player.artplayer-subtitle-hide .artplayer-subtitle{display:none}
+.artplayer-video-player .artplayer-danmuku{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
+.artplayer-video-player .artplayer-layers{position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:auto}.artplayer-video-player.artplayer-layers-hide .artplayer-layers{display:none}
+.artplayer-video-player .artplayer-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.artplayer-video-player .artplayer-mask,.artplayer-video-player .artplayer-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.artplayer-video-player .artplayer-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.artplayer-video-player.artplayer-mask-show .artplayer-mask,.artplayer-video-player .artplayer-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.artplayer-video-player.artplayer-loading-show .artplayer-loading{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:auto}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}
+.artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.artplayer-video-player.artplayer-notice-show .artplayer-notice{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-contextmenu{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.8);border-radius:3px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu a{color:#fff;text-decoration:none}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span{display:inline-block;padding:0 7px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current,.artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover{color:#00c9ff}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child{border-bottom:none}.artplayer-video-player.artplayer-contextmenu-show .artplayer-contextmenu{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-setting{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.8);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{margin-bottom:5px}.artplayer-video-player .artplayer-setting .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.artplayer-video-player .artplayer-setting .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.artplayer-video-player .artplayer-setting .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.artplayer-video-player.artplayer-setting-show .artplayer-setting{opacity:1;visibility:visible;pointer-events:auto}.artplayer-video-player.artplayer-setting-show .artplayer-setting .artplayer-setting-inner{right:0}
+.artplayer-video-player .artplayer-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.artplayer-video-player.artplayer-info-show .artplayer-info{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}
+.artplayer-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}
+.artplayer-video-player.artplayer-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}
+.artplayer-video-player .artplayer-pip-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.artplayer-video-player .artplayer-pip-header .artplayer-pip-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.artplayer-video-player .artplayer-pip-header .artplayer-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.artplayer-video-player.is-dragging{opacity:.7}.artplayer-video-player.artplayer-pip{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.artplayer-video-player.artplayer-pip .artplayer-pip-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header{opacity:1;visibility:visible}.artplayer-video-player.artplayer-pip .artplayer-mask .art-state{position:static}.artplayer-video-player.artplayer-pip .artplayer-bottom,.artplayer-video-player.artplayer-pip .artplayer-contextmenu,.artplayer-video-player.artplayer-pip .artplayer-danmu,.artplayer-video-player.artplayer-pip .artplayer-info,.artplayer-video-player.artplayer-pip .artplayer-layers,.artplayer-video-player.artplayer-pip .artplayer-notice,.artplayer-video-player.artplayer-pip .artplayer-setting,.artplayer-video-player.artplayer-pip .artplayer-subtitle{display:none!important}
+.artplayer-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
+.artplayer-video-player[data-flip=horizontal] .artplayer-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.artplayer-video-player[data-flip=vertical] .artplayer-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}
\ No newline at end of file
diff --git a/packages/artplayer-react/dist/artplayer-react.js b/packages/artplayer-react/dist/artplayer-react.js
index e5b72424d..4af829927 100644
--- a/packages/artplayer-react/dist/artplayer-react.js
+++ b/packages/artplayer-react/dist/artplayer-react.js
@@ -5,4 +5,4 @@
  * Released under the MIT License.
  */
 
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).ArtplayerReact=e()}(this,function(){"use strict";var a=function(t,e){if(null==t)return{};var n,r,i={},o=Object.keys(t);for(r=0;r<o.length;r++)n=o[r],0<=e.indexOf(n)||(i[n]=t[n]);return i};var r=function(t,e){if(null==t)return{};var n,r,i=a(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(r=0;r<o.length;r++)n=o[r],0<=e.indexOf(n)||Object.prototype.propertyIsEnumerable.call(t,n)&&(i[n]=t[n])}return i};var i=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};var o=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(t){i(e,t,n[t])})}return e},jt="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function t(t,e){return t(e={exports:{}},e.exports),e.exports}var s=t(function(e){function n(t){return(n="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})(t)}function r(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=r=function(t){return n(t)}:e.exports=r=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},r(t)}e.exports=r});var c=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function u(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var e=function(t,e,n){return e&&u(t.prototype,e),n&&u(t,n),t};var n=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t};var l=function(t,e){return!e||"object"!==s(e)&&"function"!=typeof e?n(t):e},f=t(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),p=t(function(n){function r(t,e){return n.exports=r=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},r(t,e)}n.exports=r});var d=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&p(t,e)},h=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var $t=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var e={},n=0;n<10;n++)e["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(e).map(function(t){return e[t]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(t){r[t]=t}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var n,r,i=function(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}(t),o=1;o<arguments.length;o++){for(var a in n=Object(arguments[o]))y.call(n,a)&&(i[a]=n[a]);if(h){r=h(n);for(var s=0;s<r.length;s++)v.call(n,r[s])&&(i[r[s]]=n[r[s]])}}return i},m="function"==typeof Symbol&&Symbol.for,g=m?Symbol.for("react.element"):60103,b=m?Symbol.for("react.portal"):60106,w=m?Symbol.for("react.fragment"):60107,x=m?Symbol.for("react.strict_mode"):60108,k=m?Symbol.for("react.profiler"):60114,S=m?Symbol.for("react.provider"):60109,E=m?Symbol.for("react.context"):60110,P=m?Symbol.for("react.concurrent_mode"):60111,$=m?Symbol.for("react.forward_ref"):60112,_=m?Symbol.for("react.suspense"):60113,O=m?Symbol.for("react.memo"):60115,R=m?Symbol.for("react.lazy"):60116,C="function"==typeof Symbol&&Symbol.iterator;function j(t){for(var e=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+t,r=0;r<e;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);!function(t,e,n,r,i,o,a,s){if(!t){if((t=void 0)===e)t=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,i,o,a,s],u=0;(t=Error(e.replace(/%s/g,function(){return c[u++]}))).name="Invariant Violation"}throw t.framesToPop=1,t}}(!1,"Minified React error #"+t+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}var T={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},L={};function M(t,e,n){this.props=t,this.context=e,this.refs=L,this.updater=n||T}function A(){}function D(t,e,n){this.props=t,this.context=e,this.refs=L,this.updater=n||T}M.prototype.isReactComponent={},M.prototype.setState=function(t,e){"object"!=typeof t&&"function"!=typeof t&&null!=t&&j("85"),this.updater.enqueueSetState(this,t,e,"setState")},M.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")},A.prototype=M.prototype;var z=D.prototype=new A;z.constructor=D,$t(z,M.prototype),z.isPureReactComponent=!0;var q={current:null},W={current:null},I=Object.prototype.hasOwnProperty,F={key:!0,ref:!0,__self:!0,__source:!0};function N(t,e,n){var r=void 0,i={},o=null,a=null;if(null!=e)for(r in void 0!==e.ref&&(a=e.ref),void 0!==e.key&&(o=""+e.key),e)I.call(e,r)&&!F.hasOwnProperty(r)&&(i[r]=e[r]);var s=arguments.length-2;if(1===s)i.children=n;else if(1<s){for(var c=Array(s),u=0;u<s;u++)c[u]=arguments[u+2];i.children=c}if(t&&t.defaultProps)for(r in s=t.defaultProps)void 0===i[r]&&(i[r]=s[r]);return{$$typeof:g,type:t,key:o,ref:a,props:i,_owner:W.current}}function H(t){return"object"==typeof t&&null!==t&&t.$$typeof===g}var B=/\/+/g,U=[];function V(t,e,n,r){if(U.length){var i=U.pop();return i.result=t,i.keyPrefix=e,i.func=n,i.context=r,i.count=0,i}return{result:t,keyPrefix:e,func:n,context:r,count:0}}function Y(t){t.result=null,t.keyPrefix=null,t.func=null,t.context=null,t.count=0,U.length<10&&U.push(t)}function J(t,e,n){return null==t?0:function t(e,n,r,i){var o=typeof e;"undefined"!==o&&"boolean"!==o||(e=null);var a=!1;if(null===e)a=!0;else switch(o){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case g:case b:a=!0}}if(a)return r(i,e,""===n?"."+Q(e,0):n),1;if(a=0,n=""===n?".":n+":",Array.isArray(e))for(var s=0;s<e.length;s++){var c=n+Q(o=e[s],s);a+=t(o,c,r,i)}else if("function"==typeof(c=null===e||"object"!=typeof e?null:"function"==typeof(c=C&&e[C]||e["@@iterator"])?c:null))for(e=c.call(e),s=0;!(o=e.next()).done;)a+=t(o=o.value,c=n+Q(o,s++),r,i);else"object"===o&&j("31","[object Object]"==(r=""+e)?"object with keys {"+Object.keys(e).join(", ")+"}":r,"");return a}(t,"",e,n)}function Q(t,e){return"object"==typeof t&&null!==t&&null!=t.key?function(t){var e={"=":"=0",":":"=2"};return"$"+(""+t).replace(/[=:]/g,function(t){return e[t]})}(t.key):e.toString(36)}function X(t,e){t.func.call(t.context,e,t.count++)}function Z(t,e,n){var r=t.result,i=t.keyPrefix;t=t.func.call(t.context,e,t.count++),Array.isArray(t)?G(t,r,n,function(t){return t}):null!=t&&(H(t)&&(t=function(t,e){return{$$typeof:g,type:t.type,key:e,ref:t.ref,props:t.props,_owner:t._owner}}(t,i+(!t.key||e&&e.key===t.key?"":(""+t.key).replace(B,"$&/")+"/")+n)),r.push(t))}function G(t,e,n,r,i){var o="";null!=n&&(o=(""+n).replace(B,"$&/")+"/"),J(t,Z,e=V(e,o,r,i)),Y(e)}function K(){var t=q.current;return null===t&&j("321"),t}var tt={Children:{map:function(t,e,n){if(null==t)return t;var r=[];return G(t,r,null,e,n),r},forEach:function(t,e,n){if(null==t)return t;J(t,X,e=V(null,null,e,n)),Y(e)},count:function(t){return J(t,function(){return null},null)},toArray:function(t){var e=[];return G(t,e,null,function(t){return t}),e},only:function(t){return H(t)||j("143"),t}},createRef:function(){return{current:null}},Component:M,PureComponent:D,createContext:function(t,e){return void 0===e&&(e=null),(t={$$typeof:E,_calculateChangedBits:e,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:S,_context:t},t.Consumer=t},forwardRef:function(t){return{$$typeof:$,render:t}},lazy:function(t){return{$$typeof:R,_ctor:t,_status:-1,_result:null}},memo:function(t,e){return{$$typeof:O,type:t,compare:void 0===e?null:e}},useCallback:function(t,e){return K().useCallback(t,e)},useContext:function(t,e){return K().useContext(t,e)},useEffect:function(t,e){return K().useEffect(t,e)},useImperativeHandle:function(t,e,n){return K().useImperativeHandle(t,e,n)},useDebugValue:function(){},useLayoutEffect:function(t,e){return K().useLayoutEffect(t,e)},useMemo:function(t,e){return K().useMemo(t,e)},useReducer:function(t,e,n){return K().useReducer(t,e,n)},useRef:function(t){return K().useRef(t)},useState:function(t){return K().useState(t)},Fragment:w,StrictMode:x,Suspense:_,createElement:N,cloneElement:function(t,e,n){null==t&&j("267",t);var r=void 0,i=$t({},t.props),o=t.key,a=t.ref,s=t._owner;if(null!=e){void 0!==e.ref&&(a=e.ref,s=W.current),void 0!==e.key&&(o=""+e.key);var c=void 0;for(r in t.type&&t.type.defaultProps&&(c=t.type.defaultProps),e)I.call(e,r)&&!F.hasOwnProperty(r)&&(i[r]=void 0===e[r]&&void 0!==c?c[r]:e[r])}if(1===(r=arguments.length-2))i.children=n;else if(1<r){c=Array(r);for(var u=0;u<r;u++)c[u]=arguments[u+2];i.children=c}return{$$typeof:g,type:t.type,key:o,ref:a,props:i,_owner:s}},createFactory:function(t){var e=N.bind(null,t);return e.type=t,e},isValidElement:H,version:"16.8.6",unstable_ConcurrentMode:P,unstable_Profiler:k,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentDispatcher:q,ReactCurrentOwner:W,assign:$t}},et=tt.default||tt,nt=function(){};if("production"!==process.env.NODE_ENV){var rt="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",it={},ot=Function.call.bind(Object.prototype.hasOwnProperty);nt=function(t){var e="Warning: "+t;"undefined"!=typeof console&&console.error(e);try{throw new Error(e)}catch(t){}}}function at(t,e,n,r,i){if("production"!==process.env.NODE_ENV)for(var o in t)if(ot(t,o)){var a;try{if("function"!=typeof t[o]){var s=Error((r||"React class")+": "+n+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof t[o]+"`.");throw s.name="Invariant Violation",s}a=t[o](e,o,r,n,null,rt)}catch(t){a=t}if(!a||a instanceof Error||nt((r||"React class")+": type specification of "+n+" `"+o+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof a+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),a instanceof Error&&!(a.message in it)){it[a.message]=!0;var c=i?i():"";nt("Failed "+n+" type: "+a.message+(null!=c?c:""))}}}at.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(it={})};var st,_t=at,ct=t(function(Pt){"production"!==process.env.NODE_ENV&&function(){var h=$t,i=_t,t="function"==typeof Symbol&&Symbol.for,m=t?Symbol.for("react.element"):60103,g=t?Symbol.for("react.portal"):60106,u=t?Symbol.for("react.fragment"):60107,n=t?Symbol.for("react.strict_mode"):60108,r=t?Symbol.for("react.profiler"):60114,a=t?Symbol.for("react.provider"):60109,s=t?Symbol.for("react.context"):60110,o=t?Symbol.for("react.concurrent_mode"):60111,c=t?Symbol.for("react.forward_ref"):60112,l=t?Symbol.for("react.suspense"):60113,f=t?Symbol.for("react.memo"):60115,p=t?Symbol.for("react.lazy"):60116,d="function"==typeof Symbol&&Symbol.iterator,y="@@iterator";function b(t){if(null===t||"object"!=typeof t)return null;var e=d&&t[d]||t[y];return"function"==typeof e?e:null}var v=function(){};function w(t,e,n,r,i,o,a,s){if(v(e),!t){var c=void 0;if(void 0===e)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,i,o,a,s],l=0;(c=new Error(e.replace(/%s/g,function(){return u[l++]}))).name="Invariant Violation"}throw c.framesToPop=1,c}}v=function(t){if(void 0===t)throw new Error("invariant requires an error message argument")};var x=function(t,e){if(void 0===e)throw new Error("`lowPriorityWarning(condition, format, ...args)` requires a warning message argument");if(!t){for(var n=arguments.length,r=Array(2<n?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];(function(t){for(var e=arguments.length,n=Array(1<e?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];var i=0,o="Warning: "+t.replace(/%s/g,function(){return n[i++]});"undefined"!=typeof console&&console.warn(o);try{throw new Error(o)}catch(t){}}).apply(void 0,[e].concat(r))}},k=function(t,e){for(var n=arguments.length,r=Array(2<n?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];if(void 0===e)throw new Error("`warningWithoutStack(condition, format, ...args)` requires a warning message argument");if(8<r.length)throw new Error("warningWithoutStack() currently supports at most 8 arguments.");if(!t){if("undefined"!=typeof console){var o=r.map(function(t){return""+t});o.unshift("Warning: "+e),Function.prototype.apply.call(console.error,console,o)}try{var a=0,s="Warning: "+e.replace(/%s/g,function(){return r[a++]});throw new Error(s)}catch(t){}}},S={};function E(t,e){var n=t.constructor,r=n&&(n.displayName||n.name)||"ReactClass",i=r+"."+e;S[i]||(k(!1,"Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",e,r),S[i]=!0)}var P={isMounted:function(t){return!1},enqueueForceUpdate:function(t,e,n){E(t,"forceUpdate")},enqueueReplaceState:function(t,e,n,r){E(t,"replaceState")},enqueueSetState:function(t,e,n,r){E(t,"setState")}},$={};function _(t,e,n){this.props=t,this.context=e,this.refs=$,this.updater=n||P}Object.freeze($),_.prototype.isReactComponent={},_.prototype.setState=function(t,e){"object"!=typeof t&&"function"!=typeof t&&null!=t&&w(!1,"setState(...): takes an object of state variables to update or a function which returns an object of state variables."),this.updater.enqueueSetState(this,t,e,"setState")},_.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};function e(t,e){Object.defineProperty(_.prototype,t,{get:function(){x(!1,"%s(...) is deprecated in plain JavaScript React classes. %s",e[0],e[1])}})}var O={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]};for(var R in O)O.hasOwnProperty(R)&&e(R,O[R]);function C(){}function j(t,e,n){this.props=t,this.context=e,this.refs=$,this.updater=n||P}C.prototype=_.prototype;var T=j.prototype=new C;T.constructor=j,h(T,_.prototype),T.isPureReactComponent=!0;var L={current:null},M={current:null},A=/^(.*)[\\\/]/,D=1;function z(t){if(null==t)return null;if("number"==typeof t.tag&&k(!1,"Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t;switch(t){case o:return"ConcurrentMode";case u:return"Fragment";case g:return"Portal";case r:return"Profiler";case n:return"StrictMode";case l:return"Suspense"}if("object"==typeof t)switch(t.$$typeof){case s:return"Context.Consumer";case a:return"Context.Provider";case c:return function(t,e,n){var r=e.displayName||e.name||"";return t.displayName||(""!==r?n+"("+r+")":n)}(t,t.render,"ForwardRef");case f:return z(t.type);case p:var e=function(t){return t._status===D?t._result:null}(t);if(e)return z(e)}return null}var q={},W=null;function I(t){W=t}q.getCurrentStack=null,q.getStackAddendum=function(){var t="";if(W){var e=z(W.type),n=W._owner;t+=function(t,e,n){var r="";if(e){var i=e.fileName,o=i.replace(A,"");if(/^index\./.test(o)){var a=i.match(A);if(a){var s=a[1];s&&(o=s.replace(A,"")+"/"+o)}}r=" (at "+o+":"+e.lineNumber+")"}else n&&(r=" (created by "+n+")");return"\n    in "+(t||"Unknown")+r}(e,W._source,n&&z(n.type))}var r=q.getCurrentStack;return r&&(t+=r()||""),t};var F={ReactCurrentDispatcher:L,ReactCurrentOwner:M,assign:h};h(F,{ReactDebugCurrentFrame:q,ReactComponentTreeHook:{}});var N=function(t,e){if(!t){for(var n=F.ReactDebugCurrentFrame.getStackAddendum(),r=arguments.length,i=Array(2<r?r-2:0),o=2;o<r;o++)i[o-2]=arguments[o];k.apply(void 0,[!1,e+"%s"].concat(i,[n]))}},H=Object.prototype.hasOwnProperty,B={key:!0,ref:!0,__self:!0,__source:!0},U=void 0,V=void 0;function Y(t){if(H.call(t,"ref")){var e=Object.getOwnPropertyDescriptor(t,"ref").get;if(e&&e.isReactWarning)return!1}return void 0!==t.ref}function J(t){if(H.call(t,"key")){var e=Object.getOwnPropertyDescriptor(t,"key").get;if(e&&e.isReactWarning)return!1}return void 0!==t.key}var Q=function(t,e,n,r,i,o,a){var s={$$typeof:m,type:t,key:e,ref:n,props:a,_owner:o,_store:{}};return Object.defineProperty(s._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(s,"_self",{configurable:!1,enumerable:!1,writable:!1,value:r}),Object.defineProperty(s,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(s.props),Object.freeze(s)),s};function X(t,e,n){var r=void 0,i={},o=null,a=null,s=null,c=null;if(null!=e)for(r in Y(e)&&(a=e.ref),J(e)&&(o=""+e.key),s=void 0===e.__self?null:e.__self,c=void 0===e.__source?null:e.__source,e)H.call(e,r)&&!B.hasOwnProperty(r)&&(i[r]=e[r]);var u=arguments.length-2;if(1==u)i.children=n;else if(1<u){for(var l=Array(u),f=0;f<u;f++)l[f]=arguments[f+2];Object.freeze&&Object.freeze(l),i.children=l}if(t&&t.defaultProps){var p=t.defaultProps;for(r in p)void 0===i[r]&&(i[r]=p[r])}if(o||a){var d="function"==typeof t?t.displayName||t.name||"Unknown":t;o&&function(t,e){function n(){U||k(!(U=!0),"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)",e)}n.isReactWarning=!0,Object.defineProperty(t,"key",{get:n,configurable:!0})}(i,d),a&&function(t,e){function n(){V||k(!(V=!0),"%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)",e)}n.isReactWarning=!0,Object.defineProperty(t,"ref",{get:n,configurable:!0})}(i,d)}return Q(t,o,a,s,c,M.current,i)}function Z(t){return"object"==typeof t&&null!==t&&t.$$typeof===m}var G=".",K=":";var tt=!1,et=/\/+/g;function nt(t){return(""+t).replace(et,"$&/")}var rt=10,it=[];function ot(t,e,n,r){if(it.length){var i=it.pop();return i.result=t,i.keyPrefix=e,i.func=n,i.context=r,i.count=0,i}return{result:t,keyPrefix:e,func:n,context:r,count:0}}function at(t){t.result=null,t.keyPrefix=null,t.func=null,t.context=null,t.count=0,it.length<rt&&it.push(t)}function st(t,e,n){return null==t?0:function t(e,n,r,i){var o=typeof e;"undefined"!=o&&"boolean"!=o||(e=null);var a=!1;if(null===e)a=!0;else switch(o){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case m:case g:a=!0}}if(a)return r(i,e,""===n?G+ct(e,0):n),1;var s=void 0,c=0,u=""===n?G:n+K;if(Array.isArray(e))for(var l=0;l<e.length;l++)c+=t(s=e[l],u+ct(s,l),r,i);else{var f=b(e);if("function"==typeof f){f===e.entries&&(tt||N(!1,"Using Maps as children is unsupported and will likely yield unexpected results. Convert it to a sequence/iterable of keyed ReactElements instead."),tt=!0);for(var p=f.call(e),d=void 0,h=0;!(d=p.next()).done;)c+=t(s=d.value,u+ct(s,h++),r,i)}else if("object"==o){var y;y=" If you meant to render a collection of children, use an array instead."+q.getStackAddendum();var v=""+e;w(!1,"Objects are not valid as a React child (found: %s).%s","[object Object]"==v?"object with keys {"+Object.keys(e).join(", ")+"}":v,y)}}return c}(t,"",e,n)}function ct(t,e){return"object"==typeof t&&null!==t&&null!=t.key?function(t){var e={"=":"=0",":":"=2"};return"$"+(""+t).replace(/[=:]/g,function(t){return e[t]})}(t.key):e.toString(36)}function ut(t,e,n){var r=t.func,i=t.context;r.call(i,e,t.count++)}function lt(t,e,n){var r=t.result,i=t.keyPrefix,o=t.func,a=t.context,s=o.call(a,e,t.count++);Array.isArray(s)?ft(s,r,n,function(t){return t}):null!=s&&(Z(s)&&(s=function(t,e){return Q(t.type,e,t.ref,t._self,t._source,t._owner,t.props)}(s,i+(!s.key||e&&e.key===s.key?"":nt(s.key)+"/")+n)),r.push(s))}function ft(t,e,n,r,i){var o="";null!=n&&(o=nt(n)+"/");var a=ot(e,o,r,i);st(t,lt,a),at(a)}function pt(t){return"string"==typeof t||"function"==typeof t||t===u||t===o||t===r||t===n||t===l||"object"==typeof t&&null!==t&&(t.$$typeof===p||t.$$typeof===f||t.$$typeof===a||t.$$typeof===s||t.$$typeof===c)}function dt(){var t=L.current;return null===t&&w(!1,"Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."),t}var ht=void 0;function yt(){if(M.current){var t=z(M.current.type);if(t)return"\n\nCheck the render method of `"+t+"`."}return""}ht=!1;var vt={};function mt(t,e){if(t._store&&!t._store.validated&&null==t.key){t._store.validated=!0;var n=function(t){var e=yt();if(!e){var n="string"==typeof t?t:t.displayName||t.name;n&&(e="\n\nCheck the top-level render call using <"+n+">.")}return e}(e);if(!vt[n]){vt[n]=!0;var r="";t&&t._owner&&t._owner!==M.current&&(r=" It was passed a child from "+z(t._owner.type)+"."),I(t),N(!1,'Each child in a list should have a unique "key" prop.%s%s See https://fb.me/react-warning-keys for more information.',n,r),I(null)}}}function gt(t,e){if("object"==typeof t)if(Array.isArray(t))for(var n=0;n<t.length;n++){var r=t[n];Z(r)&&mt(r,e)}else if(Z(t))t._store&&(t._store.validated=!0);else if(t){var i=b(t);if("function"==typeof i&&i!==t.entries)for(var o=i.call(t),a=void 0;!(a=o.next()).done;)Z(a.value)&&mt(a.value,e)}}function bt(t){var e=t.type;if(null!=e&&"string"!=typeof e){var n=z(e),r=void 0;if("function"==typeof e)r=e.propTypes;else{if("object"!=typeof e||e.$$typeof!==c&&e.$$typeof!==f)return;r=e.propTypes}r?(I(t),i(r,t.props,"prop",n,q.getStackAddendum),I(null)):void 0===e.PropTypes||ht||k(!(ht=!0),"Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",n||"Unknown"),"function"==typeof e.getDefaultProps&&(e.getDefaultProps.isReactClassApproved||k(!1,"getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead."))}}function wt(t,e,n){var r=pt(t);if(!r){var i="";(void 0===t||"object"==typeof t&&null!==t&&0===Object.keys(t).length)&&(i+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var o=function(t){if(null==t||void 0===t.__source)return"";var e=t.__source;return"\n\nCheck your code at "+e.fileName.replace(/^.*[\\\/]/,"")+":"+e.lineNumber+"."}(e);i+=o||yt();var a=void 0;null===t?a="null":Array.isArray(t)?a="array":void 0!==t&&t.$$typeof===m?(a="<"+(z(t.type)||"Unknown")+" />",i=" Did you accidentally export a JSX literal instead of a component?"):a=typeof t,N(!1,"React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",a,i)}var s=X.apply(this,arguments);if(null==s)return s;if(r)for(var c=2;c<arguments.length;c++)gt(arguments[c],t);return t===u?function(t){I(t);for(var e=Object.keys(t.props),n=0;n<e.length;n++){var r=e[n];if("children"!==r&&"key"!==r){N(!1,"Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",r);break}}null!==t.ref&&N(!1,"Invalid attribute `ref` supplied to `React.Fragment`."),I(null)}(s):bt(s),s}var xt={Children:{map:function(t,e,n){if(null==t)return t;var r=[];return ft(t,r,null,e,n),r},forEach:function(t,e,n){if(null==t)return t;var r=ot(null,null,e,n);st(t,ut,r),at(r)},count:function(t){return st(t,function(){return null},null)},toArray:function(t){var e=[];return ft(t,e,null,function(t){return t}),e},only:function(t){return Z(t)||w(!1,"React.Children.only expected to receive a single React element child."),t}},createRef:function(){var t={current:null};return Object.seal(t),t},Component:_,PureComponent:j,createContext:function(t,e){void 0===e?e=null:null!==e&&"function"!=typeof e&&k(!1,"createContext: Expected the optional second argument to be a function. Instead received: %s",e);var n={$$typeof:s,_calculateChangedBits:e,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null},r=(n.Provider={$$typeof:a,_context:n},!1),i=!1,o={$$typeof:s,_context:n,_calculateChangedBits:n._calculateChangedBits};return Object.defineProperties(o,{Provider:{get:function(){return i||N(!(i=!0),"Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?"),n.Provider},set:function(t){n.Provider=t}},_currentValue:{get:function(){return n._currentValue},set:function(t){n._currentValue=t}},_currentValue2:{get:function(){return n._currentValue2},set:function(t){n._currentValue2=t}},_threadCount:{get:function(){return n._threadCount},set:function(t){n._threadCount=t}},Consumer:{get:function(){return r||N(!(r=!0),"Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?"),n.Consumer}}}),n.Consumer=o,n._currentRenderer=null,n._currentRenderer2=null,n},forwardRef:function(t){return null!=t&&t.$$typeof===f?k(!1,"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof t?k(!1,"forwardRef requires a render function but was given %s.",null===t?"null":typeof t):0!==t.length&&2!==t.length&&k(!1,"forwardRef render functions accept exactly two parameters: props and ref. %s",1===t.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null==t||null==t.defaultProps&&null==t.propTypes||k(!1,"forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"),{$$typeof:c,render:t}},lazy:function(t){var e={$$typeof:p,_ctor:t,_status:-1,_result:null},n=void 0,r=void 0;return Object.defineProperties(e,{defaultProps:{configurable:!0,get:function(){return n},set:function(t){N(!1,"React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),n=t,Object.defineProperty(e,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return r},set:function(t){N(!1,"React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),r=t,Object.defineProperty(e,"propTypes",{enumerable:!0})}}}),e},memo:function(t,e){return pt(t)||k(!1,"memo: The first argument must be a component. Instead received: %s",null===t?"null":typeof t),{$$typeof:f,type:t,compare:void 0===e?null:e}},useCallback:function(t,e){return dt().useCallback(t,e)},useContext:function(t,e){var n=dt();if(void 0!==e&&N(!1,"useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",e,"number"==typeof e&&Array.isArray(arguments[2])?"\n\nDid you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://fb.me/rules-of-hooks":""),void 0!==t._context){var r=t._context;r.Consumer===t?N(!1,"Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):r.Provider===t&&N(!1,"Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return n.useContext(t,e)},useEffect:function(t,e){return dt().useEffect(t,e)},useImperativeHandle:function(t,e,n){return dt().useImperativeHandle(t,e,n)},useDebugValue:function(t,e){return dt().useDebugValue(t,e)},useLayoutEffect:function(t,e){return dt().useLayoutEffect(t,e)},useMemo:function(t,e){return dt().useMemo(t,e)},useReducer:function(t,e,n){return dt().useReducer(t,e,n)},useRef:function(t){return dt().useRef(t)},useState:function(t){return dt().useState(t)},Fragment:u,StrictMode:n,Suspense:l,createElement:wt,cloneElement:function(t,e,n){for(var r=function(t,e,n){null==t&&w(!1,"React.cloneElement(...): The argument must be a React element, but you passed %s.",t);var r=void 0,i=h({},t.props),o=t.key,a=t.ref,s=t._self,c=t._source,u=t._owner;if(null!=e){Y(e)&&(a=e.ref,u=M.current),J(e)&&(o=""+e.key);var l=void 0;for(r in t.type&&t.type.defaultProps&&(l=t.type.defaultProps),e)H.call(e,r)&&!B.hasOwnProperty(r)&&(void 0===e[r]&&void 0!==l?i[r]=l[r]:i[r]=e[r])}var f=arguments.length-2;if(1==f)i.children=n;else if(1<f){for(var p=Array(f),d=0;d<f;d++)p[d]=arguments[d+2];i.children=p}return Q(t.type,o,a,s,c,u,i)}.apply(this,arguments),i=2;i<arguments.length;i++)gt(arguments[i],r.type);return bt(r),r},createFactory:function(t){var e=wt.bind(null,t);return e.type=t,Object.defineProperty(e,"type",{enumerable:!1,get:function(){return x(!1,"Factory.type is deprecated. Access the class directly before passing it to createFactory."),Object.defineProperty(this,"type",{value:t}),t}}),e},isValidElement:Z,version:"16.8.6",unstable_ConcurrentMode:o,unstable_Profiler:r,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:F},kt=Object.freeze({default:xt}),St=kt&&xt||kt,Et=St.default||St;Pt.exports=Et}()}),ut=t(function(t){"production"===process.env.NODE_ENV?t.exports=et:t.exports=ct}),lt=t(function(t,e){t.exports=function(){var a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function r(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}var i=function(t,e,n){return e&&r(t.prototype,e),n&&r(t,n),t},o="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==jt?jt:"undefined"!=typeof self?self:{};function t(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function e(t,e){return t(e={exports:{}},e.exports),e.exports}var n=e(function(e){function n(t){return(n="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})(t)}function r(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=r=function(t){return n(t)}:e.exports=r=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},r(t)}e.exports=r}),s=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t},c=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?s(t):e},u=e(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),l=e(function(n){function r(t,e){return n.exports=r=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},r(t,e)}n.exports=r}),f=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)};function p(){}p.prototype={on:function(t,e,n){var r=this.e||(this.e={});return(r[t]||(r[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var r=this;function i(){r.off(t,i),e.apply(n,arguments)}return i._=e,this.on(t,i,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),r=0,i=n.length;r<i;r++)n[r].fn.apply(n[r].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),r=n[t],i=[];if(r&&e)for(var o=0,a=r.length;o<a;o++)r[o].fn!==e&&r[o].fn._!==e&&i.push(r[o]);return i.length?n[t]=i:delete n[t],this}};var d=p,h=p;d.TinyEmitter=h;var y=e(function(t,e){t.exports=function(){function s(t){return(s="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})(t)}var c=Object.prototype.toString,a=function(t){if(void 0===t)return"undefined";if(null===t)return"null";var e,n,r,i,o,a=s(t);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"===u(t)?"generatorfunction":"function";if(e=t,Array.isArray?Array.isArray(e):e instanceof Array)return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(t))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(t))return"arguments";if((n=t)instanceof Date||"function"==typeof n.toDateString&&"function"==typeof n.getDate&&"function"==typeof n.setDate)return"date";if((r=t)instanceof Error||"string"==typeof r.message&&r.constructor&&"number"==typeof r.constructor.stackTraceLimit)return"error";if((i=t)instanceof RegExp||"string"==typeof i.flags&&"boolean"==typeof i.ignoreCase&&"boolean"==typeof i.multiline&&"boolean"==typeof i.global)return"regexp";switch(u(t)){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"==typeof(o=t).throw&&"function"==typeof o.return&&"function"==typeof o.next)return"generator";switch(a=c.call(t)){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 u(t){return t.constructor?t.constructor.name:null}function o(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var r in f(t,e,n),p(t,e,n),d(t,e,n),e)if(e.hasOwnProperty(r)){var i=t[r],o=e[r],a=n.concat(r);if(l(t,r,o,a))continue;f(i,o,a),p(i,o,a),d(i,o,a)}}function l(t,e,n,r){if(!Object.prototype.hasOwnProperty.call(t,e)){if(!0===n.__required__||!0===n.required)throw new TypeError("'".concat(r.join("."),"' is required"));return!0}}function f(t,e,n){var r;if("string"===a(e)?r=e:"function"===a(e)?e.___validator__=e:e.__type__?r=e.__type__:e.type&&(r=e.type),r&&"string"===a(r)){r=r.trim().toLowerCase();var i=a(t),o=i===r;if(-1<r.indexOf("|")&&(o=r.split("|").filter(Boolean).some(function(t){return i===t.trim()})),!o)throw new TypeError("'".concat(n.join("."),"' require '").concat(r,"' type, but got '").concat(i,"'"))}}function p(t,e,n){var r;if(e.___validator__?r=e.___validator__:e.validator&&(r=e.validator),"function"===a(r)){var i=r(n,t,a(t));if(!0!==i)throw new TypeError("The scheme for '".concat(n.join("."),"' validator function require return true, but got '").concat(i,"'"))}}function d(t,e,n){var r;if(e.___child__?r=e.___child__:e.child&&(r=e.child),"object"===a(r)){var i=a(t);"object"===i?o(t,r,n):"array"===i&&t.forEach(function(t,e){o(t,r,n.concat(e))})}}return o.kindOf=a,window.optionValidator=o}()}),v=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},m=e(function(r){function i(t,e,n){return function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()?r.exports=i=Reflect.construct:r.exports=i=function(t,e,n){var r=[null];r.push.apply(r,e);var i=new(Function.bind.apply(t,r));return n&&l(i,n.prototype),i},i.apply(null,arguments)}r.exports=i}),g=function(t){function r(t,e){var n;return a(this,r),n=c(this,u(r).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(s(n),e||n.constructor),n.name="ArtPlayerError",n}return f(r,t),r}(e(function(e){function r(t){var n="function"==typeof Map?new Map:void 0;return e.exports=r=function(t){if(null===t||!function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return m(t,arguments,u(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),l(e,t)},r(t)}e.exports=r})(Error));function b(t,e){if(!t)throw new g(e)}function w(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function x(t){return t.includes("?")?x(t.split("?")[0]):t.includes("#")?x(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function k(t){var e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),r=Math.floor(t-3600*e-60*n);return(0<e?[e,n,r]:[n,r]).map(function(t){return t<10?"0".concat(t):String(t)}).join(":")}function S(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(t){return setTimeout(t,e)})}function E(r,i,o){var a;function t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,r.apply(o,e)},i)}return t.clearTimeout=function(){clearTimeout(a)},t}function P(t){return t&&"object"===n(t)&&!Array.isArray(t)}function $(t){return t instanceof Element}function _(n,r){var i=Object.assign({},n);return P(n)&&P(r)&&Object.keys(r).forEach(function(t){var e=r[t];P(e)&&!$(e)&&t in n?i[t]=_(n[t],e):Object.assign(i,v({},t,e))}),i}function O(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",e),t.lastElementChild}function R(t,e,n){var r=Array.from(t.children);e.dataset.index=n;var i=r.find(function(t){return Number(t.dataset.index)>=Number(n)});return i?i.insertAdjacentElement("beforebegin",e):O(t,e),e}function C(t,e,n){return t.style[e]=n,t}function j(e,n){return Object.keys(n).forEach(function(t){C(e,t,n[t])}),e}function T(t,e){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(r):r}function L(e){return Array.from(e.parentElement.children).filter(function(t){return t!==e})}function M(t,e){L(t).forEach(function(t){return t.classList.remove(e)}),t.classList.add(e)}function A(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";t.setAttribute("data-balloon",e),t.setAttribute("data-balloon-pos",n)}function D(t){return"WEBVTT \r\n\r\n".concat(t.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").concat("\r\n\r\n"))}function z(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function q(t,e){var n=document.createElement("a");C(n,"display","none"),n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var W=Object.freeze({ArtPlayerError:g,errorHandle:b,clamp:w,getExt:x,secondToTime:k,sleep:S,debounce:E,isObject:P,isElement:$,mergeDeep:_,append:O,remove:function(t){return t.parentNode.removeChild(t)},insertByIndex:R,setStyle:C,setStyles:j,getStyle:T,sublings:L,inverseClass:M,tooltip:A,srtToVtt:D,vttToBlob:z,downloadImage:q});function I(t,e,n){if("string"===n){if(""===e.trim())throw new g("".concat(t.join(".")," can not be empty"));return!0}if(e instanceof Element)return!0;throw new g("".concat(t.join(".")," require 'string' or 'Element' type, but got '").concat(n,"'"))}var F={container:{validator:I,required:!0},url:{type:"string|function",required:!0},poster:"string",title:"string",type:{type:"string"},mimeCodec:"string",theme:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",plugins:{type:"array",child:{type:"function"}},whitelist:{type:"array",child:{type:"string|function|regexp"}},layers:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:I,style:"object",click:"function"}},contextmenu:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:I,style:"object",click:"function"}},quality:{type:"array",child:{default:"boolean",name:"string",url:"string"}},controls:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:I,style:"object",click:"function",position:function(t,e){return["top","left","right"].includes(e)}}},highlight:{type:"array",child:{type:"object",time:"number",text:"string"}},thumbnails:{type:"object",child:{type:"object",url:"string",number:"number",width:"number",height:"number",column:"number"}},subtitle:{type:"object",child:{type:"object",url:"string",style:"object"}},moreVideoAttr:"object",icons:"object",customType:"object",lang:"string"},N={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},video:{propertys:["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"]}},H=function t(e){var n=this;a(this,t);var r=e.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||r.some(function(t){var e=!1;switch(y.kindOf(t)){case"string":e=-1<n.userAgent.indexOf(t);break;case"function":e=t(n.userAgent);break;case"regexp":e=t.test(n.userAgent)}return e})},B=function(){function n(t){var e=this;a(this,n),t.option.container instanceof Element?this.$container=t.option.container:this.$container=document.querySelector(t.option.container),t.constructor.instances.some(function(t){return t.template.$container===e.$container})&&b(!1,"Cannot mount multiple instances on the same dom element"),t.whitelist.state?this.initDesktop():this.initMobile()}return i(n,[{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner">\n                <div class="artplayer-setting-body"></div>\n                <div class="artplayer-setting-close">×</div>\n              </div>\n            </div>\n            <div class="artplayer-info">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu"></div>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$settingClose=this.$container.querySelector(".artplayer-setting-close"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),U={"zh-cn":{"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器"},"zh-tw":{"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器"}},V=function(){function e(t){a(this,e),this.art=t,this.init()}return i(e,[{key:"init",value:function(){this.language=U[this.art.option.lang.toLowerCase()]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){U=_(U,t),this.init()}}]),e}(),Y=e(function(t){var o,e,i,a,r,n;o="undefined"!=typeof window&&void 0!==window.document?window.document:{},e=t.exports,i="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,a=function(){for(var t,e=[["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"]],n=0,r=e.length,i={};n<r;n++)if((t=e[n])&&t[1]in o){for(n=0;n<t.length;n++)i[e[0][n]]=t[n];return i}return!1}(),r={change:a.fullscreenchange,error:a.fullscreenerror},n={request:function(r){return new Promise(function(t){var e=a.requestFullscreen,n=function(){this.off("change",n),t()}.bind(this);r=r||o.documentElement,/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?r[e]():r[e](i?Element.ALLOW_KEYBOARD_INPUT:{}),this.on("change",n)}.bind(this))},exit:function(){return new Promise(function(t){if(this.isFullscreen){var e=function(){this.off("change",e),t()}.bind(this);o[a.exitFullscreen](),this.on("change",e)}else t()}.bind(this))},toggle:function(t){return this.isFullscreen?this.exit():this.request(t)},onchange:function(t){this.on("change",t)},onerror:function(t){this.on("error",t)},on:function(t,e){var n=r[t];n&&o.addEventListener(n,e,!1)},off:function(t,e){var n=r[t];n&&o.removeEventListener(n,e,!1)},raw:a},a?(Object.defineProperties(n,{isFullscreen:{get:function(){return Boolean(o[a.fullscreenElement])}},element:{enumerable:!0,get:function(){return o[a.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(o[a.fullscreenEnabled])}}}),e?(t.exports=n,t.exports.default=n):window.screenfull=n):e?t.exports=!1:window.screenfull=!1}),J=e(function(t){var e,n;e=window,n=function(){function g(t){var e=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(e)&&e}var n="undefined"==typeof console?function(){}:function(t){console.error(t)},b=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],w=b.length;function x(t){var e=getComputedStyle(t);return e||n("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}var k,S=!1;return function r(t){if(function(){if(!S){S=!0;var t=document.createElement("div");t.style.width="200px",t.style.padding="1px 2px 3px 4px",t.style.borderStyle="solid",t.style.borderWidth="1px 2px 3px 4px",t.style.boxSizing="border-box";var e=document.body||document.documentElement;e.appendChild(t);var n=x(t);k=200==Math.round(g(n.width)),r.isBoxSizeOuter=k,e.removeChild(t)}}(),"string"==typeof t&&(t=document.querySelector(t)),t&&"object"==typeof t&&t.nodeType){var e=x(t);if("none"==e.display)return function(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e<w;e++)t[b[e]]=0;return t}();var n={};n.width=t.offsetWidth,n.height=t.offsetHeight;for(var i=n.isBorderBox="border-box"==e.boxSizing,o=0;o<w;o++){var a=b[o],s=e[a],c=parseFloat(s);n[a]=isNaN(c)?0:c}var u=n.paddingLeft+n.paddingRight,l=n.paddingTop+n.paddingBottom,f=n.marginLeft+n.marginRight,p=n.marginTop+n.marginBottom,d=n.borderLeftWidth+n.borderRightWidth,h=n.borderTopWidth+n.borderBottomWidth,y=i&&k,v=g(e.width);!1!==v&&(n.width=v+(y?0:u+d));var m=g(e.height);return!1!==m&&(n.height=m+(y?0:l+h)),n.innerWidth=n.width-(u+d),n.innerHeight=n.height-(l+h),n.outerWidth=n.width+f,n.outerHeight=n.height+p,n}}},t.exports?t.exports=n():e.getSize=n()}),Q=e(function(t){var e,n;e="undefined"!=typeof window?window:o,n=function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var n=this._events=this._events||{},r=n[t]=n[t]||[];return-1==r.indexOf(e)&&r.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var n=this._onceEvents=this._onceEvents||{};return(n[t]=n[t]||{})[e]=!0,this}},e.off=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){var r=n.indexOf(e);return-1!=r&&n.splice(r,1),this}},e.emitEvent=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){n=n.slice(0),e=e||[];for(var r=this._onceEvents&&this._onceEvents[t],i=0;i<n.length;i++){var o=n[i];r&&r[o]&&(this.off(t,o),delete r[o]),o.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t},t.exports?t.exports=n():e.EvEmitter=n()}),X=e(function(t){var e,n;e=window,n=function(i,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindStartEvent=function(t){this._bindStartEvent(t,!0)},n.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},n._bindStartEvent=function(t,e){var n=(e=void 0===e||e)?"addEventListener":"removeEventListener",r="mousedown";i.PointerEvent?r="pointerdown":"ontouchstart"in i&&(r="touchstart"),t[n](r,this)},n.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.getTouch=function(t){for(var e=0;e<t.length;e++){var n=t[e];if(n.identifier==this.pointerIdentifier)return n}},n.onmousedown=function(t){var e=t.button;e&&0!==e&&1!==e||this._pointerDown(t,t)},n.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},n.onpointerdown=function(t){this._pointerDown(t,t)},n._pointerDown=function(t,e){t.button||this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==e.pointerId?e.pointerId:e.identifier,this.pointerDown(t,e))},n.pointerDown=function(t,e){this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e])};var r={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"]};return n._bindPostStartEvents=function(t){if(t){var e=r[t.type];e.forEach(function(t){i.addEventListener(t,this)},this),this._boundPointerEvents=e}},n._unbindPostStartEvents=function(){this._boundPointerEvents&&(this._boundPointerEvents.forEach(function(t){i.removeEventListener(t,this)},this),delete this._boundPointerEvents)},n.onmousemove=function(t){this._pointerMove(t,t)},n.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},n.ontouchmove=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerMove(t,e)},n._pointerMove=function(t,e){this.pointerMove(t,e)},n.pointerMove=function(t,e){this.emitEvent("pointerMove",[t,e])},n.onmouseup=function(t){this._pointerUp(t,t)},n.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},n.ontouchend=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerUp(t,e)},n._pointerUp=function(t,e){this._pointerDone(),this.pointerUp(t,e)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e])},n._pointerDone=function(){this._pointerReset(),this._unbindPostStartEvents(),this.pointerDone()},n._pointerReset=function(){this.isPointerDown=!1,delete this.pointerIdentifier},n.pointerDone=function(){},n.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},n.ontouchcancel=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerCancel(t,e)},n._pointerCancel=function(t,e){this._pointerDone(),this.pointerCancel(t,e)},n.pointerCancel=function(t,e){this.emitEvent("pointerCancel",[t,e])},e.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}},e},t.exports?t.exports=n(e,Q):e.Unipointer=n(e,e.EvEmitter)}),Z=e(function(t){var e,n;e=window,n=function(o,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindHandles=function(){this._bindHandles(!0)},n.unbindHandles=function(){this._bindHandles(!1)},n._bindHandles=function(t){for(var e=(t=void 0===t||t)?"addEventListener":"removeEventListener",n=t?this._touchActionValue:"",r=0;r<this.handles.length;r++){var i=this.handles[r];this._bindStartEvent(i,t),i[e]("click",this),o.PointerEvent&&(i.style.touchAction=n)}},n._touchActionValue="none",n.pointerDown=function(t,e){this.okayPointerDown(t)&&(this.pointerDownPointer=e,t.preventDefault(),this.pointerDownBlur(),this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e]))};var i={TEXTAREA:!0,INPUT:!0,SELECT:!0,OPTION:!0},a={radio:!0,checkbox:!0,button:!0,submit:!0,image:!0,file:!0};return n.okayPointerDown=function(t){var e=i[t.target.nodeName],n=a[t.target.type],r=!e||n;return r||this._pointerReset(),r},n.pointerDownBlur=function(){var t=document.activeElement;t&&t.blur&&t!=document.body&&t.blur()},n.pointerMove=function(t,e){var n=this._dragPointerMove(t,e);this.emitEvent("pointerMove",[t,e,n]),this._dragMove(t,e,n)},n._dragPointerMove=function(t,e){var n={x:e.pageX-this.pointerDownPointer.pageX,y:e.pageY-this.pointerDownPointer.pageY};return!this.isDragging&&this.hasDragStarted(n)&&this._dragStart(t,e),n},n.hasDragStarted=function(t){return 3<Math.abs(t.x)||3<Math.abs(t.y)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e]),this._dragPointerUp(t,e)},n._dragPointerUp=function(t,e){this.isDragging?this._dragEnd(t,e):this._staticClick(t,e)},n._dragStart=function(t,e){this.isDragging=!0,this.isPreventingClicks=!0,this.dragStart(t,e)},n.dragStart=function(t,e){this.emitEvent("dragStart",[t,e])},n._dragMove=function(t,e,n){this.isDragging&&this.dragMove(t,e,n)},n.dragMove=function(t,e,n){t.preventDefault(),this.emitEvent("dragMove",[t,e,n])},n._dragEnd=function(t,e){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,e)},n.dragEnd=function(t,e){this.emitEvent("dragEnd",[t,e])},n.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},n._staticClick=function(t,e){this.isIgnoringMouseUp&&"mouseup"==t.type||(this.staticClick(t,e),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)))},n.staticClick=function(t,e){this.emitEvent("staticClick",[t,e])},e.getPointerPoint=t.getPointerPoint,e},t.exports?t.exports=n(e,X):e.Unidragger=n(e,e.Unipointer)}),G=e(function(t){var e,n;e=window,n=function(o,c,t){function n(t,e){for(var n in e)t[n]=e[n];return t}var r=o.jQuery;function e(t,e){this.element="string"==typeof t?document.querySelector(t):t,r&&(this.$element=r(this.element)),this.options=n({},this.constructor.defaults),this.option(e),this._create()}var i=e.prototype=Object.create(t.prototype);e.defaults={},i.option=function(t){n(this.options,t)};var a={relative:!0,absolute:!0,fixed:!0};function u(t,e,n){return n=n||"round",e?Math[n](t/e)*e:t}return i._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition=n({},this.position);var t=getComputedStyle(this.element);a[t.position]||(this.element.style.position="relative"),this.on("pointerDown",this.onPointerDown),this.on("pointerMove",this.onPointerMove),this.on("pointerUp",this.onPointerUp),this.enable(),this.setHandles()},i.setHandles=function(){this.handles=this.options.handle?this.element.querySelectorAll(this.options.handle):[this.element],this.bindHandles()},i.dispatchEvent=function(t,e,n){var r=[e].concat(n);this.emitEvent(t,r),this.dispatchJQueryEvent(t,e,n)},i.dispatchJQueryEvent=function(t,e,n){var r=o.jQuery;if(r&&this.$element){var i=r.Event(e);i.type=t,this.$element.trigger(i,n)}},i._getPosition=function(){var t=getComputedStyle(this.element),e=this._getPositionCoord(t.left,"width"),n=this._getPositionCoord(t.top,"height");this.position.x=isNaN(e)?0:e,this.position.y=isNaN(n)?0:n,this._addTransformPosition(t)},i._getPositionCoord=function(t,e){if(-1==t.indexOf("%"))return parseInt(t,10);var n=c(this.element.parentNode);return n?parseFloat(t)/100*n[e]:0},i._addTransformPosition=function(t){var e=t.transform;if(0===e.indexOf("matrix")){var n=e.split(","),r=0===e.indexOf("matrix3d")?12:4,i=parseInt(n[r],10),o=parseInt(n[1+r],10);this.position.x+=i,this.position.y+=o}},i.onPointerDown=function(t,e){this.element.classList.add("is-pointer-down"),this.dispatchJQueryEvent("pointerDown",t,[e])},i.dragStart=function(t,e){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.element.classList.add("is-dragging"),this.dispatchEvent("dragStart",t,[e]),this.animate())},i.measureContainment=function(){var t=this.getContainer();if(t){var e=c(this.element),n=c(t),r=this.element.getBoundingClientRect(),i=t.getBoundingClientRect(),o=n.borderLeftWidth+n.borderRightWidth,a=n.borderTopWidth+n.borderBottomWidth,s=this.relativeStartPosition={x:r.left-(i.left+n.borderLeftWidth),y:r.top-(i.top+n.borderTopWidth)};this.containSize={width:n.width-o-s.x-e.width,height:n.height-a-s.y-e.height}}},i.getContainer=function(){var t=this.options.containment;if(t)return t instanceof HTMLElement?t:"string"==typeof t?document.querySelector(t):this.element.parentNode},i.onPointerMove=function(t,e,n){this.dispatchJQueryEvent("pointerMove",t,[e,n])},i.dragMove=function(t,e,n){if(this.isEnabled){var r=n.x,i=n.y,o=this.options.grid,a=o&&o[0],s=o&&o[1];r=u(r,a),i=u(i,s),r=this.containDrag("x",r,a),i=this.containDrag("y",i,s),r="y"==this.options.axis?0:r,i="x"==this.options.axis?0:i,this.position.x=this.startPosition.x+r,this.position.y=this.startPosition.y+i,this.dragPoint.x=r,this.dragPoint.y=i,this.dispatchEvent("dragMove",t,[e,n])}},i.containDrag=function(t,e,n){if(!this.options.containment)return e;var r="x"==t?"width":"height",i=u(-this.relativeStartPosition[t],n,"ceil"),o=this.containSize[r];return o=u(o,n,"floor"),Math.max(i,Math.min(o,e))},i.onPointerUp=function(t,e){this.element.classList.remove("is-pointer-down"),this.dispatchJQueryEvent("pointerUp",t,[e])},i.dragEnd=function(t,e){this.isEnabled&&(this.element.style.transform="",this.setLeftTop(),this.element.classList.remove("is-dragging"),this.dispatchEvent("dragEnd",t,[e]))},i.animate=function(){if(this.isDragging){this.positionDrag();var t=this;requestAnimationFrame(function(){t.animate()})}},i.setLeftTop=function(){this.element.style.left=this.position.x+"px",this.element.style.top=this.position.y+"px"},i.positionDrag=function(){this.element.style.transform="translate3d( "+this.dragPoint.x+"px, "+this.dragPoint.y+"px, 0)"},i.staticClick=function(t,e){this.dispatchEvent("staticClick",t,[e])},i.setPosition=function(t,e){this.position.x=t,this.position.y=e,this.setLeftTop()},i.enable=function(){this.isEnabled=!0},i.disable=function(){this.isEnabled=!1,this.isDragging&&this.dragEnd()},i.destroy=function(){this.disable(),this.element.style.transform="",this.element.style.left="",this.element.style.top="",this.element.style.position="",this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},i._init=function(){},r&&r.bridget&&r.bridget("draggabilly",e),e},t.exports?t.exports=n(e,J,Z):e.Draggabilly=n(e,e.getSize,e.Unidragger)}),K=function t(e){a(this,t),function(r,t){var e=r.option,i=e.type,o=e.customType,a=r.template.$video;Object.defineProperty(t,"attachUrl",{value:function(t){return S().then(function(){function e(t){var e=i||x(t),n=o[e];return e&&n?(r.loading.show(),r.emit("beforeCustomType",e),n.call(r,a,t,r),r.emit("afterCustomType",e)):(r.emit("beforeAttachUrl"),a.src=t,r.emit("afterAttachUrl")),Promise.resolve(t)}return"function"==typeof t?t.call(r).then(function(t){return r.loading.show(),e(t)}):e(t)})}})}(e,this),function(e,t){var n=e.option,r=e.events.proxy,i=e.template,o=i.$player,a=i.$video,s=e.i18n,c=e.notice,u=!1,l=0;r(a,"click",function(){t.toggle()}),N.video.events.forEach(function(t){r(a,t,function(t){e.emit("video:".concat(t.type),t)})}),e.on("video:canplay",function(){u||(u=!0,n.autoplay&&t.play(),e.emit("firstCanplay")),l=0,e.controls.show(),e.mask.show(),e.loading.hide()}),e.on("video:ended",function(){e.controls.show(),e.mask.show(),n.loop&&(t.seek(0),t.play())}),e.on("video:error",function(){l<5?S(1e3).then(function(){l+=1,t.attachUrl(n.url),c.show("".concat(s.get("Reconnect"),": ").concat(l))}):(e.loading.hide(),e.controls.hide(),o.classList.add("artplayer-error"),S(1e3).then(function(){c.show(s.get("Video load failed"),!1),e.destroy()}))}),e.on("video:loadedmetadata",function(){n.autoSize&&t.autoSize()}),e.on("video:loadstart",function(){e.loading.show()}),e.on("video:pause",function(){e.controls.show(),e.mask.show()}),e.on("video:play",function(){e.controls.hide(),e.mask.hide()}),e.on("video:playing",function(){e.controls.hide(),e.mask.hide()}),e.on("video:seeked",function(){e.loading.hide()}),e.on("video:seeking",function(){e.loading.show()}),e.on("video:timeupdate",function(){e.controls.hide(),e.mask.hide()}),e.on("video:waiting",function(){e.loading.show()})}(e,this),function(t,e){var n=t.option,r=t.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){r[t]=n.moreVideoAttr[t]}),n.muted&&(r.muted=n.muted),n.volume&&(r.volume=w(n.volume,0,1)),n.poster&&(r.poster=n.poster),n.autoplay&&(r.autoplay=n.autoplay),e.attachUrl(n.url)}(e,this),function(e,t){var n=e.template.$video,r=e.i18n,i=e.notice,o=e.option.mutex;Object.defineProperty(t,"play",{value:function(){var t=n.play();void 0!==t&&t.then().catch(function(t){i.show(t,!0,3e3),console.warn(t)}),o&&e.constructor.instances.filter(function(t){return t!==e}).forEach(function(t){return t.player.pause()}),i.show(r.get("Play")),e.emit("play")}})}(e,this),function(t,e){var n=t.template.$video,r=t.i18n,i=t.notice;Object.defineProperty(e,"pause",{value:function(){n.pause(),i.show(r.get("Pause")),t.emit("pause")}})}(e,this),function(t,e){Object.defineProperty(e,"toggle",{value:function(){e.playing?e.pause():e.play()}})}(0,this),function(n,r){var i=n.notice;Object.defineProperty(r,"seek",{value:function(t){var e=Math.max(t,0);r.duration&&(e=Math.min(e,r.duration)),r.currentTime=e,i.show("".concat(k(e)," / ").concat(k(r.duration))),n.emit("seek",e)}})}(e,this),function(e,t){var n=e.template.$video,r=e.i18n,i=e.notice,o=e.storage;Object.defineProperty(t,"volume",{get:function(){return n.volume||0},set:function(t){void 0!==t&&(n.volume=w(t,0,1),i.show("".concat(r.get("Volume"),": ").concat(parseInt(100*n.volume,10))),0!==n.volume&&o.set("volume",n.volume),e.emit("volumeChange",n.volume))}}),Object.defineProperty(t,"muted",{get:function(){return n.muted},set:function(t){n.muted=t,e.emit("volumeChange",n.volume)}})}(e,this),function(e,t){Object.defineProperty(t,"currentTime",{get:function(){return e.template.$video.currentTime||0},set:function(t){e.template.$video.currentTime=t}})}(e,this),function(t,e){Object.defineProperty(e,"duration",{get:function(){return t.template.$video.duration||0}})}(e,this),function(i,o){var a=i.i18n,s=i.notice,c=i.option;Object.defineProperty(o,"switchQuality",{value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(t!==c.url){var n=o.currentTime,r=o.playing;o.attachUrl(t).then(function(){c.url=t,o.playbackRateRemove(),o.aspectRatioRemove(),o.seek(n),r&&o.play(),s.show("".concat(a.get("Switch video"),": ").concat(e)),i.emit("switch",t)})}}})}(e,this),function(n,e){var t=n.template,r=t.$video,i=t.$player,o=n.i18n,a=n.notice;Object.defineProperty(e,"playbackRateState",{get:function(){return i.dataset.playbackRate}}),Object.defineProperty(e,"playbackRate",{value:function(t){var e=[.5,.75,1,1.25,1.5,2];b(e.includes(t),"'playbackRate' only accept ".concat(e.toString()," as parameters")),t!==i.dataset.playbackRate&&(r.playbackRate=t,i.dataset.playbackRate=t,a.show("".concat(o.get("Rate"),": ").concat(1===t?o.get("Normal"):"".concat(t,"x"))),n.emit("playbackRateChange",t))}}),Object.defineProperty(e,"playbackRateRemove",{value:function(){e.$playbackRateState&&(e.playbackRate(1),delete i.dataset.playbackRate,n.emit("playbackRateRemove"))}}),Object.defineProperty(e,"playbackRateReset",{value:function(){var t=i.dataset.playbackRate;t&&(e.playbackRate(Number(t)),n.emit("playbackRateReset"))}})}(e,this),function(f,p){var t=f.template,d=t.$video,h=t.$player,y=f.i18n,v=f.notice;Object.defineProperty(p,"aspectRatioState",{get:function(){return h.dataset.aspectRatio||""}}),Object.defineProperty(p,"aspectRatio",{value:function(t){var e=["default","4:3","16:9"];if(b(e.includes(t),"'aspectRatio' only accept ".concat(e.toString()," as parameters")),"default"===t)p.aspectRatioRemove();else{var n=t.split(":"),r=d.videoWidth,i=d.videoHeight,o=h.clientWidth,a=h.clientHeight,s=r/i,c=n[0]/n[1];if(c<s){var u=c*i/r;C(d,"width","".concat(100*u,"%")),C(d,"height","100%"),C(d,"padding","0 ".concat((o-o*u)/2,"px"))}else{var l=r/c/i;C(d,"width","100%"),C(d,"height","".concat(100*l,"%")),C(d,"padding","".concat((a-a*l)/2,"px 0"))}}h.dataset.aspectRatio=t,v.show("".concat(y.get("Aspect ratio"),": ").concat("default"===t?y.get("Default"):t)),f.emit("aspectRatioChange",t)}}),Object.defineProperty(p,"aspectRatioRemove",{value:function(){p.aspectRatioState&&(C(d,"width",null),C(d,"height",null),C(d,"padding",null),delete h.dataset.aspectRatio,f.emit("aspectRatioRemove"))}}),Object.defineProperty(p,"aspectRatioReset",{value:function(){var t=h.dataset.aspectRatio;t&&(p.aspectRatio(t),f.emit("aspectRatioReset"))}})}(e,this),function(e,t){var n=e.option,r=e.notice,i=e.template.$video;Object.defineProperty(t,"screenshot",{value:function(){try{var t=function(){var t=document.createElement("canvas");t.width=i.videoWidth,t.height=i.videoHeight,t.getContext("2d").drawImage(i,0,0);var e=t.toDataURL("image/png");return q(e,"".concat(n.title||"artplayer","_").concat(k(i.currentTime),".png")),e}();e.emit("screenshot",t)}catch(t){r.show(t),console.warn(t)}}})}(e,this),function(t,e){var n=t.notice,r=t.events.destroyEvents,i=t.template.$player,o=function(){t.emit("fullscreen",Y.isFullscreen)},a=function(){n.show("Your browser does not seem to support full screen functionality.")};try{Y.on("change",o),Y.on("error",a),r.push(function(){Y.off("change",o),Y.off("error",a)})}catch(t){console.error(t)}Object.defineProperty(e,"fullscreenState",{get:function(){return Y.isFullscreen}}),Object.defineProperty(e,"fullscreenEnabled",{value:function(){e.fullscreenWebState&&e.fullscreenWebExit(),i.classList.add("artplayer-fullscreen"),Y.request(i),e.aspectRatioReset(),t.emit("fullscreen:enabled")}}),Object.defineProperty(e,"fullscreenExit",{value:function(){e.fullscreenState&&(e.fullscreenWebExit(),i.classList.remove("artplayer-fullscreen"),Y.exit(),e.aspectRatioReset(),t.emit("fullscreen:exit"))}}),Object.defineProperty(e,"fullscreenToggle",{value:function(){e.fullscreenState?e.fullscreenExit():e.fullscreenEnabled()}})}(e,this),function(t,e){var n=t.template.$player;Object.defineProperty(e,"fullscreenWebState",{get:function(){return n.classList.contains("artplayer-web-fullscreen")}}),Object.defineProperty(e,"fullscreenWebEnabled",{value:function(){e.fullscreenState&&e.fullscreenExit(),n.classList.add("artplayer-web-fullscreen"),e.aspectRatioReset(),t.emit("fullscreenWeb:enabled")}}),Object.defineProperty(e,"fullscreenWebExit",{value:function(){e.fullscreenWebState&&(e.fullscreenExit(),n.classList.remove("artplayer-web-fullscreen"),e.aspectRatioReset(),t.emit("fullscreenWeb:exit"))}}),Object.defineProperty(e,"fullscreenWebToggle",{value:function(){e.fullscreenWebState?e.fullscreenWebExit():e.fullscreenWebEnabled()}})}(e,this),function(t,e){document.pictureInPictureEnabled?function(t,e){var n=t.notice,r=t.template.$video,i=t.events.proxy;r.disablePictureInPicture=!1,Object.defineProperty(e,"pipState",{get:function(){return document.pictureInPictureElement}}),Object.defineProperty(e,"pipEnabled",{value:function(){r.requestPictureInPicture().catch(function(t){n.show(t,!0,3e3),console.warn(t)})}}),Object.defineProperty(e,"pipExit",{value:function(){document.exitPictureInPicture().catch(function(t){n.show(t,!0,3e3),console.warn(t)})}}),i(r,"enterpictureinpicture",function(){t.emit("pipEnabled")}),i(r,"leavepictureinpicture",function(){t.emit("pipExit")}),t.on("destroy",function(){e.pipState&&e.pipExit()})}(t,e):function(t,e){var n=t.option,r=t.i18n,i=t.template,o=i.$player,a=i.$pipClose,s=i.$pipTitle,c=t.events,u=c.destroyEvents,l=c.proxy,f=null,p=null;Object.defineProperty(e,"pipState",{get:function(){return o.classList.contains("artplayer-pip")}}),Object.defineProperty(e,"pipEnabled",{value:function(){e.autoSizeState&&e.autoSizeRemove(),p?(C(o,"left","".concat(f.x,"px")),C(o,"top","".concat(f.y,"px"))):(p=new G(o,{handle:".artplayer-pip-header"}),O(s,n.title||r.get("Mini player")),l(a,"click",function(){e.pipExit()}),u.push(function(){p.destroy()})),o.classList.add("artplayer-pip"),e.fullscreenExit(),e.fullscreenWebExit(),e.aspectRatioRemove(),e.playbackRateRemove(),t.emit("pipEnabled")}}),Object.defineProperty(e,"pipExit",{value:function(){e.pipState&&(o.classList.remove("artplayer-pip"),f=p.position,C(o,"left",null),C(o,"top",null),e.fullscreenExit(),e.fullscreenWebExit(),e.aspectRatioRemove(),e.playbackRateRemove(),t.emit("pipExit"))}})}(t,e),Object.defineProperty(e,"pipToggle",{value:function(){e.pipState?e.pipExit():e.pipEnabled()}})}(e,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"loaded",{get:function(){return n.buffered.length?n.buffered.end(n.buffered.length-1)/n.duration:0}})}(e,this),function(t,e){Object.defineProperty(e,"played",{get:function(){return t.template.$video.currentTime/t.template.$video.duration}})}(e,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"playing",{get:function(){return!!(0<n.currentTime&&!n.paused&&!n.ended&&2<n.readyState)}})}(e,this),function(c,t){var e=c.template,u=e.$container,l=e.$player,f=e.$video;Object.defineProperty(t,"autoSizeState",{get:function(){return u.classList.contains("artplayer-auto-size")}}),Object.defineProperty(t,"autoSize",{value:function(){var t=f.videoWidth,e=f.videoHeight,n=u.getBoundingClientRect(),r=n.width,i=n.height,o=t/e,a=r/i;if(u.classList.add("artplayer-auto-size"),o<a)C(l,"width","".concat(i*o/r*100,"%")),C(l,"height","100%");else{var s=r/o/i*100;C(l,"width","100%"),C(l,"height","".concat(s,"%"))}c.emit("autoSizeChange")}}),Object.defineProperty(t,"autoSizeRemove",{value:function(){u.classList.remove("artplayer-auto-size"),C(l,"width",null),C(l,"height",null),c.emit("autoSizeRemove")}})}(e,this),function(n,t){Object.defineProperty(t,"flipState",{get:function(){return n.template.$player.dataset.flip}}),Object.defineProperty(t,"flip",{value:function(t){var e=["normal","horizontal","vertical"];b(e.includes(t),"'flip' only accept ".concat(e.toString()," as parameters")),n.template.$player.dataset.flip=t,n.emit("flipChange",t)}}),Object.defineProperty(t,"flipRemove",{value:function(){delete n.template.$player.dataset.flip,n.emit("flipRemove")}})}(e,this)};function tt(e,n,t,r,i,o){var a="function"==typeof r?r(e):r;if(!a.disable){n.id+=1;var s=a.name||"".concat(o).concat(n.id),c=document.createElement("div");c.classList.value="art-".concat(o," art-").concat(o,"-").concat(s),a.html&&O(c,a.html),a.style&&j(c,a.style),a.click&&e.events.proxy(c,"click",function(t){t.preventDefault(),a.click.call(n,t),e.emit("".concat(o,":click"),c)}),Object.defineProperty(a,"$ref",{get:function(){return c}}),Object.defineProperty(a,"hide",{value:function(){C(c,"display","none"),e.emit("".concat(o,":hide"),c)}}),Object.defineProperty(a,"show",{value:function(){C(c,"display","block"),e.emit("".concat(o,":show"),c)}}),R(t,c,a.index||n.id),a.mounted&&a.mounted(c),i&&i(c),n[s]=a,e.emit("".concat(o,":add"),a)}}var et,nt,rt=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(t){v(e,t,n[t])})}return e},it=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],r=!0,i=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(r=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){i=!0,o=t}finally{try{r||null==s.return||s.return()}finally{if(i)throw o}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()},ot=(et={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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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>',playBig:'<svg xmlns="http://www.w3.org/2000/svg" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',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>',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>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\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>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},nt={},Object.keys(et).forEach(function(t){var e=document.createElement("div");e.innerHTML='<i class="art-icon art-icon-'.concat(t,'">').concat(et[t],"</i>");var n=it(e.childNodes,1);nt[t]=n[0]}),nt);function at(t,e){var n=t.template.$progress,r=t.player,i=n.getBoundingClientRect().left,o=w(e.x-i,0,n.clientWidth),a=o/n.clientWidth*r.duration;return{second:a,time:k(a),width:o,percentage:w(o/n.clientWidth,0,1)}}var st=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return i(n,[{key:"init",value:function(){var e=this,t=this.art.option;this.add(function(r){return function(l){var t=l.option,e=t.highlight,n=t.theme,f=l.events.proxy,p=l.player;return rt({},r,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(o){var i=!1,n=o.querySelector(".art-progress-loaded"),r=o.querySelector(".art-progress-played"),a=o.querySelector(".art-progress-highlight"),s=o.querySelector(".art-progress-indicator"),c=o.querySelector(".art-progress-tip");function u(t,e){"loaded"===t&&C(n,"width","".concat(100*e,"%")),"played"===t&&(C(r,"width","".concat(100*e,"%")),C(s,"left","calc(".concat(100*e,"% - ").concat(T(s,"width")/2,"px)")))}e.forEach(function(t){var e=w(t.time,0,p.duration)/p.duration*100;O(a,'<span data-text="'.concat(t.text,'" data-time="').concat(t.time,'" style="left: ').concat(e,'%"></span>'))}),u("loaded",p.loaded),l.on("video:progress",function(){u("loaded",p.loaded)}),l.on("video:timeupdate",function(){u("played",p.played)}),l.on("video:ended",function(){u("played",1)}),f(o,"mousemove",function(t){C(c,"display","block"),-1<t.composedPath().indexOf(a)?function(t){var e=t.target.dataset,n=e.text,r=e.time;c.innerHTML=n;var i=Number(r)/l.player.duration*o.clientWidth+t.target.clientWidth/2-c.clientWidth/2;C(c,"left","".concat(i,"px"))}(t):function(t){var e=at(l,t),n=e.width,r=e.time,i=c.clientWidth;c.innerHTML=r,n<=i/2?C(c,"left",0):n>o.clientWidth-i/2?C(c,"left","".concat(o.clientWidth-i,"px")):C(c,"left","".concat(n-i/2,"px"))}(t)}),f(o,"mouseout",function(){C(c,"display","none")}),f(o,"click",function(t){if(t.target!==s){var e=at(l,t),n=e.second;u("played",e.percentage),p.seek(n)}}),f(s,"mousedown",function(){i=!0}),f(document,"mousemove",function(t){if(i){var e=at(l,t),n=e.second,r=e.percentage;s.classList.add("art-show-indicator"),u("played",r),p.seek(n)}}),f(document,"mouseup",function(){i&&(i=!1,s.classList.remove("art-show-indicator"))})}})}}({name:"progress",disable:t.isLive,position:"top",index:10})),this.add(function(t){return function(h){return rt({},t,{mounted:function(p){var d=h.template.$progress,t=h.events,e=t.proxy,n=t.loadImg,r=!1,i=!1;e(d,"mousemove",function(t){r||(r=!0,n(h.option.thumbnails.url).then(function(){i=!0})),i&&(C(p,"display","block"),function(t){var e=at(h,t).width,n=h.option.thumbnails,r=n.url,i=n.height,o=n.width,a=n.number,s=n.column,c=d.clientWidth/a,u=Math.ceil(e/c),l=Math.ceil(u/s)-1,f=u%s||s-1;C(p,"backgroundImage","url(".concat(r,")")),C(p,"height","".concat(i,"px")),C(p,"width","".concat(o,"px")),C(p,"backgroundPosition","-".concat(f*o,"px -").concat(l*i,"px")),e<=o/2?C(p,"left",0):e>d.clientWidth-o/2?C(p,"left","".concat(d.clientWidth-o,"px")):C(p,"left","".concat(e-o/2,"px"))}(t))}),e(d,"mouseout",function(){C(p,"display","none")})}})}}({name:"thumbnails",disable:!t.thumbnails.url||t.isLive,position:"top",index:20})),this.add(function(t){return function(c){return rt({},t,{mounted:function(t){var e=c.events.proxy,n=c.player,r=c.i18n,i=O(t,ot.play),o=O(t,ot.pause);function a(){C(i,"display","flex"),C(o,"display","none")}function s(){C(i,"display","none"),C(o,"display","flex")}A(i,r.get("Play")),A(o,r.get("Pause")),e(i,"click",function(){n.play()}),e(o,"click",function(){n.pause()}),n.playing?s():a(),c.on("video:playing",function(){s()}),c.on("video:pause",function(){a()})}})}}({name:"playAndPause",disable:!1,position:"left",index:10})),this.add(function(t){return function(f){return rt({},t,{mounted:function(t){var e=f.events.proxy,i=f.player,n=f.i18n,r=!1,o=O(t,ot.volume),a=O(t,ot.volumeClose),s=O(t,'<div class="art-volume-panel"></div>'),c=O(s,'<div class="art-volume-slider-handle"></div>');function u(t){var e=s.getBoundingClientRect(),n=e.left,r=e.width,i=c.getBoundingClientRect().width;return w(t.x-n-i/2,0,r-i/2)/(r-i)}function l(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.7;if(i.muted||0===t)C(o,"display","none"),C(a,"display","flex"),C(c,"left","0");else{var e=T(s,"width")||60,n=T(c,"width"),r=n/2+(e-n)*t-n/2;C(o,"display","flex"),C(a,"display","none"),C(c,"left","".concat(r,"px"))}}A(o,n.get("Mute")),C(a,"display","none"),l(i.volume),f.on("video:volumechange",function(){l(i.volume)}),e(o,"click",function(){i.muted=!0}),e(a,"click",function(){i.muted=!1}),e(s,"click",function(t){i.muted=!1,i.volume=u(t)}),e(c,"mousedown",function(){r=!0}),e(c,"mousemove",function(t){r&&(i.muted=!1,i.volume=u(t))}),e(document,"mouseup",function(){r&&(r=!1)})}})}}({name:"volume",disable:!1,position:"left",index:20})),this.add(function(t){return function(r){return rt({},t,{mounted:function(e){function n(){var t="".concat(k(r.player.currentTime)," / ").concat(k(r.player.duration));t!==e.innerHTML&&(e.innerHTML=t)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(t){r.on(t,n)})}})}}({name:"time",disable:t.isLive,position:"left",index:30})),this.add(function(t){return function(i){return rt({},t,{mounted:function(t){var o=i.option,e=i.events.proxy,a=i.player,s=-1,n=o.quality.find(function(t){return t.default})||o.quality[0];s=o.quality.indexOf(n);var c=O(t,'<div class="art-quality-name">'.concat(n.name,"</div>")),r=o.quality.map(function(t,e){return'<div class="art-quality-item" data-index="'.concat(e,'">').concat(t.name,"</div>")}).join("");e(O(t,'<div class="art-qualitys">'.concat(r,"</div>")),"click",function(t){var e=Number(t.target.dataset.index),n=o.quality[e],r=n.url,i=n.name;r&&i&&s!==e&&(a.switchQuality(r,i),c.innerHTML=i,s=e)})}})}}({name:"quality",disable:0===t.quality.length,position:"right",index:10})),this.add(function(t){return function(o){return rt({},t,{mounted:function(t){var e=o.events.proxy,n=o.i18n,r=o.player,i=O(t,ot.screenshot);A(i,n.get("Screenshot")),e(i,"click",function(){r.screenshot()})}})}}({name:"screenshot",disable:!t.screenshot,position:"right",index:20})),this.add(function(t){return function(o){return rt({},t,{mounted:function(t){var e=o.events.proxy,n=o.i18n,r=o.subtitle,i=O(t,ot.subtitle);A(i,n.get("Hide subtitle")),e(t,"click",function(){r.toggle()}),o.on("subtitle:show",function(){C(i,"opacity","1"),A(i,n.get("Hide subtitle"))}),o.on("subtitle:hide",function(){C(i,"opacity","0.8"),A(i,n.get("Show subtitle"))})}})}}({name:"subtitle",disable:!t.subtitle.url,position:"right",index:30})),this.add(function(t){return function(o){return rt({},t,{mounted:function(t){var e=o.events.proxy,n=o.i18n,r=o.setting,i=O(t,ot.setting);A(i,n.get("Show setting")),e(t,"click",function(){r.toggle()}),o.on("setting:show",function(){C(i,"opacity","0.8"),A(i,n.get("Hide setting"))}),o.on("setting:hide",function(){C(i,"opacity","1"),A(i,n.get("Show setting"))})}})}}({name:"setting",disable:!t.setting,position:"right",index:40})),this.add(function(t){return function(i){return rt({},t,{mounted:function(t){var e=i.events.proxy,n=i.i18n,r=i.player;A(O(t,ot.pip),n.get("Mini player")),e(t,"click",function(){r.pipEnabled()})}})}}({name:"pip",disable:!t.pip,position:"right",index:50})),this.add(function(t){return function(o){return rt({},t,{mounted:function(t){var e=o.events.proxy,n=o.i18n,r=o.player,i=O(t,ot.fullscreenWeb);A(i,n.get("Web fullscreen")),e(t,"click",function(){r.fullscreenWebToggle()}),o.on("fullscreenWeb:enabled",function(){C(i,"opacity","0.8"),A(i,n.get("Exit web fullscreen"))}),o.on("fullscreenWeb:exit",function(){C(i,"opacity","1"),A(i,n.get("Web fullscreen"))})}})}}({name:"fullscreenWeb",disable:!t.fullscreenWeb,position:"right",index:60})),this.add(function(t){return function(o){return rt({},t,{mounted:function(t){var e=o.events.proxy,n=o.i18n,r=o.player,i=O(t,ot.fullscreen);A(i,n.get("Fullscreen")),e(t,"click",function(){r.fullscreenToggle()}),o.on("fullscreen:enabled",function(){C(i,"opacity","0.8"),A(i,n.get("Exit fullscreen"))}),o.on("fullscreen:exit",function(){C(i,"opacity","1"),A(i,n.get("Fullscreen"))})}})}}({name:"fullscreen",disable:!t.fullscreen,position:"right",index:70})),t.controls.forEach(function(t){e.add(t)})}},{key:"add",value:function(t,e){var n,r="function"==typeof t?t(this.art):t,i=this.art.template,o=i.$progress,a=i.$controlsLeft,s=i.$controlsRight;switch(r.position){case"top":n=o;break;case"left":n=a;break;case"right":n=s}n&&tt(this.art,this,n,r,e,"control")}},{key:"show",value:function(){this.art.template.$player.classList.add("artplayer-controls-show")}},{key:"hide",value:function(){this.art.template.$player.classList.remove("artplayer-controls-show")}}]),n}(),ct=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return i(n,[{key:"init",value:function(){var e=this,t=this.art,n=t.option,r=t.template,i=r.$player,o=r.$contextmenu,a=t.events.proxy;this.add(function(e){return function(n){var t=n.i18n,r=n.player;return rt({},e,{html:"\n                ".concat(t.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(t.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(t){var e=t.target.dataset.rate;e&&(r.playbackRate(Number(e)),n.contextmenu.hide())},mounted:function(t){n.on("playbackRateChange",function(e){M(Array.from(t.querySelectorAll("span")).find(function(t){return Number(t.dataset.rate)===e}),"current")})}})}}({disable:!n.playbackRate,name:"playbackRate",index:10})),this.add(function(e){return function(n){var t=n.i18n,r=n.player;return rt({},e,{html:"\n                ".concat(t.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(t.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(t){var e=t.target.dataset.ratio;e&&(r.aspectRatio(e),n.contextmenu.hide())},mounted:function(t){n.on("aspectRatioChange",function(e){M(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.ratio===e}),"current")})}})}}({disable:!n.aspectRatio,name:"aspectRatio",index:20})),this.add(function(e){return function(t){return rt({},e,{html:t.i18n.get("Video info"),click:function(){t.info.show(),t.contextmenu.hide()}})}}({disable:!1,name:"info",index:30})),this.add(rt({},{disable:!1,name:"version",index:40},{html:'<a href="https://github.com/zhw2590582/artplayer" target="_blank">ArtPlayer 1.0.7</a>'})),this.add(function(e){return function(t){return rt({},e,{html:t.i18n.get("Close"),click:function(){t.contextmenu.hide()}})}}({disable:!1,name:"close",index:50})),n.contextmenu.forEach(function(t){e.add(t)}),a(i,"contextmenu",function(t){t.preventDefault(),e.show(),e.setPos(t)}),a(i,"click",function(t){t.composedPath().includes(o)||e.hide()})}},{key:"add",value:function(t,e){var n=this.art.template.$contextmenu;tt(this.art,this,n,t,e,"contextmenu")}},{key:"setPos",value:function(t){var e=this.art.template,n=e.$player,r=e.$contextmenu,i=t.clientX,o=t.clientY,a=n.getBoundingClientRect(),s=a.height,c=a.width,u=a.left,l=a.top,f=r.getBoundingClientRect(),p=f.height,d=f.width,h=i-u,y=o-l;u+c<i+d&&(h=c-d),l+s<o+p&&(y=s-p),C(r,"left","".concat(h,"px")),C(r,"top","".concat(y,"px"))}},{key:"hide",value:function(){var t=this.art.template.$contextmenu;C(t,"display","none"),this.art.emit("contextmenu:hide",t)}},{key:"show",value:function(){var t=this.art.template.$contextmenu;C(t,"display","block"),this.art.emit("contextmenu:show",t)}}]),n}(),ut=function(){function e(t){a(this,e),this.art=t,this.init()}return i(e,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$infoClose;(0,e.events.proxy)(n,"click",function(){t.hide()})}},{key:"show",value:function(){var t=this.art.template,e=t.$info,n=t.$infoPanel;C(e,"display","block"),n.innerHTML||O(n,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show",e)}},{key:"creatInfo",value:function(){var t=[];return t.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">1.0.7</div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),t.push('\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        '),t.push('\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        '),t.push('\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        '),t.push('\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        '),t.join("")}},{key:"readInfo",value:function(){var t=this.art.template,e=t.$infoPanel,n=t.$video;Array.from(e.querySelectorAll("[data-video]")).forEach(function(t){var e=n[t.dataset.video];t.innerHTML=void 0!==e?e:"unknown"})}},{key:"loop",value:function(){var t=this;this.readInfo(),this.timer=setTimeout(function(){t.readInfo(),t.loop()},1e3)}},{key:"hide",value:function(){var t=this.art.template.$info;C(t,"display","none"),clearTimeout(this.timer),this.art.emit("info:hide",t)}}]),e}(),lt=function(){function n(t){a(this,n),this.art=t,this.state=!0;var e=this.art.option.subtitle.url;e&&this.init(e)}return i(n,[{key:"init",value:function(t){var r=this,e=this.art,i=e.events.proxy,n=e.option.subtitle,o=e.template,a=o.$video,s=o.$subtitle,c=o.$track;if(j(s,n.style||{}),!c){var u=document.createElement("track");u.default=!0,u.kind="metadata",a.appendChild(u),this.art.template.$track=u}this.load(t).then(function(t){if(r.art.template.$track.src=t,r.art.emit("subtitle:load",t),a.textTracks&&a.textTracks[0]){var n=it(a.textTracks,1)[0];i(n,"cuechange",function(){var t=it(n.activeCues,1)[0];if(s.innerHTML="",t){var e=document.createElement("div");e.appendChild(t.getCueAsHTML()),s.innerHTML=e.innerHTML.split(/\r?\n/).map(function(t){return"<p>".concat(t,"</p>")}).join("")}r.art.emit("subtitle:update",s)})}})}},{key:"load",value:function(e){var n,r=this.art.notice;return fetch(e).then(function(t){return n=t.headers.get("Content-Type"),t.text()}).then(function(t){return/x-subrip/gi.test(n)?z(D(t)):e}).catch(function(t){r.show(t),console.warn(t)})}},{key:"show",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,r=t.notice;C(e,"display","block"),this.state=!0,r.show(n.get("Show subtitle")),this.art.emit("subtitle:show",e)}},{key:"hide",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,r=t.notice;C(e,"display","none"),this.state=!1,r.show(n.get("Hide subtitle")),this.art.emit("subtitle:hide",e)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}(),ft=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.ContentRect=function(t){if("getBBox"in t){var e=t.getBBox();return Object.freeze({height:e.height,left:0,top:0,width:e.width})}var n=window.getComputedStyle(t);return Object.freeze({height:parseFloat(n.height||"0"),left:parseFloat(n.paddingLeft||"0"),top:parseFloat(n.paddingTop||"0"),width:parseFloat(n.width||"0")})}});t(ft),ft.ContentRect;var pt=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t){this.target=t,this.$$broadcastWidth=this.$$broadcastHeight=0}return Object.defineProperty(t.prototype,"broadcastWidth",{get:function(){return this.$$broadcastWidth},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"broadcastHeight",{get:function(){return this.$$broadcastHeight},enumerable:!0,configurable:!0}),t.prototype.isActive=function(){var t=ft.ContentRect(this.target);return!!t&&(t.width!==this.broadcastWidth||t.height!==this.broadcastHeight)},t}();e.ResizeObservation=n});t(pt),pt.ResizeObservation;var dt=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.ResizeObserverEntry=function(t){this.target=t,this.contentRect=ft.ContentRect(t)}});t(dt),dt.ResizeObserverEntry;var ht=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=[],r=function(){function t(t){this.$$observationTargets=[],this.$$activeTargets=[],this.$$skippedTargets=[];var e=function(t){return void 0===t?"Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.":"function"!=typeof t?"Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.":void 0}(t);if(e)throw TypeError(e);this.$$callback=t,n.push(this)}return t.prototype.observe=function(t){var e=i("observe",t);if(e)throw TypeError(e);0<o(this.$$observationTargets,t)||(this.$$observationTargets.push(new pt.ResizeObservation(t)),l())},t.prototype.unobserve=function(t){var e=i("unobserve",t);if(e)throw TypeError(e);var n=o(this.$$observationTargets,t);n<0||(this.$$observationTargets.splice(n,1),p())},t.prototype.disconnect=function(){this.$$observationTargets=[],this.$$activeTargets=[]},t}();function i(t,e){return void 0===e?"Failed to execute '"+t+"' on 'ResizeObserver': 1 argument required, but only 0 present.":e instanceof window.Element?void 0:"Failed to execute '"+t+"' on 'ResizeObserver': parameter 1 is not of type 'Element'."}function o(t,e){for(var n=0;n<t.length;n+=1)if(t[n].target===e)return n;return-1}e.ResizeObserver=r;var a,s=function(r){n.forEach(function(n){n.$$activeTargets=[],n.$$skippedTargets=[],n.$$observationTargets.forEach(function(t){if(t.isActive()){var e=u(t.target);r<e?n.$$activeTargets.push(t):n.$$skippedTargets.push(t)}})})},c=function(){var i=1/0;return n.forEach(function(t){if(t.$$activeTargets.length){var r=[];t.$$activeTargets.forEach(function(t){var e=new dt.ResizeObserverEntry(t.target);r.push(e),t.$$broadcastWidth=e.contentRect.width,t.$$broadcastHeight=e.contentRect.height;var n=u(t.target);n<i&&(i=n)}),t.$$callback(r,t),t.$$activeTargets=[]}}),i},u=function(t){for(var e=0;t.parentNode;)t=t.parentNode,e+=1;return e},l=function(){a||f()},f=function(){a=window.requestAnimationFrame(function(){(function(){var t=0;for(s(t);n.some(function(t){return!!t.$$activeTargets.length});)t=c(),s(t);n.some(function(t){return!!t.$$skippedTargets.length})&&function(){var t=new window.ErrorEvent("ResizeLoopError",{message:"ResizeObserver loop completed with undelivered notifications."});window.dispatchEvent(t)}()})(),f()})},p=function(){a&&!n.some(function(t){return!!t.$$observationTargets.length})&&(window.cancelAnimationFrame(a),a=void 0)};e.install=function(){return window.ResizeObserver=r}});t(ht);var yt=ht.ResizeObserver;ht.install;var vt=function(){function n(t){var e=this;a(this,n),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),t.on("firstCanplay",function(){!function(e,t){var n=e.template.$player;t.proxy(document,["click","contextmenu"],function(t){-1<t.composedPath().indexOf(n)?e.isFocus=!0:(e.isFocus=!1,e.contextmenu.hide())})}(t,e),function(t,e){var n=t.template.$player;e.hover(n,function(){n.classList.add("artplayer-hover"),t.emit("hoverenter")},function(){n.classList.remove("artplayer-hover"),t.emit("hoverleave")})}(t,e),function(e,t){var n=e.template,r=n.$player,i=n.$video,o=e.player,a=E(function(){r.classList.add("artplayer-hide-cursor"),r.classList.remove("artplayer-hover"),e.controls.hide()},5e3);e.on("hoverleave",function(){o.playing&&a()}),t.proxy(r,"mousemove",function(t){a.clearTimeout(),r.classList.remove("artplayer-hide-cursor"),e.controls.show(),!e.player.pipState&&o.playing&&t.target===i&&a()})}(t,e),function(t,e){var n=t.option,r=t.template.$player,i=new yt(function(){n.autoSize&&(t.player.fullscreenState||t.player.fullscreenWebState||t.player.pipState?t.player.autoSizeRemove():t.player.autoSize()),t.player.aspectRatioReset(),t.emit("resize",r)});i.observe(r),e.destroyEvents.push(function(){i.unobserve(r)})}(t,e)})}return i(n,[{key:"proxy",value:function(e,t,n){var r=this,i=3<arguments.length&&void 0!==arguments[3]?arguments[3]:{};Array.isArray(t)?t.forEach(function(t){return r.proxy(e,t,n,i)}):(e.addEventListener(t,n,i),this.destroyEvents.push(function(){e.removeEventListener(t,n,i)}))}},{key:"hover",value:function(t,e,n){this.proxy(t,"mouseenter",e),this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(r){var i=this;return new Promise(function(t,e){var n;if(r instanceof HTMLImageElement)n=r;else{if("string"!=typeof r)return e(r);(n=new Image).src=r}return n.complete?t(n):(i.proxy(n,"load",function(){return t(n)}),i.proxy(n,"error",function(){return e(n)}),r)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(t){return t()})}}]),n}(),mt=function(){function n(t){var e=this;a(this,n),this.art=t,this.art.option.hotkey&&this.art.on("firstCanplay",function(){e.init()})}return i(n,[{key:"init",value:function(){var r=this,t=this.art,i=t.player;(0,t.events.proxy)(window,"keydown",function(t){if(r.art.isFocus){var e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==n&&"true"!==n)switch(r.art.emit("hotkey",t),t.keyCode){case 39:t.preventDefault(),i.seek(i.currentTime+10);break;case 37:t.preventDefault(),i.seek(i.currentTime-10);break;case 38:t.preventDefault(),i.volume+=.05;break;case 40:t.preventDefault(),i.volume-=.05;break;case 32:t.preventDefault(),i.toggle()}}})}}]),n}(),gt=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.add=this.add.bind(this),this.art.option.layers.forEach(function(t){e.add(t)})}return i(n,[{key:"add",value:function(t,e){var n=this.art.template.$layers;tt(this.art,this,n,t,e,"layer")}},{key:"show",value:function(){var t=this.art.template.$layers;C(t,"display","block"),this.art.emit("layers:show",t)}},{key:"hide",value:function(){var t=this.art.template.$layers;C(t,"display","none"),this.art.emit("layers:hide",t)}}]),n}(),bt=function(){function n(t){a(this,n);var e=(this.art=t).option;O(t.template.$loading,e.icons.loading||ot.loading)}return i(n,[{key:"hide",value:function(){var t=this.art.template.$loading;C(t,"display","none"),this.art.emit("loading:hide",t)}},{key:"show",value:function(){var t=this.art.template.$loading;C(t,"display","flex"),this.art.emit("loading:show",t)}}]),n}(),wt=function(){function e(t){a(this,e),this.art=t,this.timer=null}return i(e,[{key:"show",value:function(t){var e=this,n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],r=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1e3,i=this.art.template,o=i.$notice,a=i.$noticeInner;C(o,"display","block"),a.innerHTML=t instanceof Error?t.message.trim():t,clearTimeout(this.timer),n&&(this.timer=setTimeout(function(){e.hide()},r)),this.art.emit("notice:show",o)}},{key:"hide",value:function(){var t=this.art.template.$notice;C(t,"display","none"),this.art.emit("notice:hide",t)}}]),e}(),xt=function(){function n(t){a(this,n);var e=(this.art=t).option;O(O(t.template.$mask,'<div class="art-playBig"></div>'),e.icons.playBig||ot.playBig)}return i(n,[{key:"show",value:function(){var t=this.art.template.$mask;C(t,"display","flex"),this.art.emit("mask:show",t)}},{key:"hide",value:function(){var t=this.art.template.$mask;C(t,"display","none"),this.art.emit("mask:show",t)}}]),n}(),kt=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.state=!1,t.option.setting&&this.art.on("firstCanplay",function(){e.init()})}return i(n,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$settingClose;(0,e.events.proxy)(n,"click",function(){t.hide()}),this.add(function(r){return function(e){var t=e.i18n,n=e.player;return rt({},r,{html:'\n                <div class="art-setting-header">'.concat(t.get("Flip"),'</div>\n                <div class="art-setting-body">\n                    <div class="art-setting-btns">\n                        <div class="art-setting-btn current">\n                            <span data-flip="normal">').concat(t.get("Normal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="horizontal">').concat(t.get("Horizontal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="vertical">').concat(t.get("Vertical"),"</span>\n                        </div>\n                    </div>\n                </div>\n            "),click:function(t){var e=t.target.dataset.flip;e&&n.flip(e)},mounted:function(t){e.on("flipChange",function(e){M(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.flip===e}).parentElement,"current")})}})}}({disable:!1,name:"flip",index:10}))}},{key:"add",value:function(t,e){var n=this.art.template.$settingBody;tt(this.art,this,n,t,e,"setting")}},{key:"show",value:function(){var t=this.art.template.$setting;C(t,"display","flex"),this.state=!0,this.art.emit("setting:show",t)}},{key:"hide",value:function(){var t=this.art.template.$setting;C(t,"display","none"),this.state=!1,this.art.emit("setting:hide",t)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}(),St=function(){function e(t){a(this,e),this.art=t,this.storageName="artplayer_settings",this.init()}return i(e,[{key:"init",value:function(){var t=this.art.option,e=this.get("volume");e&&(t.volume=e)}},{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.storageName))||{};return t?e[t]:{}}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),v({},t,e));localStorage.setItem(this.storageName,JSON.stringify(n))}}]),e}();function Et(r){var t=r.i18n,i=r.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(t.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-body">\n                <input\n                    style="width: 100%;height: 3px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;background-color: #fff;"\n                    class="art-subtitle-range"\n                    type="range"\n                    min="-5"\n                    max="5"\n                    step="0.5"\n                >\n            </div>\n        '),mounted:function(t){var e=t.querySelector(".art-subtitle-range"),n=t.querySelector(".art-subtitle-value");i(e,"change",function(){var t=e.value;n.innerText=t,r.plugins.subtitle.offset(Number(t))}),r.on("subtitle:switch",function(){e.value=0,n.innerText=0}),r.on("artplayerPluginSubtitle:set",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}}}function Pt(r){var i=r.constructor.utils.clamp,t=r.setting,o=r.notice,a=r.template,s=r.i18n;!function(t){t.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}})}(s),t.add(Et);var c=[];return r.on("subtitle:switch",function(){c=[]}),{name:"subtitle",offset:function(t){if(a.$track&&a.$track.track){var e=Array.from(a.$track.track.cues),n=i(t,-5,5);e.forEach(function(t,e){c[e]||(c[e]={startTime:t.startTime,endTime:t.endTime}),t.startTime=c[e].startTime+n,t.endTime=c[e].endTime+n}),o.show("".concat(s.get("Subtitle offset time"),": ").concat(t,"s")),r.emit("artplayerPluginSubtitle:set",t)}else o.show("".concat(s.get("No subtitles found"))),r.emit("artplayerPluginSubtitle:set",0)}}}function $t(i){var t=i.constructor.utils,n=t.append,r=t.setStyle,o=t.setStyles,a=t.sleep,s=i.events.proxy,c=i.option,u=i.notice,l=i.i18n,f=i.template,p=i.player;function d(t){if(t){var e=f.$video.canPlayType(t.type);if("maybe"===e||"probably"===e){var n=URL.createObjectURL(t);p.playbackRateRemove(),p.aspectRatioRemove(),f.$video.src=n,a(1e3).then(function(){p.currentTime=0}),c.url=n,i.emit("switch",n),u.show(l.get("Load local video successfully"))}else{var r="".concat(l.get("Playback of this file format is not supported"),": ").concat(t.type);u.show(r,!0,3e3),console.warn(r)}}}return function(t){t.update({"zh-cn":{"Playback of this file format is not supported":"不支持播放该文件格式","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Playback of this file format is not supported":"不支持播放該文件格式","Load local video successfully":"加載本地視頻成功"}})}(l),s(f.$player,"dragover",function(t){t.preventDefault(),u.show(l.get("Load local video successfully"))}),s(f.$player,"drop",function(t){t.preventDefault(),d(t.dataTransfer.files[0])}),{name:"localPreview",attach:function(t){var e=n(t,'<input type="file">');r(t,"position","relative"),o(e,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),s(e,"change",function(){d(e.files[0])})}}}var _t=function(){function n(t){var e=this;a(this,n),this.art=t,this.id=0,this.add(Pt),this.add($t),t.option.plugins.forEach(function(t){e.add(t)})}return i(n,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art);return this[e&&e.name?e.name:t.name?t.name:"plugin".concat(this.id)]=e,this.art.emit("plugin:add",t),this}}]),n}(),Ot=function t(e){a(this,t);var n=e.option,r=e.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){r[t]=n.moreVideoAttr[t]}),n.muted&&(r.muted=n.muted),n.volume&&(r.volume=w(n.volume,0,1)),n.poster&&(r.poster=n.poster),n.autoplay&&(r.autoplay=n.autoplay),r.controls=!0;var i=n.type||x(n.url),o=n.customType[i];i&&o?(e.emit("beforeCustomType",i),o(r,n.url,e),e.emit("afterCustomType",i)):(e.emit("beforeAttachUrl",n.url),r.src=n.url,e.emit("afterAttachUrl",r.src))},Rt=0,Ct=function(t){function n(t){var e;return a(this,n),e=c(this,u(n).call(this)),b("function"==typeof window.Promise,"Unsupported 'Promise' method"),e.option=_(n.DEFAULTS,t),y(e.option,F),e.init(),e}return f(n,d),i(n,[{key:"init",value:function(){this.whitelist=new H(this),this.template=new B(this),this.whitelist.state?(this.isFocus=!1,this.storage=new St(this),this.i18n=new V(this),this.notice=new wt(this),this.events=new vt(this),this.player=new K(this),this.layers=new gt(this),this.controls=new st(this),this.contextmenu=new ct(this),this.subtitle=new lt(this),this.info=new ut(this),this.loading=new bt(this),this.hotkey=new mt(this),this.mask=new xt(this),this.setting=new kt(this),this.plugins=new _t(this)):this.mobile=new Ot(this),Rt+=1,this.id=Rt,n.instances.push(this)}},{key:"destroy",value:function(){var t=0<arguments.length&&void 0!==arguments[0]&&arguments[0];this.events&&this.events.destroy(),this.template.destroy(t),n.instances.splice(n.instances.indexOf(this),1),this.emit("destroy")}}],[{key:"version",get:function(){return"1.0.7"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return N}},{key:"utils",get:function(){return W}},{key:"DEFAULTS",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",mimeCodec:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"auto"},icons:{loading:"",playBig:""},customType:{},lang:navigator.language.toLowerCase()}}}]),n}();return Object.defineProperty(Ct,"instances",{value:[]}),window.Artplayer=Ct}()}),ft=(st=lt)&&st.__esModule&&Object.prototype.hasOwnProperty.call(st,"default")?st.default:st;return function(t){function n(t){var e;return c(this,n),e=l(this,f(n).call(this,t)),ft.utils.errorHandle(t.option&&"object"===s(t.option),"The prop 'option' object cannot be missing"),e.instance=null,e.artRef=ut.createRef(),e}return d(n,t),e(n,[{key:"componentDidMount",value:function(){var t=this.props,e=t.option,n=t.getInstance;this.instance=new ft(o({},e,{container:this.artRef.current})),n&&"function"==typeof n&&n(this.instance)}},{key:"componentWillUnmount",value:function(){this.instance&&this.instance.destroy&&this.instance.destroy()}},{key:"render",value:function(){var t=this.props,e=(t.option,t.getInstance,r(t,["option","getInstance"]));return ut.createElement("div",o({ref:this.artRef},e))}}]),n}(ut.Component)});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).ArtplayerReact=t()}(this,function(){"use strict";var a=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],0<=t.indexOf(n)||(o[n]=e[n]);return o};var r=function(e,t){if(null==e)return{};var n,r,o=a(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o};var o=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e};var i=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(e){o(t,e,n[e])})}return t};"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function e(e,t){return e(t={exports:{}},t.exports),t.exports}var we=e(function(t){function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function r(e){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?t.exports=r=function(e){return n(e)}:t.exports=r=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":n(e)},r(e)}t.exports=r});var c=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")};function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var t=function(e,t,n){return t&&s(e.prototype,t),n&&s(e,n),e};var n=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e};var u=function(e,t){return!t||"object"!==we(t)&&"function"!=typeof t?n(e):t},l=e(function(t){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(e)}t.exports=n}),f=e(function(n){function r(e,t){return n.exports=r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},r(e,t)}n.exports=r});var p=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&f(e,t)},d=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var Pe=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,r,o=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),i=1;i<arguments.length;i++){for(var a in n=Object(arguments[i]))h.call(n,a)&&(o[a]=n[a]);if(d){r=d(n);for(var c=0;c<r.length;c++)y.call(n,r[c])&&(o[r[c]]=n[r[c]])}}return o},m="function"==typeof Symbol&&Symbol.for,v=m?Symbol.for("react.element"):60103,g=m?Symbol.for("react.portal"):60106,b=m?Symbol.for("react.fragment"):60107,w=m?Symbol.for("react.strict_mode"):60108,k=m?Symbol.for("react.profiler"):60114,x=m?Symbol.for("react.provider"):60109,S=m?Symbol.for("react.context"):60110,$=m?Symbol.for("react.concurrent_mode"):60111,O=m?Symbol.for("react.forward_ref"):60112,P=m?Symbol.for("react.suspense"):60113,R=m?Symbol.for("react.memo"):60115,j=m?Symbol.for("react.lazy"):60116,C="function"==typeof Symbol&&Symbol.iterator;function E(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);!function(e,t,n,r,o,i,a,c){if(!e){if((e=void 0)===t)e=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var s=[n,r,o,i,a,c],u=0;(e=Error(t.replace(/%s/g,function(){return s[u++]}))).name="Invariant Violation"}throw e.framesToPop=1,e}}(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}var _={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},T={};function L(e,t,n){this.props=e,this.context=t,this.refs=T,this.updater=n||_}function A(){}function M(e,t,n){this.props=e,this.context=t,this.refs=T,this.updater=n||_}L.prototype.isReactComponent={},L.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&E("85"),this.updater.enqueueSetState(this,e,t,"setState")},L.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},A.prototype=L.prototype;var q=M.prototype=new A;q.constructor=M,Pe(q,L.prototype),q.isPureReactComponent=!0;var z={current:null},I={current:null},F=Object.prototype.hasOwnProperty,W={key:!0,ref:!0,__self:!0,__source:!0};function D(e,t,n){var r=void 0,o={},i=null,a=null;if(null!=t)for(r in void 0!==t.ref&&(a=t.ref),void 0!==t.key&&(i=""+t.key),t)F.call(t,r)&&!W.hasOwnProperty(r)&&(o[r]=t[r]);var c=arguments.length-2;if(1===c)o.children=n;else if(1<c){for(var s=Array(c),u=0;u<c;u++)s[u]=arguments[u+2];o.children=s}if(e&&e.defaultProps)for(r in c=e.defaultProps)void 0===o[r]&&(o[r]=c[r]);return{$$typeof:v,type:e,key:i,ref:a,props:o,_owner:I.current}}function N(e){return"object"==typeof e&&null!==e&&e.$$typeof===v}var V=/\/+/g,H=[];function U(e,t,n,r){if(H.length){var o=H.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function B(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,H.length<10&&H.push(e)}function Y(e,t,n){return null==e?0:function e(t,n,r,o){var i=typeof t;"undefined"!==i&&"boolean"!==i||(t=null);var a=!1;if(null===t)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(t.$$typeof){case v:case g:a=!0}}if(a)return r(o,t,""===n?"."+X(t,0):n),1;if(a=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c<t.length;c++){var s=n+X(i=t[c],c);a+=e(i,s,r,o)}else if("function"==typeof(s=null===t||"object"!=typeof t?null:"function"==typeof(s=C&&t[C]||t["@@iterator"])?s:null))for(t=s.call(t),c=0;!(i=t.next()).done;)a+=e(i=i.value,s=n+X(i,c++),r,o);else"object"===i&&E("31","[object Object]"==(r=""+t)?"object with keys {"+Object.keys(t).join(", ")+"}":r,"");return a}(e,"",t,n)}function X(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,function(e){return t[e]})}(e.key):t.toString(36)}function Z(e,t){e.func.call(e.context,t,e.count++)}function J(e,t,n){var r=e.result,o=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?G(e,r,n,function(e){return e}):null!=e&&(N(e)&&(e=function(e,t){return{$$typeof:v,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(e,o+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(V,"$&/")+"/")+n)),r.push(e))}function G(e,t,n,r,o){var i="";null!=n&&(i=(""+n).replace(V,"$&/")+"/"),Y(e,J,t=U(t,i,r,o)),B(t)}function K(){var e=z.current;return null===e&&E("321"),e}var Q={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return G(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;Y(e,Z,t=U(null,null,t,n)),B(t)},count:function(e){return Y(e,function(){return null},null)},toArray:function(e){var t=[];return G(e,t,null,function(e){return e}),t},only:function(e){return N(e)||E("143"),e}},createRef:function(){return{current:null}},Component:L,PureComponent:M,createContext:function(e,t){return void 0===t&&(t=null),(e={$$typeof:S,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:x,_context:e},e.Consumer=e},forwardRef:function(e){return{$$typeof:O,render:e}},lazy:function(e){return{$$typeof:j,_ctor:e,_status:-1,_result:null}},memo:function(e,t){return{$$typeof:R,type:e,compare:void 0===t?null:t}},useCallback:function(e,t){return K().useCallback(e,t)},useContext:function(e,t){return K().useContext(e,t)},useEffect:function(e,t){return K().useEffect(e,t)},useImperativeHandle:function(e,t,n){return K().useImperativeHandle(e,t,n)},useDebugValue:function(){},useLayoutEffect:function(e,t){return K().useLayoutEffect(e,t)},useMemo:function(e,t){return K().useMemo(e,t)},useReducer:function(e,t,n){return K().useReducer(e,t,n)},useRef:function(e){return K().useRef(e)},useState:function(e){return K().useState(e)},Fragment:b,StrictMode:w,Suspense:P,createElement:D,cloneElement:function(e,t,n){null==e&&E("267",e);var r=void 0,o=Pe({},e.props),i=e.key,a=e.ref,c=e._owner;if(null!=t){void 0!==t.ref&&(a=t.ref,c=I.current),void 0!==t.key&&(i=""+t.key);var s=void 0;for(r in e.type&&e.type.defaultProps&&(s=e.type.defaultProps),t)F.call(t,r)&&!W.hasOwnProperty(r)&&(o[r]=void 0===t[r]&&void 0!==s?s[r]:t[r])}if(1===(r=arguments.length-2))o.children=n;else if(1<r){s=Array(r);for(var u=0;u<r;u++)s[u]=arguments[u+2];o.children=s}return{$$typeof:v,type:e.type,key:i,ref:a,props:o,_owner:c}},createFactory:function(e){var t=D.bind(null,e);return t.type=e,t},isValidElement:N,version:"16.8.6",unstable_ConcurrentMode:$,unstable_Profiler:k,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentDispatcher:z,ReactCurrentOwner:I,assign:Pe}},ee=Q.default||Q,te=function(){};if("production"!==process.env.NODE_ENV){var ne="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",re={},oe=Function.call.bind(Object.prototype.hasOwnProperty);te=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function ie(e,t,n,r,o){if("production"!==process.env.NODE_ENV)for(var i in e)if(oe(e,i)){var a;try{if("function"!=typeof e[i]){var c=Error((r||"React class")+": "+n+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.");throw c.name="Invariant Violation",c}a=e[i](t,i,r,n,null,ne)}catch(e){a=e}if(!a||a instanceof Error||te((r||"React class")+": type specification of "+n+" `"+i+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof a+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),a instanceof Error&&!(a.message in re)){re[a.message]=!0;var s=o?o():"";te("Failed "+n+" type: "+a.message+(null!=s?s:""))}}}ie.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(re={})};var Re=ie,ae=e(function(Oe){"production"!==process.env.NODE_ENV&&function(){var h=Pe,o=Re,e="function"==typeof Symbol&&Symbol.for,v=e?Symbol.for("react.element"):60103,g=e?Symbol.for("react.portal"):60106,u=e?Symbol.for("react.fragment"):60107,n=e?Symbol.for("react.strict_mode"):60108,r=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,i=e?Symbol.for("react.concurrent_mode"):60111,s=e?Symbol.for("react.forward_ref"):60112,l=e?Symbol.for("react.suspense"):60113,f=e?Symbol.for("react.memo"):60115,p=e?Symbol.for("react.lazy"):60116,d="function"==typeof Symbol&&Symbol.iterator,y="@@iterator";function b(e){if(null===e||"object"!=typeof e)return null;var t=d&&e[d]||e[y];return"function"==typeof t?t:null}var m=function(){};function w(e,t,n,r,o,i,a,c){if(m(t),!e){var s=void 0;if(void 0===t)s=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,o,i,a,c],l=0;(s=new Error(t.replace(/%s/g,function(){return u[l++]}))).name="Invariant Violation"}throw s.framesToPop=1,s}}m=function(e){if(void 0===e)throw new Error("invariant requires an error message argument")};var k=function(e,t){if(void 0===t)throw new Error("`lowPriorityWarning(condition, format, ...args)` requires a warning message argument");if(!e){for(var n=arguments.length,r=Array(2<n?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];(function(e){for(var t=arguments.length,n=Array(1<t?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=0,i="Warning: "+e.replace(/%s/g,function(){return n[o++]});"undefined"!=typeof console&&console.warn(i);try{throw new Error(i)}catch(e){}}).apply(void 0,[t].concat(r))}},x=function(e,t){for(var n=arguments.length,r=Array(2<n?n-2:0),o=2;o<n;o++)r[o-2]=arguments[o];if(void 0===t)throw new Error("`warningWithoutStack(condition, format, ...args)` requires a warning message argument");if(8<r.length)throw new Error("warningWithoutStack() currently supports at most 8 arguments.");if(!e){if("undefined"!=typeof console){var i=r.map(function(e){return""+e});i.unshift("Warning: "+t),Function.prototype.apply.call(console.error,console,i)}try{var a=0,c="Warning: "+t.replace(/%s/g,function(){return r[a++]});throw new Error(c)}catch(e){}}},S={};function $(e,t){var n=e.constructor,r=n&&(n.displayName||n.name)||"ReactClass",o=r+"."+t;S[o]||(x(!1,"Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",t,r),S[o]=!0)}var O={isMounted:function(e){return!1},enqueueForceUpdate:function(e,t,n){$(e,"forceUpdate")},enqueueReplaceState:function(e,t,n,r){$(e,"replaceState")},enqueueSetState:function(e,t,n,r){$(e,"setState")}},P={};function R(e,t,n){this.props=e,this.context=t,this.refs=P,this.updater=n||O}Object.freeze(P),R.prototype.isReactComponent={},R.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&w(!1,"setState(...): takes an object of state variables to update or a function which returns an object of state variables."),this.updater.enqueueSetState(this,e,t,"setState")},R.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function t(e,t){Object.defineProperty(R.prototype,e,{get:function(){k(!1,"%s(...) is deprecated in plain JavaScript React classes. %s",t[0],t[1])}})}var j={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]};for(var C in j)j.hasOwnProperty(C)&&t(C,j[C]);function E(){}function _(e,t,n){this.props=e,this.context=t,this.refs=P,this.updater=n||O}E.prototype=R.prototype;var T=_.prototype=new E;T.constructor=_,h(T,R.prototype),T.isPureReactComponent=!0;var L={current:null},A={current:null},M=/^(.*)[\\\/]/,q=1;function z(e){if(null==e)return null;if("number"==typeof e.tag&&x(!1,"Received an unexpected object in getComponentName(). This is likely a bug in React. Please file an issue."),"function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case i:return"ConcurrentMode";case u:return"Fragment";case g:return"Portal";case r:return"Profiler";case n:return"StrictMode";case l:return"Suspense"}if("object"==typeof e)switch(e.$$typeof){case c:return"Context.Consumer";case a:return"Context.Provider";case s:return function(e,t,n){var r=t.displayName||t.name||"";return e.displayName||(""!==r?n+"("+r+")":n)}(e,e.render,"ForwardRef");case f:return z(e.type);case p:var t=function(e){return e._status===q?e._result:null}(e);if(t)return z(t)}return null}var I={},F=null;function W(e){F=e}I.getCurrentStack=null,I.getStackAddendum=function(){var e="";if(F){var t=z(F.type),n=F._owner;e+=function(e,t,n){var r="";if(t){var o=t.fileName,i=o.replace(M,"");if(/^index\./.test(i)){var a=o.match(M);if(a){var c=a[1];c&&(i=c.replace(M,"")+"/"+i)}}r=" (at "+i+":"+t.lineNumber+")"}else n&&(r=" (created by "+n+")");return"\n    in "+(e||"Unknown")+r}(t,F._source,n&&z(n.type))}var r=I.getCurrentStack;return r&&(e+=r()||""),e};var D={ReactCurrentDispatcher:L,ReactCurrentOwner:A,assign:h};h(D,{ReactDebugCurrentFrame:I,ReactComponentTreeHook:{}});var N=function(e,t){if(!e){for(var n=D.ReactDebugCurrentFrame.getStackAddendum(),r=arguments.length,o=Array(2<r?r-2:0),i=2;i<r;i++)o[i-2]=arguments[i];x.apply(void 0,[!1,t+"%s"].concat(o,[n]))}},V=Object.prototype.hasOwnProperty,H={key:!0,ref:!0,__self:!0,__source:!0},U=void 0,B=void 0;function Y(e){if(V.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return void 0!==e.ref}function X(e){if(V.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return void 0!==e.key}var Z=function(e,t,n,r,o,i,a){var c={$$typeof:v,type:e,key:t,ref:n,props:a,_owner:i,_store:{}};return Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,"_self",{configurable:!1,enumerable:!1,writable:!1,value:r}),Object.defineProperty(c,"_source",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c};function J(e,t,n){var r=void 0,o={},i=null,a=null,c=null,s=null;if(null!=t)for(r in Y(t)&&(a=t.ref),X(t)&&(i=""+t.key),c=void 0===t.__self?null:t.__self,s=void 0===t.__source?null:t.__source,t)V.call(t,r)&&!H.hasOwnProperty(r)&&(o[r]=t[r]);var u=arguments.length-2;if(1==u)o.children=n;else if(1<u){for(var l=Array(u),f=0;f<u;f++)l[f]=arguments[f+2];Object.freeze&&Object.freeze(l),o.children=l}if(e&&e.defaultProps){var p=e.defaultProps;for(r in p)void 0===o[r]&&(o[r]=p[r])}if(i||a){var d="function"==typeof e?e.displayName||e.name||"Unknown":e;i&&function(e,t){function n(){U||x(!(U=!0),"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)",t)}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}(o,d),a&&function(e,t){function n(){B||x(!(B=!0),"%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)",t)}n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}(o,d)}return Z(e,i,a,c,s,A.current,o)}function G(e){return"object"==typeof e&&null!==e&&e.$$typeof===v}var K=".",Q=":";var ee=!1,te=/\/+/g;function ne(e){return(""+e).replace(te,"$&/")}var re=10,oe=[];function ie(e,t,n,r){if(oe.length){var o=oe.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function ae(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,oe.length<re&&oe.push(e)}function ce(e,t,n){return null==e?0:function e(t,n,r,o){var i=typeof t;"undefined"!=i&&"boolean"!=i||(t=null);var a=!1;if(null===t)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(t.$$typeof){case v:case g:a=!0}}if(a)return r(o,t,""===n?K+se(t,0):n),1;var c=void 0,s=0,u=""===n?K:n+Q;if(Array.isArray(t))for(var l=0;l<t.length;l++)s+=e(c=t[l],u+se(c,l),r,o);else{var f=b(t);if("function"==typeof f){f===t.entries&&(ee||N(!1,"Using Maps as children is unsupported and will likely yield unexpected results. Convert it to a sequence/iterable of keyed ReactElements instead."),ee=!0);for(var p=f.call(t),d=void 0,h=0;!(d=p.next()).done;)s+=e(c=d.value,u+se(c,h++),r,o)}else if("object"==i){var y;y=" If you meant to render a collection of children, use an array instead."+I.getStackAddendum();var m=""+t;w(!1,"Objects are not valid as a React child (found: %s).%s","[object Object]"==m?"object with keys {"+Object.keys(t).join(", ")+"}":m,y)}}return s}(e,"",t,n)}function se(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,function(e){return t[e]})}(e.key):t.toString(36)}function ue(e,t,n){var r=e.func,o=e.context;r.call(o,t,e.count++)}function le(e,t,n){var r=e.result,o=e.keyPrefix,i=e.func,a=e.context,c=i.call(a,t,e.count++);Array.isArray(c)?fe(c,r,n,function(e){return e}):null!=c&&(G(c)&&(c=function(e,t){return Z(e.type,t,e.ref,e._self,e._source,e._owner,e.props)}(c,o+(!c.key||t&&t.key===c.key?"":ne(c.key)+"/")+n)),r.push(c))}function fe(e,t,n,r,o){var i="";null!=n&&(i=ne(n)+"/");var a=ie(t,i,r,o);ce(e,le,a),ae(a)}function pe(e){return"string"==typeof e||"function"==typeof e||e===u||e===i||e===r||e===n||e===l||"object"==typeof e&&null!==e&&(e.$$typeof===p||e.$$typeof===f||e.$$typeof===a||e.$$typeof===c||e.$$typeof===s)}function de(){var e=L.current;return null===e&&w(!1,"Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."),e}var he=void 0;function ye(){if(A.current){var e=z(A.current.type);if(e)return"\n\nCheck the render method of `"+e+"`."}return""}he=!1;var me={};function ve(e,t){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var n=function(e){var t=ye();if(!t){var n="string"==typeof e?e:e.displayName||e.name;n&&(t="\n\nCheck the top-level render call using <"+n+">.")}return t}(t);if(!me[n]){me[n]=!0;var r="";e&&e._owner&&e._owner!==A.current&&(r=" It was passed a child from "+z(e._owner.type)+"."),W(e),N(!1,'Each child in a list should have a unique "key" prop.%s%s See https://fb.me/react-warning-keys for more information.',n,r),W(null)}}}function ge(e,t){if("object"==typeof e)if(Array.isArray(e))for(var n=0;n<e.length;n++){var r=e[n];G(r)&&ve(r,t)}else if(G(e))e._store&&(e._store.validated=!0);else if(e){var o=b(e);if("function"==typeof o&&o!==e.entries)for(var i=o.call(e),a=void 0;!(a=i.next()).done;)G(a.value)&&ve(a.value,t)}}function be(e){var t=e.type;if(null!=t&&"string"!=typeof t){var n=z(t),r=void 0;if("function"==typeof t)r=t.propTypes;else{if("object"!=typeof t||t.$$typeof!==s&&t.$$typeof!==f)return;r=t.propTypes}r?(W(e),o(r,e.props,"prop",n,I.getStackAddendum),W(null)):void 0===t.PropTypes||he||x(!(he=!0),"Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",n||"Unknown"),"function"==typeof t.getDefaultProps&&(t.getDefaultProps.isReactClassApproved||x(!1,"getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead."))}}function we(e,t,n){var r=pe(e);if(!r){var o="";(void 0===e||"object"==typeof e&&null!==e&&0===Object.keys(e).length)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var i=function(e){if(null==e||void 0===e.__source)return"";var t=e.__source;return"\n\nCheck your code at "+t.fileName.replace(/^.*[\\\/]/,"")+":"+t.lineNumber+"."}(t);o+=i||ye();var a=void 0;null===e?a="null":Array.isArray(e)?a="array":void 0!==e&&e.$$typeof===v?(a="<"+(z(e.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):a=typeof e,N(!1,"React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",a,o)}var c=J.apply(this,arguments);if(null==c)return c;if(r)for(var s=2;s<arguments.length;s++)ge(arguments[s],e);return e===u?function(e){W(e);for(var t=Object.keys(e.props),n=0;n<t.length;n++){var r=t[n];if("children"!==r&&"key"!==r){N(!1,"Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",r);break}}null!==e.ref&&N(!1,"Invalid attribute `ref` supplied to `React.Fragment`."),W(null)}(c):be(c),c}var ke={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return fe(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;var r=ie(null,null,t,n);ce(e,ue,r),ae(r)},count:function(e){return ce(e,function(){return null},null)},toArray:function(e){var t=[];return fe(e,t,null,function(e){return e}),t},only:function(e){return G(e)||w(!1,"React.Children.only expected to receive a single React element child."),e}},createRef:function(){var e={current:null};return Object.seal(e),e},Component:R,PureComponent:_,createContext:function(e,t){void 0===t?t=null:null!==t&&"function"!=typeof t&&x(!1,"createContext: Expected the optional second argument to be a function. Instead received: %s",t);var n={$$typeof:c,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},r=(n.Provider={$$typeof:a,_context:n},!1),o=!1,i={$$typeof:c,_context:n,_calculateChangedBits:n._calculateChangedBits};return Object.defineProperties(i,{Provider:{get:function(){return o||N(!(o=!0),"Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?"),n.Provider},set:function(e){n.Provider=e}},_currentValue:{get:function(){return n._currentValue},set:function(e){n._currentValue=e}},_currentValue2:{get:function(){return n._currentValue2},set:function(e){n._currentValue2=e}},_threadCount:{get:function(){return n._threadCount},set:function(e){n._threadCount=e}},Consumer:{get:function(){return r||N(!(r=!0),"Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?"),n.Consumer}}}),n.Consumer=i,n._currentRenderer=null,n._currentRenderer2=null,n},forwardRef:function(e){return null!=e&&e.$$typeof===f?x(!1,"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):"function"!=typeof e?x(!1,"forwardRef requires a render function but was given %s.",null===e?"null":typeof e):0!==e.length&&2!==e.length&&x(!1,"forwardRef render functions accept exactly two parameters: props and ref. %s",1===e.length?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),null==e||null==e.defaultProps&&null==e.propTypes||x(!1,"forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?"),{$$typeof:s,render:e}},lazy:function(e){var t={$$typeof:p,_ctor:e,_status:-1,_result:null},n=void 0,r=void 0;return Object.defineProperties(t,{defaultProps:{configurable:!0,get:function(){return n},set:function(e){N(!1,"React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),n=e,Object.defineProperty(t,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return r},set:function(e){N(!1,"React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),r=e,Object.defineProperty(t,"propTypes",{enumerable:!0})}}}),t},memo:function(e,t){return pe(e)||x(!1,"memo: The first argument must be a component. Instead received: %s",null===e?"null":typeof e),{$$typeof:f,type:e,compare:void 0===t?null:t}},useCallback:function(e,t){return de().useCallback(e,t)},useContext:function(e,t){var n=de();if(void 0!==t&&N(!1,"useContext() second argument is reserved for future use in React. Passing it is not supported. You passed: %s.%s",t,"number"==typeof t&&Array.isArray(arguments[2])?"\n\nDid you call array.map(useContext)? Calling Hooks inside a loop is not supported. Learn more at https://fb.me/rules-of-hooks":""),void 0!==e._context){var r=e._context;r.Consumer===e?N(!1,"Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):r.Provider===e&&N(!1,"Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return n.useContext(e,t)},useEffect:function(e,t){return de().useEffect(e,t)},useImperativeHandle:function(e,t,n){return de().useImperativeHandle(e,t,n)},useDebugValue:function(e,t){return de().useDebugValue(e,t)},useLayoutEffect:function(e,t){return de().useLayoutEffect(e,t)},useMemo:function(e,t){return de().useMemo(e,t)},useReducer:function(e,t,n){return de().useReducer(e,t,n)},useRef:function(e){return de().useRef(e)},useState:function(e){return de().useState(e)},Fragment:u,StrictMode:n,Suspense:l,createElement:we,cloneElement:function(e,t,n){for(var r=function(e,t,n){null==e&&w(!1,"React.cloneElement(...): The argument must be a React element, but you passed %s.",e);var r=void 0,o=h({},e.props),i=e.key,a=e.ref,c=e._self,s=e._source,u=e._owner;if(null!=t){Y(t)&&(a=t.ref,u=A.current),X(t)&&(i=""+t.key);var l=void 0;for(r in e.type&&e.type.defaultProps&&(l=e.type.defaultProps),t)V.call(t,r)&&!H.hasOwnProperty(r)&&(void 0===t[r]&&void 0!==l?o[r]=l[r]:o[r]=t[r])}var f=arguments.length-2;if(1==f)o.children=n;else if(1<f){for(var p=Array(f),d=0;d<f;d++)p[d]=arguments[d+2];o.children=p}return Z(e.type,i,a,c,s,u,o)}.apply(this,arguments),o=2;o<arguments.length;o++)ge(arguments[o],r.type);return be(r),r},createFactory:function(e){var t=we.bind(null,e);return t.type=e,Object.defineProperty(t,"type",{enumerable:!1,get:function(){return k(!1,"Factory.type is deprecated. Access the class directly before passing it to createFactory."),Object.defineProperty(this,"type",{value:e}),e}}),t},isValidElement:G,version:"16.8.6",unstable_ConcurrentMode:i,unstable_Profiler:r,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:D},xe=Object.freeze({default:ke}),Se=xe&&ke||xe,$e=Se.default||Se;Oe.exports=$e}()}),ce=e(function(e){"production"===process.env.NODE_ENV?e.exports=ee:e.exports=ae}),se=e(function(e,t){function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(e,t){return e(t={exports:{}},t.exports),t.exports}function v(e,t){if(!e)throw new Y(t);return e}function f(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function d(e,t,n){return Math.max(Math.min(e,Math.max(t,n)),Math.min(t,n))}function c(e){return e.includes("?")?c(e.split("?")[0]):e.includes("#")?c(e.split("#")[0]):e.trim().toLowerCase().split(".").pop()}function s(e){var t=Math.floor(e/3600),n=Math.floor((e-3600*t)/60),r=Math.floor(e-3600*t-60*n);return(0<t?[t,n,r]:[n,r]).map(function(e){return e<10?"0".concat(e):String(e)}).join(":")}function l(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(e){return setTimeout(e,t)})}function u(r,o,i){var a;function e(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,r.apply(i,t)},o)}return e.clearTimeout=function(){clearTimeout(a)},e}function p(o,i){var a,c,s=!1;return function e(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];if(s)return a=n,void(c=this);s=!0,o.apply(this,n),setTimeout(function(){s=!1,a&&(e.apply(c,a),c=a=null)},i)}}function a(){for(var i=function(e){return e&&"object"===z(e)&&!Array.isArray(e)},e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce(function(r,o){return Object.keys(o).forEach(function(e){var t=r[e],n=o[e];Array.isArray(t)&&Array.isArray(n)?r[e]=t.concat.apply(t,U(n)):!i(t)||!i(n)||n instanceof Element?r[e]=n:r[e]=a(t,n)}),r},{})}function m(e,t){return t instanceof Element?e.appendChild(t):e.insertAdjacentHTML("beforeend",String(t)),e.lastElementChild||e.lastChild}function h(e){return e.parentNode.removeChild(e)}function g(e,t,n){return e.style[t]=n,e}function y(t,n){return Object.keys(n).forEach(function(e){g(t,e,n[e])}),t}function b(e,t){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],r=window.getComputedStyle(e,null).getPropertyValue(t);return n?parseFloat(r):r}function o(t){return Array.from(t.parentElement.children).filter(function(e){return e!==t})}function w(e,t){o(e).forEach(function(e){return e.classList.remove(t)}),e.classList.add(t)}function k(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";e.setAttribute("data-balloon",t),e.setAttribute("data-balloon-pos",n)}function i(e){return"WEBVTT \r\n\r\n".concat(e.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").concat("\r\n\r\n"))}function x(e){return URL.createObjectURL(new Blob([e],{type:"text/vtt"}))}function S(e,t){var n=document.createElement("a");g(n,"display","none"),n.href=e,n.download=t,document.body.appendChild(n),n.click(),document.body.removeChild(n)}function $(e,t,n){return v("string"===n||t instanceof Element,"".concat(e.join(".")," require 'string' or 'Element' type"))}function O(e){var t=this;M(this,O);var n=e.constructor.kindOf,r=e.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||r.some(function(e){switch(n(e)){case"string":return-1<t.userAgent.indexOf(e);case"function":return e(t.userAgent);case"regexp":return e.test(t.userAgent);default:return!1}})}function P(e){M(this,P),function(r,e){var t=r.option,o=t.type,i=t.customType,a=r.template.$video;Object.defineProperty(e,"attachUrl",{value:function(n){return l().then(function(){function t(e){var t=o||c(e),n=i[t];return t&&n?(r.loading.show=!0,r.emit("beforeCustomType",t),n.call(r,a,e,r),r.emit("afterCustomType",t)):(r.emit("beforeAttachUrl",e),a.src=e,r.emit("afterAttachUrl",e)),Promise.resolve(e)}if("function"!=typeof n)return t(n);var e=n.call(r);return v("function"==typeof e.then,"If url is a function, it needs to return a promise."),e.then(function(e){return r.loading.show=!0,t(e)})})}})}(e,this),function(t,e){var n=t.option,r=t.events.proxy,o=t.template,i=o.$player,a=o.$video,c=t.i18n,s=t.notice,u=0;r(a,"click",function(){e.toggle=!0}),J.video.events.forEach(function(e){r(a,e,function(e){t.emit("video:".concat(e.type),e)})}),t.on("video:canplay",function(){u=0,t.controls.show=!0,t.mask.show=!0,t.loading.show=!1}),t.on("video:ended",function(){t.controls.show=!0,t.mask.show=!0,n.loop&&(e.seek=0,e.play=!0)}),t.on("video:error",function(){u<5?l(1e3).then(function(){u+=1,e.attachUrl(n.url),s.show("".concat(c.get("Reconnect"),": ").concat(u))}):(t.loading.show=!1,t.controls.show=!1,i.classList.add("artplayer-error"),l(1e3).then(function(){s.show(c.get("Video load failed"),!1),t.destroy()}))}),t.on("video:loadedmetadata",function(){n.autoSize&&(e.autoSize=!0)}),t.on("video:loadstart",function(){t.loading.show=!0}),t.on("video:pause",function(){t.controls.show=!0,t.mask.show=!0}),t.on("video:play",function(){t.mask.show=!1}),t.on("video:playing",function(){t.mask.show=!1}),t.on("video:seeked",function(){t.loading.show=!1}),t.on("video:seeking",function(){t.loading.show=!0}),t.on("video:timeupdate",function(){t.mask.show=!1}),t.on("video:waiting",function(){t.loading.show=!0})}(e,this),function(e,t){var n=e.option,r=e.template.$video;Object.keys(n.moreVideoAttr).forEach(function(e){r[e]=n.moreVideoAttr[e]}),n.muted&&(r.muted=n.muted),n.volume&&(r.volume=d(n.volume,0,1)),n.poster&&(r.poster=n.poster),n.autoplay&&(r.autoplay=n.autoplay),t.attachUrl(n.url)}(e,this),function(n,r){var o=n.template.$video,i=n.i18n,a=n.notice,c=n.option.mutex;Object.defineProperty(r,"play",{set:function(e){if(e){var t=o.play();void 0!==t&&t.then().catch(function(e){a.show(e,!0,3e3),console.warn(e)}),c&&n.constructor.instances.filter(function(e){return e!==n}).forEach(function(e){e.player.pause=!0}),a.show(i.get("Play")),n.emit("play")}else r.pause=!0}})}(e,this),function(t,n){var r=t.template.$video,o=t.i18n,i=t.notice;Object.defineProperty(n,"pause",{get:function(){return r.paused},set:function(e){e?(r.pause(),i.show(o.get("Pause")),t.emit("pause")):n.play=!0}})}(e,this),function(e,t){Object.defineProperty(t,"toggle",{set:function(e){e&&(t.playing?t.pause=!0:t.play=!0)}})}(0,this),function(t,n){var r=t.notice;Object.defineProperty(n,"seek",{set:function(e){n.currentTime=e,r.show("".concat(s(e)," / ").concat(s(n.duration))),t.emit("seek",e)}})}(e,this),function(t,e){var n=t.template.$video,r=t.i18n,o=t.notice,i=t.storage;Object.defineProperty(e,"volume",{get:function(){return n.volume||0},set:function(e){n.volume=d(e,0,1),o.show("".concat(r.get("Volume"),": ").concat(parseInt(100*n.volume,10))),0!==n.volume&&i.set("volume",n.volume),t.emit("volumeChange",n.volume)}}),Object.defineProperty(e,"muted",{get:function(){return n.muted},set:function(e){n.muted=e,t.emit("volumeChange",n.volume)}})}(e,this),function(t,n){Object.defineProperty(n,"currentTime",{get:function(){return t.template.$video.currentTime||0},set:function(e){t.template.$video.currentTime=d(e,0,n.duration)}})}(e,this),function(e,t){Object.defineProperty(t,"duration",{get:function(){return e.template.$video.duration||0}})}(e,this),function(o,i){var a=o.i18n,c=o.notice,s=o.option;Object.defineProperty(i,"switchQuality",{value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(e===s.url)return null;var n=i.currentTime,r=i.playing;return i.attachUrl(e).then(function(){s.url=e,i.playbackRate=!1,i.aspectRatio=!1,o.once("video:canplay",function(){i.currentTime=n}),r&&(i.play=!0),c.show("".concat(a.get("Switch video"),": ").concat(t)),o.emit("switch",e)})}}),Object.defineProperty(i,"switchUrl",{value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(e===s.url)return null;var n=i.playing;return i.attachUrl(e).then(function(){s.url=e,i.playbackRate=!1,i.aspectRatio=!1,i.currentTime=0,n&&(i.play=!0),c.show("".concat(a.get("Switch video"),": ").concat(t)),o.emit("switch",e)})}})}(e,this),function(n,r){var e=n.template,o=e.$video,i=e.$player,a=n.i18n,c=n.notice;Object.defineProperty(r,"playbackRate",{get:function(){return i.dataset.playbackRate},set:function(e){if(e){var t=[.5,.75,1,1.25,1.5,1.75,2];if(v(t.includes(e),"'playbackRate' only accept ".concat(t.toString()," as parameters")),e===i.dataset.playbackRate)return;o.playbackRate=e,i.dataset.playbackRate=e,c.show("".concat(a.get("Rate"),": ").concat(1===e?a.get("Normal"):"".concat(e,"x"))),n.emit("playbackRateChange",e)}else r.playbackRate&&(r.playbackRate=1,delete i.dataset.playbackRate,n.emit("playbackRateRemove"))}}),Object.defineProperty(r,"playbackRateReset",{set:function(e){if(e){var t=i.dataset.playbackRate;t&&(r.playbackRate=Number(t),n.emit("playbackRateReset"))}}})}(e,this),function(f,p){var e=f.template,d=e.$video,h=e.$player,y=f.i18n,m=f.notice;Object.defineProperty(p,"aspectRatio",{get:function(){return h.dataset.aspectRatio||""},set:function(e){if(e){var t=["default","4:3","16:9"];if(v(t.includes(e),"'aspectRatio' only accept ".concat(t.toString()," as parameters")),"default"===e)p.aspectRatio=!1;else{var n=e.split(":"),r=d.videoWidth,o=d.videoHeight,i=h.clientWidth,a=h.clientHeight,c=r/o,s=n[0]/n[1];if(s<c){var u=s*o/r;g(d,"width","".concat(100*u,"%")),g(d,"height","100%"),g(d,"padding","0 ".concat((i-i*u)/2,"px"))}else{var l=r/s/o;g(d,"width","100%"),g(d,"height","".concat(100*l,"%")),g(d,"padding","".concat((a-a*l)/2,"px 0"))}}h.dataset.aspectRatio=e,m.show("".concat(y.get("Aspect ratio"),": ").concat("default"===e?y.get("Default"):e)),f.emit("aspectRatioChange",e)}else p.aspectRatio&&(g(d,"width",null),g(d,"height",null),g(d,"padding",null),delete h.dataset.aspectRatio,f.emit("aspectRatioRemove"))}}),Object.defineProperty(p,"aspectRatioReset",{set:function(e){e&&p.aspectRatio&&(p.aspectRatio=p.aspectRatio,f.emit("aspectRatioReset"))}})}(e,this),function(t,n){var r=t.option,o=t.notice,i=t.template.$video;Object.defineProperty(n,"getScreenshotDataURL",{value:function(){try{var e=document.createElement("canvas");return e.width=i.videoWidth,e.height=i.videoHeight,e.getContext("2d").drawImage(i,0,0),e.toDataURL("image/png")}catch(e){return o.show(e),console.warn(e),null}}}),Object.defineProperty(n,"getScreenshotBlobUrl",{value:function(){return new Promise(function(t,e){try{var n=document.createElement("canvas");n.width=i.videoWidth,n.height=i.videoHeight,n.getContext("2d").drawImage(i,0,0),n.toBlob(function(e){t(URL.createObjectURL(e))})}catch(n){o.show(n),e(n)}})}}),Object.defineProperty(n,"screenshot",{value:function(){var e=n.getScreenshotDataURL();e&&(S(e,"".concat(r.title||"artplayer","_").concat(s(i.currentTime),".png")),t.emit("screenshot",e))}})}(e,this),function(t,n){function e(){t.emit("fullscreen:change",te.isFullscreen)}function r(){i.show(o.get("This does not seem to support full screen functionality"))}var o=t.i18n,i=t.notice,a=t.events.destroyEvents,c=t.template.$player;try{te.on("change",e),te.on("error",r),a.push(function(){te.off("change",e),te.off("error",r)})}catch(e){r()}Object.defineProperty(n,"fullscreen",{get:function(){return te.isFullscreen},set:function(e){e?(n.fullscreenWeb&&(n.fullscreenWeb=!1),te.request(c).then(function(){c.classList.add("artplayer-fullscreen"),n.aspectRatioReset=!0,t.emit("fullscreen:enabled")})):(n.fullscreenWeb&&(n.fullscreenWeb=!1),te.exit().then(function(){c.classList.remove("artplayer-fullscreen"),n.aspectRatioReset=!0,t.emit("fullscreen:exit")}))}}),Object.defineProperty(n,"fullscreenToggle",{set:function(e){e&&(n.fullscreen=!n.fullscreen)}})}(e,this),function(t,n){var r=t.template.$player;Object.defineProperty(n,"fullscreenWeb",{get:function(){return r.classList.contains("artplayer-web-fullscreen")},set:function(e){e?(n.fullscreen&&(n.fullscreen=!1),r.classList.add("artplayer-web-fullscreen"),n.aspectRatioReset=!0,t.emit("fullscreenWeb:enabled")):(n.fullscreen&&(n.fullscreen=!1),r.classList.remove("artplayer-web-fullscreen"),n.aspectRatioReset=!0,t.emit("fullscreenWeb:exit"))}}),Object.defineProperty(n,"fullscreenWebToggle",{set:function(e){e&&(n.fullscreenWeb=!n.fullscreenWeb)}})}(e,this),function(e,t){var n=e.template.$video;document.pictureInPictureEnabled?function(e,t){var n=e.notice,r=e.template.$video,o=e.events.proxy;r.disablePictureInPicture=!1,Object.defineProperty(t,"pip",{get:function(){return document.pictureInPictureElement},set:function(e){e?r.requestPictureInPicture().catch(function(e){n.show(e,!0,3e3),console.warn(e)}):document.exitPictureInPicture().catch(function(e){n.show(e,!0,3e3),console.warn(e)})}}),o(r,"enterpictureinpicture",function(){e.emit("pipEnabled")}),o(r,"leavepictureinpicture",function(){e.emit("pipExit")}),e.on("destroy",function(){t.pip&&(t.pip=!1)})}(e,t):n.webkitSupportsPresentationMode&&"function"==typeof n.webkitSetPresentationMode?function(t,e){var n=t.template.$video;n.webkitSetPresentationMode("inline"),Object.defineProperty(e,"pip",{get:function(){return"picture-in-picture"===n.webkitPresentationMode},set:function(e){e?(n.webkitSetPresentationMode("picture-in-picture"),t.emit("pipEnabled")):(n.webkitSetPresentationMode("inline"),t.emit("pipExit"))}})}(e,t):function(n,r){var e=n.option,t=n.i18n,o=n.template,i=o.$player,a=o.$pipClose,c=o.$pipTitle,s=o.$pipHeader,u=n.events.proxy,l="",f=!1,p=0,d=0,h=0,y=0;u(s,"mousedown",function(e){f=!0,p=e.pageX,d=e.pageY,h=r.left,y=r.top}),u(s,"mousemove",function(e){f&&(i.classList.add("is-dragging"),g(i,"left","".concat(h+e.pageX-p,"px")),g(i,"top","".concat(y+e.pageY-d,"px")))}),u(document,"mouseup",function(){f=!1,i.classList.remove("is-dragging")}),u(a,"click",function(){r.pip=!1,f=!1,i.classList.remove("is-dragging")}),m(c,e.title||t.get("Mini player")),Object.defineProperty(r,"pip",{get:function(){return i.classList.contains("artplayer-pip")},set:function(e){if(e){r.autoSize=!1,l=i.style.cssText,i.classList.add("artplayer-pip");var t=document.body;g(i,"top","".concat(t.clientHeight-r.height-50,"px")),g(i,"left","".concat(t.clientWidth-r.width-50,"px")),r.fullscreen=!1,r.fullscreenWeb=!1,r.aspectRatio=!1,r.playbackRate=!1,n.emit("pipEnabled")}else r.pip&&(i.style.cssText=l,i.classList.remove("artplayer-pip"),g(i,"top",null),g(i,"left",null),r.fullscreen=!1,r.fullscreenWeb=!1,r.aspectRatio=!1,r.playbackRate=!1,r.autoSize=!0,n.emit("pipExit"))}})}(e,t),Object.defineProperty(t,"pipToggle",{set:function(e){e&&(t.pip=!t.pip)}})}(e,this),function(e,t){var n=e.template.$video;Object.defineProperty(t,"loaded",{get:function(){return n.buffered.length?n.buffered.end(n.buffered.length-1)/n.duration:0}})}(e,this),function(e,t){Object.defineProperty(t,"played",{get:function(){return e.template.$video.currentTime/e.template.$video.duration}})}(e,this),function(e,t){var n=e.template.$video;Object.defineProperty(t,"playing",{get:function(){return!!(0<n.currentTime&&!n.paused&&!n.ended&&2<n.readyState)}})}(e,this),function(u,e){var t=u.template,l=t.$container,f=t.$player,p=t.$video;Object.defineProperty(e,"autoSize",{get:function(){return l.classList.contains("artplayer-auto-size")},set:function(e){if(e){var t=p.videoWidth,n=p.videoHeight,r=l.getBoundingClientRect(),o=r.width,i=r.height,a=t/n,c=o/i;if(l.classList.add("artplayer-auto-size"),a<c)g(f,"width","".concat(i*a/o*100,"%")),g(f,"height","100%");else{var s=o/a/i*100;g(f,"width","100%"),g(f,"height","".concat(s,"%"))}u.emit("autoSizeChange")}else l.classList.remove("artplayer-auto-size"),g(f,"width",null),g(f,"height",null),u.emit("autoSizeRemove")}})}(e,this),function(e,t){Object.defineProperty(t,"rect",{get:function(){return e.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach(function(e){Object.defineProperty(t,e,{get:function(){return t.rect[e]}})}),Object.defineProperty(t,"x",{get:function(){return t.left+window.pageXOffset}}),Object.defineProperty(t,"y",{get:function(){return t.top+window.pageYOffset}})}(e,this),function(n,e){Object.defineProperty(e,"flip",{get:function(){return n.template.$player.dataset.flip},set:function(e){if(e){var t=["normal","horizontal","vertical"];v(t.includes(e),"'flip' only accept ".concat(t.toString()," as parameters")),n.template.$player.dataset.flip=e,n.emit("flipChange",e)}else delete n.template.$player.dataset.flip,n.emit("flipRemove")}})}(e,this)}function R(t,n,e,r,o,i){var a="function"==typeof r?r(t):r;if(a.disable)return null;var c=a.name||"".concat(i).concat(n.id);v(!f(n,c),"Cannot create a component that already has the same name: ".concat(i," -> ").concat(c));var s=document.createElement("div");s.classList.value="art-".concat(i," art-").concat(i,"-").concat(c),a.html&&m(s,a.html),a.style&&y(s,a.style);var u=Array.from(e.children);s.dataset.index=a.index||n.id;var l=u.find(function(e){return Number(e.dataset.index)>=Number(s.dataset.index)});return l?l.insertAdjacentElement("beforebegin",s):m(e,s),a.click&&t.events.proxy(s,"click",function(e){e.preventDefault(),a.click.call(n,e,t),t.emit("".concat(i,":click"),s)}),a.mounted&&a.mounted(s,n,t),o&&o(s,n,t),Object.defineProperty(n,c,{value:{get id(){return n.id},get $ref(){return s},set show(e){e?(g(s,"display","block"),t.emit("".concat(i,":show"),s)):(g(s,"display","none"),t.emit("".concat(i,":hide"),s))},set remove(e){e&&(h(s),t.emit("".concat(i,":remove"),s))}}}),t.emit("".concat(i,":add"),a),n[c]}function j(e,t){var n=e.template.$progress,r=e.player,o=n.getBoundingClientRect().left,i=d(t.pageX-o,0,n.clientWidth),a=i/n.clientWidth*r.duration;return{second:a,time:s(a),width:i,percentage:d(i/n.clientWidth,0,1)}}function C(e){var n=this;M(this,C);var r=Object.assign({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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',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>',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>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\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>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},e.option.icons);Object.keys(r).forEach(function(e){var t=document.createElement("i");t.classList.add("art-icon"),t.classList.add("art-icon-".concat(e)),m(t,r[e]),n[e]=t})}function E(r){var e=r.i18n,o=r.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(e.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-range">\n                <input class="art-subtitle-range" value="0" type="range" min="-5" max="5" step="0.5">\n            </div>\n        '),mounted:function(e){var t=e.querySelector(".art-setting-range input"),n=e.querySelector(".art-subtitle-value");o(t,"change",function(){var e=t.value;n.innerText=e,r.plugins.subtitle.offset(Number(e))}),r.on("subtitle:switch",function(){t.value=0,n.innerText=0}),r.on("artplayerPluginSubtitle:set",function(e){t.value!==e&&(t.value=e,n.innerText=e)})}}}function _(r){var o=r.constructor.utils.clamp,e=r.setting,i=r.notice,a=r.template,c=r.i18n,s=r.player;c.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}}),e.add(E);var u=[];return r.on("subtitle:switch",function(){u=[]}),{name:"subtitle",offset:function(e){if(a.$track&&a.$track.track){var t=Array.from(a.$track.track.cues),n=o(e,-5,5);t.forEach(function(e,t){u[t]||(u[t]={startTime:e.startTime,endTime:e.endTime}),e.startTime=o(u[t].startTime+n,0,s.duration),e.endTime=o(u[t].endTime+n,0,s.duration)}),i.show("".concat(c.get("Subtitle offset time"),": ").concat(e,"s")),r.emit("artplayerPluginSubtitle:set",e)}else i.show("".concat(c.get("No subtitles found"))),r.emit("artplayerPluginSubtitle:set",0)}}}function T(o){var e=o.constructor.utils,n=e.append,r=e.setStyle,i=e.setStyles,a=e.sleep,c=o.events.proxy,s=o.option,u=o.notice,l=o.i18n,f=o.template,p=o.player;function d(e){if(e){var t=f.$video.canPlayType(e.type);if("maybe"===t||"probably"===t){var n=URL.createObjectURL(e);p.playbackRate=!1,p.aspectRatio=!1,f.$video.src=n,a(1e3).then(function(){p.currentTime=0}),s.url=n,o.emit("switch",n),u.show(l.get("Load local video successfully"))}else{var r="".concat(l.get("Playback of this file format is not supported"),": ").concat(e.type);u.show(r,!0,3e3),console.warn(r)}}}return l.update({"zh-cn":{"Playback of this file format is not supported":"不支持播放该文件格式","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Playback of this file format is not supported":"不支持播放該文件格式","Load local video successfully":"加載本地視頻成功"}}),c(f.$player,"dragover",function(e){e.preventDefault(),u.show(l.get("Load local video successfully"))}),c(f.$player,"drop",function(e){e.preventDefault(),d(e.dataTransfer.files[0])}),{name:"localPreview",attach:function(e){var t=n(e,'<input type="file">');r(e,"position","relative"),i(t,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),c(t,"change",function(){d(t.files[0])})}}}function L(t){var e=t.layers,n=t.player,r=t.option.theme;return e.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"3px",background:r},mounted:function(e){t.on("controls:show",function(){e.style.display="none"}),t.on("controls:hide",function(){e.style.display="block"}),t.on("video:timeupdate",function(){e.style.width="".concat(100*n.played,"%")})}}),{name:"miniProgressBar"}}function A(t){M(this,A);var n=t.option,r=t.events.proxy,o=t.template.$video;J.video.events.forEach(function(e){r(o,e,function(e){t.emit("video:".concat(e.type),e)})}),Object.keys(n.moreVideoAttr).forEach(function(e){o[e]=n.moreVideoAttr[e]}),n.muted&&(o.muted=n.muted),n.volume&&(o.volume=d(n.volume,0,1)),n.poster&&(o.poster=n.poster),n.autoplay&&(o.autoplay=n.autoplay),o.controls=!0;var e=n.type||c(n.url),i=n.customType[e];e&&i?(t.emit("beforeCustomType",e),i(o,n.url,t),t.emit("afterCustomType",e)):(t.emit("beforeAttachUrl",n.url),o.src=n.url,t.emit("afterAttachUrl",o.src))}var M,q,z,I,F,W,D,N,V,H,U,B,Y,X,Z,J,G,K,Q,ee,te,ne,re,oe,ie,ae,ce,se,ue,le,fe,pe,de,he,ye,me,ve,ge,be;e.exports=(M=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},q=function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e},z=n(function(t){function n(e){return(n="function"==typeof Symbol&&"symbol"==we(Symbol.iterator)?function(e){return we(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":we(e)})(e)}function r(e){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?t.exports=r=function(e){return n(e)}:t.exports=r=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":n(e)},r(e)}t.exports=r}),I=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e},F=function(e,t){return!t||"object"!==z(t)&&"function"!=typeof t?I(e):t},W=n(function(t){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},n(e)}t.exports=n}),D=n(function(n){function r(e,t){return n.exports=r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},r(e,t)}n.exports=r}),N=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&D(e,t)},V=n(function(e,t){function c(e){return(c="function"==typeof Symbol&&"symbol"==we(Symbol.iterator)?function(e){return we(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":we(e)})(e)}function s(e){return e.constructor?e.constructor.name:null}function i(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var r in l(e,t,n),f(e,t,n),p(e,t,n),t)if(t.hasOwnProperty(r)){var o=e[r],i=t[r],a=n.concat(r);if(u(e,r,i,a))continue;l(o,i,a),f(o,i,a),p(o,i,a)}}function u(e,t,n,r){if(!Object.prototype.hasOwnProperty.call(e,t)){if(!0===n.__required__||!0===n.required)throw new TypeError("'".concat(r.join("."),"' is required"));return!0}}function l(e,t,n){var r;if("string"===a(t)?r=t:"function"===a(t)?t.___validator__=t:t.__type__?r=t.__type__:t.type&&(r=t.type),r&&"string"===a(r)){r=r.trim().toLowerCase();var o=a(e),i=o===r;if(-1<r.indexOf("|")&&(i=r.split("|").filter(Boolean).some(function(e){return o===e.trim()})),!i)throw new TypeError("'".concat(n.join("."),"' require '").concat(r,"' type, but got '").concat(o,"'"))}}function f(e,t,n){var r;if(t.___validator__?r=t.___validator__:t.validator&&(r=t.validator),"function"===a(r)){var o=r(n,e,a(e));if(!0!==o)throw new TypeError("The scheme for '".concat(n.join("."),"' validator function require return true, but got '").concat(o,"'"))}}function p(e,t,n){var r;if(t.___child__?r=t.___child__:t.child&&(r=t.child),"object"===a(r)){var o=a(e);"object"===o?i(e,r,n):"array"===o&&e.forEach(function(e,t){i(e,r,n.concat(t))})}}var d,a;e.exports=(d=Object.prototype.toString,i.kindOf=a=function(e){if(void 0===e)return"undefined";if(null===e)return"null";var t,n,r,o,i,a=c(e);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"===s(e)?"generatorfunction":"function";if(t=e,Array.isArray?Array.isArray(t):t instanceof Array)return"array";if(function(e){return!(!e.constructor||"function"!=typeof e.constructor.isBuffer)&&e.constructor.isBuffer(e)}(e))return"buffer";if(function(e){try{if("number"==typeof e.length&&"function"==typeof e.callee)return!0}catch(e){if(-1!==e.message.indexOf("callee"))return!0}return!1}(e))return"arguments";if((n=e)instanceof Date||"function"==typeof n.toDateString&&"function"==typeof n.getDate&&"function"==typeof n.setDate)return"date";if((r=e)instanceof Error||"string"==typeof r.message&&r.constructor&&"number"==typeof r.constructor.stackTraceLimit)return"error";if((o=e)instanceof RegExp||"string"==typeof o.flags&&"boolean"==typeof o.ignoreCase&&"boolean"==typeof o.multiline&&"boolean"==typeof o.global)return"regexp";switch(s(e)){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"==typeof(i=e).throw&&"function"==typeof i.return&&"function"==typeof i.next)return"generator";switch(a=d.call(e)){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,"")},window.optionValidator=i)}),H=function(){function e(){M(this,e)}return q(e,[{key:"on",value:function(e,t,n){var r=this.e||(this.e={});return(r[e]||(r[e]=[])).push({fn:t,ctx:n}),this}},{key:"once",value:function(r,o,i){var a=this;function c(){a.off(r,c);for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];o.apply(i,t)}return c._=o,this.on(r,c,i)}},{key:"emit",value:function(e){for(var t=((this.e||(this.e={}))[e]||[]).slice(),n=arguments.length,r=new Array(1<n?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];for(var i=0;i<t.length;i+=1)t[i].fn.apply(t[i].ctx,r);return this}},{key:"off",value:function(e,t){var n=this.e||(this.e={}),r=n[e],o=[];if(r&&t)for(var i=0,a=r.length;i<a;i+=1)r[i].fn!==t&&r[i].fn._!==t&&o.push(r[i]);return o.length?n[e]=o:delete n[e],this}}]),e}(),U=function(e){return function(e){if(Array.isArray(e)){for(var t=0,n=new Array(e.length);t<e.length;t++)n[t]=e[t];return n}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()},B=n(function(r){function o(e,t,n){return function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(e){return!1}}()?r.exports=o=Reflect.construct:r.exports=o=function(e,t,n){var r=[null];r.push.apply(r,t);var o=new(Function.bind.apply(e,r));return n&&D(o,n.prototype),o},o.apply(null,arguments)}r.exports=o}),Y=function(e){function r(e,t){var n;return M(this,r),n=F(this,W(r).call(this,e)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(I(n),t||n.constructor),n.name="ArtPlayerError",n}return N(r,e),r}(n(function(t){function r(e){var n="function"==typeof Map?new Map:void 0;return t.exports=r=function(e){if(null===e||!function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,t)}function t(){return B(e,arguments,W(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),D(t,e)},r(e)}t.exports=r})(Error)),X=Object.freeze({errorHandle:v,hasOwnProperty:f,clamp:d,getExt:c,secondToTime:s,sleep:l,debounce:u,throttle:p,mergeDeep:a,append:m,remove:h,setStyle:g,setStyles:y,getStyle:b,sublings:o,inverseClass:w,tooltip:k,srtToVtt:i,vttToBlob:x,downloadFile:S}),Z={container:{validator:$,required:!0},url:{type:"string|function",required:!0},poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",plugins:{type:"array",child:{type:"function"}},whitelist:{type:"array",child:{type:"string|function|regexp"}},layers:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:$,style:"object",click:"function",mounted:"function"}},contextmenu:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:$,style:"object",click:"function",mounted:"function"}},quality:{type:"array",child:{default:"boolean",name:"string",url:"string"}},controls:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:$,style:"object",click:"function",mounted:"function",position:function(e,t){var n=["top","left","right"];return v(n.includes(t),"".concat(e.join(".")," only accept ").concat(n.toString()," as parameters"))}}},highlight:{type:"array",child:{type:"object",time:"number",text:"string"}},thumbnails:{type:"object",child:{url:"string",number:"number",width:"number",height:"number",column:"number"}},subtitle:{type:"object",child:{url:"string",style:"object"}},moreVideoAttr:"object",icons:"object",customType:"object"},J={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},video:{propertys:["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"]}},G=function(){function n(e){var t=this;M(this,n),(this.art=e).option.container instanceof Element?this.$container=e.option.container:(this.$container=document.querySelector(e.option.container),v(this.$container,"No container element found by ".concat(e.option.container))),e.constructor.instances.some(function(e){return e.template.$container===t.$container})&&v(!1,"Cannot mount multiple instances on the same dom element"),e.whitelist.state?this.initDesktop():this.initMobile()}return q(n,[{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player" style="--theme: '.concat(this.art.option.theme,'">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-danmuku"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner">\n                <div class="artplayer-setting-body"></div>\n              </div>\n            </div>\n            <div class="artplayer-info">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu"></div>\n          </div>\n        '),this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$danmuku=this.$container.querySelector(".artplayer-danmuku"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(e){e?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),K={"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","This does not seem to support full screen functionality":"似乎不支持全屏功能"},Q={"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","This does not seem to support full screen functionality":"似乎不支持全屏功能"},ee=function(){function t(e){M(this,t),this.art=e,this.languages={"zh-cn":K,"zh-tw":Q},this.init()}return q(t,[{key:"init",value:function(){var e=this.art.option.lang.toLowerCase();this.language=this.languages[e]||{}}},{key:"get",value:function(e){return this.language[e]||e}},{key:"update",value:function(e){this.languages=a(this.languages,e),this.init()}}]),t}(),te=n(function(e){var i,t,o,a,r,n;i="undefined"!=typeof window&&void 0!==window.document?window.document:{},t=e.exports,o="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,a=function(){for(var e,t=[["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"]],n=0,r=t.length,o={};n<r;n++)if((e=t[n])&&e[1]in i){for(n=0;n<e.length;n++)o[t[0][n]]=e[n];return o}return!1}(),r={change:a.fullscreenchange,error:a.fullscreenerror},n={request:function(r){return new Promise(function(e){var t=a.requestFullscreen,n=function(){this.off("change",n),e()}.bind(this);r=r||i.documentElement,/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?r[t]():r[t](o?Element.ALLOW_KEYBOARD_INPUT:{}),this.on("change",n)}.bind(this))},exit:function(){return new Promise(function(e){if(this.isFullscreen){var t=function(){this.off("change",t),e()}.bind(this);i[a.exitFullscreen](),this.on("change",t)}else e()}.bind(this))},toggle:function(e){return this.isFullscreen?this.exit():this.request(e)},onchange:function(e){this.on("change",e)},onerror:function(e){this.on("error",e)},on:function(e,t){var n=r[e];n&&i.addEventListener(n,t,!1)},off:function(e,t){var n=r[e];n&&i.removeEventListener(n,t,!1)},raw:a},a?(Object.defineProperties(n,{isFullscreen:{get:function(){return Boolean(i[a.fullscreenElement])}},element:{enumerable:!0,get:function(){return i[a.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(i[a.fullscreenEnabled])}}}),t?(e.exports=n,e.exports.default=n):window.screenfull=n):t?e.exports=!1:window.screenfull=!1}),ne=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},re=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(e){ne(t,e,n[e])})}return t},oe=function(){function n(e){var t=this;M(this,n),this.id=0,this.art=e,this.art.once("video:canplay",function(){t.init()})}return q(n,[{key:"init",value:function(){var t=this,e=this.art.option;this.add(function(r){return function(l){var e=l.option,t=e.highlight,n=e.theme,f=l.events.proxy,p=l.player;return re({},r,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(i){var o=!1,n=i.querySelector(".art-progress-loaded"),r=i.querySelector(".art-progress-played"),a=i.querySelector(".art-progress-highlight"),c=i.querySelector(".art-progress-indicator"),s=i.querySelector(".art-progress-tip");function u(e,t){"loaded"===e&&g(n,"width","".concat(100*t,"%")),"played"===e&&(g(r,"width","".concat(100*t,"%")),g(c,"left","calc(".concat(100*t,"% - ").concat(b(c,"width")/2,"px)")))}t.forEach(function(e){var t=d(e.time,0,p.duration)/p.duration*100;m(a,'<span data-text="'.concat(e.text,'" data-time="').concat(e.time,'" style="left: ').concat(t,'%"></span>'))}),u("loaded",p.loaded),l.on("video:progress",function(){u("loaded",p.loaded)}),l.on("video:timeupdate",function(){u("played",p.played)}),l.on("video:ended",function(){u("played",1)}),f(i,"mousemove",function(e){g(s,"display","block"),-1<e.composedPath().indexOf(a)?function(e){var t=j(l,e).width,n=e.target.dataset.text;s.innerHTML=n;var r=s.clientWidth;t<=r/2?g(s,"left",0):t>i.clientWidth-r/2?g(s,"left","".concat(i.clientWidth-r,"px")):g(s,"left","".concat(t-r/2,"px"))}(e):function(e){var t=j(l,e),n=t.width,r=t.time;s.innerHTML=r;var o=s.clientWidth;n<=o/2?g(s,"left",0):n>i.clientWidth-o/2?g(s,"left","".concat(i.clientWidth-o,"px")):g(s,"left","".concat(n-o/2,"px"))}(e)}),f(i,"mouseout",function(){g(s,"display","none")}),f(i,"click",function(e){if(e.target!==c){var t=j(l,e),n=t.second;u("played",t.percentage),p.seek=n}}),f(c,"mousedown",function(){o=!0}),f(document,"mousemove",function(e){if(o){var t=j(l,e),n=t.second,r=t.percentage;c.classList.add("art-show-indicator"),u("played",r),p.seek=n}}),f(document,"mouseup",function(){o&&(o=!1,c.classList.remove("art-show-indicator"))})}})}}({name:"progress",disable:e.isLive,position:"top",index:10})),this.add(function(e){return function(h){return re({},e,{mounted:function(p){var d=h.template.$progress,e=h.events,t=e.proxy,n=e.loadImg,r=!1,o=!1;t(d,"mousemove",function(e){r||(r=!0,n(h.option.thumbnails.url).then(function(){o=!0})),o&&(g(p,"display","block"),function(e){var t=j(h,e).width,n=h.option.thumbnails,r=n.url,o=n.height,i=n.width,a=n.number,c=n.column,s=d.clientWidth/a,u=Math.floor(t/s),l=Math.ceil(u/c)-1,f=u%c||c-1;g(p,"backgroundImage","url(".concat(r,")")),g(p,"height","".concat(o,"px")),g(p,"width","".concat(i,"px")),g(p,"backgroundPosition","-".concat(f*i,"px -").concat(l*o,"px")),t<=i/2?g(p,"left",0):t>d.clientWidth-i/2?g(p,"left","".concat(d.clientWidth-i,"px")):g(p,"left","".concat(t-i/2,"px"))}(e))}),t(d,"mouseout",function(){g(p,"display","none")})}})}}({name:"thumbnails",disable:!e.thumbnails.url||e.isLive,position:"top",index:20})),this.add(function(e){return function(u){return re({},e,{mounted:function(e){var t=u.events.proxy,n=u.icons,r=u.i18n,o=u.player,i=m(e,n.play),a=m(e,n.pause);function c(){g(i,"display","flex"),g(a,"display","none")}function s(){g(i,"display","none"),g(a,"display","flex")}k(i,r.get("Play")),k(a,r.get("Pause")),t(i,"click",function(){o.play=!0}),t(a,"click",function(){o.pause=!0}),o.playing?s():c(),u.on("video:playing",function(){s()}),u.on("video:pause",function(){c()})}})}}({name:"playAndPause",disable:!1,position:"left",index:10})),this.add(function(e){return function(p){return re({},e,{mounted:function(e){var t=p.events.proxy,n=p.icons,r=p.player,o=p.i18n,i=!1,a=m(e,n.volume),c=m(e,n.volumeClose),s=m(e,'<div class="art-volume-panel"></div>'),u=m(s,'<div class="art-volume-slider-handle"></div>');function l(e){var t=s.getBoundingClientRect(),n=t.left,r=t.width,o=u.getBoundingClientRect().width;return d(e.pageX-n-o/2,0,r-o/2)/(r-o)}function f(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.7;if(r.muted||0===e)g(a,"display","none"),g(c,"display","flex"),g(u,"left","0");else{var t=((b(s,"width")||60)-b(u,"width"))*e;g(a,"display","flex"),g(c,"display","none"),g(u,"left","".concat(t,"px"))}}k(a,o.get("Mute")),g(c,"display","none"),f(r.volume),p.on("video:volumechange",function(){f(r.volume)}),t(a,"click",function(){r.muted=!0}),t(c,"click",function(){r.muted=!1}),t(s,"click",function(e){r.muted=!1,r.volume=l(e)}),t(u,"mousedown",function(){i=!0}),t(u,"mousemove",function(e){i&&(r.muted=!1,r.volume=l(e))}),t(document,"mouseup",function(){i&&(i=!1)})}})}}({name:"volume",disable:!1,position:"left",index:20})),this.add(function(e){return function(r){return re({},e,{mounted:function(t){function n(){var e="".concat(s(r.player.currentTime)," / ").concat(s(r.player.duration));e!==t.innerHTML&&(t.innerHTML=e)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(e){r.on(e,n)})}})}}({name:"time",disable:e.isLive,position:"left",index:30})),this.add(function(e){return function(o){return re({},e,{mounted:function(e){var i=o.option,t=o.events.proxy,a=o.player,c=-1,n=i.quality.find(function(e){return e.default})||i.quality[0];c=i.quality.indexOf(n);var s=m(e,'<div class="art-quality-name">'.concat(n.name,"</div>")),r=i.quality.map(function(e,t){return'<div class="art-quality-item" data-index="'.concat(t,'">').concat(e.name,"</div>")}).join("");t(m(e,'<div class="art-qualitys">'.concat(r,"</div>")),"click",function(e){var t=Number(e.target.dataset.index),n=i.quality[t],r=n.url,o=n.name;r&&o&&c!==t&&(a.switchQuality(r,o),s.innerHTML=o,c=t)})}})}}({name:"quality",disable:0===e.quality.length,position:"right",index:10})),this.add(function(e){return function(a){return re({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.player,i=m(e,n.screenshot);k(i,r.get("Screenshot")),t(i,"click",function(){o.screenshot()})}})}}({name:"screenshot",disable:!e.screenshot,position:"right",index:20})),this.add(function(e){return function(a){return re({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.subtitle,i=m(e,n.subtitle);k(i,r.get("Hide subtitle")),t(e,"click",function(){o.toggle()}),a.on("subtitle:show",function(){g(i,"opacity","1"),k(i,r.get("Hide subtitle"))}),a.on("subtitle:hide",function(){g(i,"opacity","0.8"),k(i,r.get("Show subtitle"))})}})}}({name:"subtitle",disable:!e.subtitle.url,position:"right",index:30})),this.add(function(e){return function(a){return re({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.setting,i=m(e,n.setting);k(i,r.get("Show setting")),t(e,"click",function(){o.toggle()}),a.on("setting:show",function(){g(i,"opacity","0.8"),k(i,r.get("Hide setting"))}),a.on("setting:hide",function(){g(i,"opacity","1"),k(i,r.get("Show setting"))})}})}}({name:"setting",disable:!e.setting,position:"right",index:40})),this.add(function(e){return function(i){return re({},e,{mounted:function(e){var t=i.events.proxy,n=i.icons,r=i.i18n,o=i.player;k(m(e,n.pip),r.get("Mini player")),t(e,"click",function(){o.pip=!0})}})}}({name:"pip",disable:!e.pip,position:"right",index:50})),this.add(function(e){return function(a){return re({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.player,i=m(e,n.fullscreenWeb);k(i,r.get("Web fullscreen")),t(e,"click",function(){o.fullscreenWebToggle=!0}),a.on("fullscreenWeb:enabled",function(){g(i,"opacity","0.8"),k(i,r.get("Exit web fullscreen"))}),a.on("fullscreenWeb:exit",function(){g(i,"opacity","1"),k(i,r.get("Web fullscreen"))})}})}}({name:"fullscreenWeb",disable:!e.fullscreenWeb,position:"right",index:60})),this.add(function(e){return function(a){return re({},e,{mounted:function(e){var t=a.events.proxy,n=a.icons,r=a.i18n,o=a.player,i=m(e,n.fullscreen);k(i,r.get("Fullscreen")),t(e,"click",function(){o.fullscreenToggle=!0}),a.on("fullscreen:enabled",function(){g(i,"opacity","0.8"),k(i,r.get("Exit fullscreen"))}),a.on("fullscreen:exit",function(){g(i,"opacity","1"),k(i,r.get("Fullscreen"))})}})}}({name:"fullscreen",disable:!e.fullscreen,position:"right",index:70})),e.controls.forEach(function(e){t.add(e)})}},{key:"add",value:function(e,t){var n,r="function"==typeof e?e(this.art):e,o=this.art.template,i=o.$progress,a=o.$controlsLeft,c=o.$controlsRight;switch(r.position){case"top":n=i;break;case"left":n=a;break;case"right":n=c}return v(n,"Controls option.position can not be empty"),this.id+=1,R(this.art,this,n,r,t,"control")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.add("artplayer-controls-show"),this.art.emit("controls:show")):(this.state=!1,t.classList.remove("artplayer-controls-show"),this.art.emit("controls:hide"))}}]),n}(),ie=function(){function n(e){var t=this;M(this,n),this.id=0,this.art=e,this.art.once("video:canplay",function(){t.init()}),this.art.on("blur",function(){t.show=!1})}return q(n,[{key:"init",value:function(){var t=this,e=this.art,n=e.option,r=e.template,o=r.$player,i=r.$contextmenu,a=e.events.proxy;this.add(function(t){return function(r){var e=r.i18n,n=r.player;return re({},t,{html:"\n                ".concat(e.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(e.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(e){var t=e.target.dataset.rate;t&&(n.playbackRate=Number(t),r.contextmenu.show=!1)},mounted:function(n){r.on("playbackRateChange",function(t){var e=Array.from(n.querySelectorAll("span")).find(function(e){return Number(e.dataset.rate)===t});e&&w(e,"current")})}})}}({disable:!n.playbackRate,name:"playbackRate",index:10})),this.add(function(t){return function(n){var e=n.i18n,r=n.player;return re({},t,{html:"\n                ".concat(e.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(e.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(e){var t=e.target.dataset.ratio;t&&(r.aspectRatio=t,n.contextmenu.show=!1)},mounted:function(e){n.on("aspectRatioChange",function(t){w(Array.from(e.querySelectorAll("span")).find(function(e){return e.dataset.ratio===t}),"current")})}})}}({disable:!n.aspectRatio,name:"aspectRatio",index:20})),this.add(function(t){return function(e){return re({},t,{html:e.i18n.get("Video info"),click:function(){e.info.show=!0,e.contextmenu.show=!1}})}}({disable:!1,name:"info",index:30})),this.add(re({},{disable:!1,name:"version",index:40},{html:'<a href="https://github.com/zhw2590582/artplayer" target="_blank">ArtPlayer 3.1.9</a>'})),this.add(function(t){return function(e){return re({},t,{html:e.i18n.get("Close"),click:function(){e.contextmenu.show=!1}})}}({disable:!1,name:"close",index:50})),n.contextmenu.forEach(function(e){t.add(e)}),a(o,"contextmenu",function(e){e.preventDefault(),t.show=!0,t.setPos(e)}),a(o,"click",function(e){e.composedPath().includes(i)||(t.show=!1)})}},{key:"add",value:function(e,t){var n=this.art.template.$contextmenu;return this.id+=1,R(this.art,this,n,e,t,"contextmenu")}},{key:"setPos",value:function(e){var t=this.art.template,n=t.$player,r=t.$contextmenu,o=e.clientX,i=e.clientY,a=n.getBoundingClientRect(),c=a.height,s=a.width,u=a.left,l=a.top,f=r.getBoundingClientRect(),p=f.height,d=f.width,h=o-u,y=i-l;u+s<o+d&&(h=s-d),l+c<i+p&&(y=c-p),g(r,"left","".concat(h,"px")),g(r,"top","".concat(y,"px"))}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.add("artplayer-contextmenu-show"),this.art.emit("contextmenu:show")):(this.state=!1,t.classList.remove("artplayer-contextmenu-show"),this.art.emit("contextmenu:hide"))}}]),n}(),ae=function(){function t(e){M(this,t),this.art=e,this.init()}return q(t,[{key:"init",value:function(){var e=this,t=this.art,n=t.template.$infoClose;(0,t.events.proxy)(n,"click",function(){e.show=!1}),this.art.on("destroy",function(){e.timer&&clearTimeout(e.timer)})}},{key:"creatInfo",value:function(){var e=[];return e.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">3.1.9</div>\n          </div>\n        '),e.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),e.push('\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        '),e.push('\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        '),e.push('\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        '),e.push('\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        '),e.join("")}},{key:"readInfo",value:function(){var e=this.art.template,t=e.$infoPanel,n=e.$video;Array.from(t.querySelectorAll("[data-video]")).forEach(function(e){var t=n[e.dataset.video];e.innerHTML=void 0!==t?"number"==typeof t?t.toFixed(2):t:"unknown"})}},{key:"loop",value:function(){var e=this;this.readInfo(),this.timer=setTimeout(function(){e.readInfo(),e.loop()},1e3)}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template,n=t.$player,r=t.$infoPanel;e?(this.state=!0,n.classList.add("artplayer-info-show"),r.innerHTML||m(r,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show")):(this.state=!1,n.classList.remove("artplayer-info-show"),clearTimeout(this.timer),this.art.emit("info:hide"))}}]),t}(),ce=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=e[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()},se=function(){function n(e){M(this,n),this.art=e,this.state=!0;var t=this.art.option.subtitle.url;t&&this.init(t)}return q(n,[{key:"init",value:function(e){var r=this,t=this.art,o=t.events.proxy,n=t.option.subtitle,i=t.template,a=i.$video,c=i.$subtitle,s=i.$track;if(y(c,n.style||{}),!s){var u=document.createElement("track");u.default=!0,u.kind="metadata",a.appendChild(u),this.art.template.$track=u}this.load(e).then(function(e){if(r.art.template.$track.src=e,r.art.emit("subtitle:load",e),a.textTracks&&a.textTracks[0]){var n=ce(a.textTracks,1)[0];o(n,"cuechange",function(){var e=ce(n.activeCues,1)[0];if(c.innerHTML="",e){var t=document.createElement("div");t.appendChild(e.getCueAsHTML()),c.innerHTML=t.innerHTML.split(/\r?\n/).map(function(e){return"<p>".concat(e,"</p>")}).join("")}r.art.emit("subtitle:update",c)})}})}},{key:"load",value:function(t){var n,r=this.art.notice;return fetch(t).then(function(e){return n=e.headers.get("Content-Type"),e.text()}).then(function(e){return/x-subrip/gi.test(n)?x(i(e)):t}).catch(function(e){r.show(e),console.warn(e)})}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.remove("artplayer-subtitle-hide"),this.art.emit("subtitle:show")):(this.state=!1,t.classList.add("artplayer-subtitle-hide"),this.art.emit("subtitle:hide"))}}]),n}(),ue=function(){function n(e){var t=this;M(this,n),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),e.whitelist.state&&e.once("video:canplay",function(){!function(t,e){var n=t.template.$player;e.proxy(document,["click","contextmenu"],function(e){-1<e.composedPath().indexOf(n)?(t.isFocus=!0,t.emit("focus")):(t.isFocus=!1,t.emit("blur"))})}(e,t),function(e,t){var n=e.template.$player;t.hover(n,function(){n.classList.add("artplayer-hover"),e.emit("hoverenter")},function(){n.classList.remove("artplayer-hover"),e.emit("hoverleave")})}(e,t),function(t,e){var n=t.template,r=n.$player,o=n.$video,i=t.player,a=u(function(){r.classList.add("artplayer-hide-cursor"),r.classList.remove("artplayer-hover"),t.controls.show=!1},5e3);t.on("hoverleave",function(){i.playing&&a()}),e.proxy(r,"mousemove",function(e){a.clearTimeout(),r.classList.remove("artplayer-hide-cursor"),t.controls.show=!0,!t.player.pip&&i.playing&&e.target===o&&a()})}(e,t),function(e,t){var n=e.option,r=e.player,o=e.template.$player,i=document.createElement("object");i.setAttribute("aria-hidden","true"),i.setAttribute("tabindex",-1),i.type="text/html",i.data="about:blank";var a=r.width,c=r.height,s=p(function(){r.width===a&&r.height===c||(a=r.width,c=r.height,n.autoSize&&(e.player.fullscreen||e.player.fullscreenWeb||e.player.pip?e.player.autoSize=!1:e.player.autoSize=!0),e.player.aspectRatioReset=!0,e.emit("resize",{width:r.width,height:r.height}))},500);t.proxy(i,"load",function(){t.proxy(i.contentDocument.defaultView,"resize",s)}),o.appendChild(i)}(e,t)})}return q(n,[{key:"proxy",value:function(t,e,n){var r=this,o=3<arguments.length&&void 0!==arguments[3]?arguments[3]:{};Array.isArray(e)?e.forEach(function(e){return r.proxy(t,e,n,o)}):(t.addEventListener(e,n,o),this.destroyEvents.push(function(){t.removeEventListener(e,n,o)}))}},{key:"hover",value:function(e,t,n){this.proxy(e,"mouseenter",t),this.proxy(e,"mouseleave",n)}},{key:"loadImg",value:function(r){var o=this;return new Promise(function(e,t){var n;if(r instanceof HTMLImageElement)n=r;else{if("string"!=typeof r)return t(r);(n=new Image).src=r}return n.complete?e(n):(o.proxy(n,"load",function(){return e(n)}),o.proxy(n,"error",function(){return t(n)}),r)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(e){return e()})}}]),n}(),le=function(){function n(e){var t=this;M(this,n),this.art=e,this.keys={},this.art.option.hotkey&&this.art.once("video:canplay",function(){t.add(27,function(){e.player.fullscreenWeb&&(e.player.fullscreenWeb=!1)}),t.add(32,function(){e.player.toggle=!0}),t.add(37,function(){e.player.seek=e.player.currentTime-10}),t.add(38,function(){e.player.volume+=.05}),t.add(39,function(){e.player.seek=e.player.currentTime+10}),t.add(40,function(){e.player.volume-=.05}),t.init()})}return q(n,[{key:"add",value:function(e,t){this.keys[e]?this.keys[e].push(t):this.keys[e]=[t]}},{key:"init",value:function(){var o=this;(0,this.art.events.proxy)(window,"keydown",function(e){if(o.art.isFocus){var t=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==t&&"TEXTAREA"!==t&&""!==n&&"true"!==n){var r=o.keys[e.keyCode];r&&(e.preventDefault(),r.forEach(function(e){return e()}),o.art.emit("hotkey",e))}}})}}]),n}(),fe=function(){function n(e){var t=this;M(this,n),this.id=0,this.art=e,this.add=this.add.bind(this),this.art.once("video:canplay",function(){t.art.option.layers.forEach(function(e){t.add(e)})})}return q(n,[{key:"add",value:function(e,t){this.id+=1;var n=this.art.template.$layers;return R(this.art,this,n,e,t,"layer")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.remove("artplayer-layers-hide"),this.art.emit("layers:show")):(this.state=!1,t.classList.add("artplayer-layers-hide"),this.art.emit("layers:hide"))}}]),n}(),pe=function(){function t(e){M(this,t),m((this.art=e).template.$loading,e.icons.loading)}return q(t,[{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.add("artplayer-loading-show"),this.art.emit("loading:show")):(this.state=!1,t.classList.remove("artplayer-loading-show"),this.art.emit("loading:hide"))}}]),t}(),de=function(){function t(e){M(this,t),this.art=e,this.timer=null}return q(t,[{key:"show",value:function(e){var t=this,n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],r=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1e3,o=this.art.template,i=o.$player,a=o.$noticeInner;this.state=!0,i.classList.add("artplayer-notice-show"),a.innerHTML=e instanceof Error?e.message.trim():e,clearTimeout(this.timer),n&&(this.timer=setTimeout(function(){t.hide()},r)),this.art.emit("notice:show")}},{key:"hide",value:function(){var e=this.art.template.$player;this.state=!1,e.classList.remove("artplayer-notice-show"),this.art.emit("notice:hide")}}]),t}(),he=function(){function t(e){M(this,t),m(m((this.art=e).template.$mask,'<div class="art-state"></div>'),e.icons.state)}return q(t,[{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.add("artplayer-mask-show"),this.art.emit("mask:show")):(this.state=!1,t.classList.remove("artplayer-mask-show"),this.art.emit("mask:hide"))}}]),t}(),ye=function(){function n(e){var t=this;M(this,n),this.id=0,this.art=e,this.state=!1,e.option.setting&&(this.art.once("video:canplay",function(){t.init()}),this.art.on("blur",function(){t.show=!1}))}return q(n,[{key:"init",value:function(){var t=this,e=this.art,n=e.option,r=e.template.$setting;(0,e.events.proxy)(r,"click",function(e){e.target===r&&(t.show=!1)}),this.add(function(r){return function(t){var e=t.i18n,n=t.player;return re({},r,{html:'\n                <div class="art-setting-header">'.concat(e.get("Flip"),'</div>\n                <div class="art-setting-radio">\n                    <div class="art-radio-item current">\n                        <button type="button" data-value="normal">').concat(e.get("Normal"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="horizontal">').concat(e.get("Horizontal"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="vertical">').concat(e.get("Vertical"),"</button>\n                    </div>\n                </div>\n            "),click:function(e){var t=e.target.dataset.value;t&&(n.flip=t)},mounted:function(e){t.on("flipChange",function(t){w(Array.from(e.querySelectorAll("button")).find(function(e){return e.dataset.value===t}).parentElement,"current")})}})}}({disable:!n.flip,name:"flip"})),this.add(function(r){return function(t){var e=t.i18n,n=t.player;return re({},r,{html:'\n                <div class="art-setting-header">'.concat(e.get("Aspect ratio"),'</div>\n                <div class="art-setting-radio">\n                    <div class="art-radio-item current">\n                        <button type="button" data-value="default">').concat(e.get("Default"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="4:3">4:3</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="16:9">16:9</button>\n                    </div>\n                </div>\n            '),click:function(e){var t=e.target.dataset.value;t&&(n.aspectRatio=t)},mounted:function(e){t.on("aspectRatioChange",function(t){w(Array.from(e.querySelectorAll("button")).find(function(e){return e.dataset.value===t}).parentElement,"current")})}})}}({disable:!n.aspectRatio,name:"aspectRatio"})),this.add(function(t){return function(r){var e=r.i18n,o=r.player,i=r.events.proxy;return re({},t,{html:'\n                <div class="art-setting-header">\n                    '.concat(e.get("Play speed"),': <span class="art-subtitle-value">1.0</span>x\n                </div>\n                <div class="art-setting-range">\n                    <input class="art-subtitle-range" value="1" type="range" min="0.5" max="2" step="0.25">\n                </div>\n            '),mounted:function(e){var t=e.querySelector(".art-setting-range input"),n=e.querySelector(".art-subtitle-value");i(t,"change",function(){var e=t.value;n.innerText=e,o.playbackRate=Number(e)}),r.on("playbackRateChange",function(e){t.value!==e&&(t.value=e,n.innerText=e)})}})}}({disable:!n.playbackRate,name:"playbackRate"}))}},{key:"add",value:function(e,t){this.id+=1;var n=this.art.template.$settingBody;return R(this.art,this,n,e,t,"setting")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(e){var t=this.art.template.$player;e?(this.state=!0,t.classList.add("artplayer-setting-show"),this.art.emit("setting:show")):(this.state=!1,t.classList.remove("artplayer-setting-show"),this.art.emit("setting:hide"))}}]),n}(),me=function(){function t(e){M(this,t),this.art=e,this.name="artplayer_settings",this.init()}return q(t,[{key:"init",value:function(){var e=this.art.option,t=this.get("volume");t&&(e.volume=t)}},{key:"get",value:function(e){var t=JSON.parse(window.localStorage.getItem(this.name))||{};return e?t[e]:{}}},{key:"set",value:function(e,t){var n=Object.assign({},this.get(),ne({},e,t));window.localStorage.setItem(this.name,JSON.stringify(n))}},{key:"del",value:function(e){var t=this.get();delete t[e],window.localStorage.setItem(this.name,JSON.stringify(t))}},{key:"clean",value:function(){window.localStorage.removeItem(this.name)}}]),t}(),ve=function(){function n(e){var t=this;M(this,n),this.art=e,this.id=0,e.option.subtitle.url&&this.add(_),e.option.isLive||this.add(L),this.add(T),e.option.plugins.forEach(function(e){t.add(e)})}return q(n,[{key:"add",value:function(e){this.id+=1;var t=e.call(this,this.art);return this[t&&t.name?t.name:e.name?e.name:"plugin".concat(this.id)]=t,this.art.emit("plugin:add",e),this}}]),n}(),ge=0,be=function(e){function n(e){var t;return M(this,n),t=F(this,W(n).call(this)),v("function"==typeof window.Promise,"Unsupported 'Promise' method"),t.option=a(n.DEFAULTS,e),V(t.option,Z),t.init(),t}return N(n,H),q(n,[{key:"init",value:function(){this.whitelist=new O(this),this.template=new G(this),this.events=new ue(this),this.whitelist.state?(this.isFocus=!1,this.isDestroy=!1,this.storage=new me(this),this.icons=new C(this),this.i18n=new ee(this),this.notice=new de(this),this.player=new P(this),this.layers=new fe(this),this.controls=new oe(this),this.contextmenu=new ie(this),this.subtitle=new se(this),this.info=new ae(this),this.loading=new pe(this),this.hotkey=new le(this),this.mask=new he(this),this.setting=new ye(this),this.plugins=new ve(this)):this.mobile=new A(this),ge+=1,this.id=ge,n.instances.push(this)}},{key:"destroy",value:function(){var e=0<arguments.length&&void 0!==arguments[0]&&arguments[0];this.events.destroy(),this.template.destroy(e),n.instances.splice(n.instances.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"version",get:function(){return"3.1.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return J}},{key:"utils",get:function(){return X}},{key:"scheme",get:function(){return Z}},{key:"Emitter",get:function(){return H}},{key:"validator",get:function(){return V}},{key:"kindOf",get:function(){return V.kindOf}},{key:"DEFAULTS",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"auto"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),n}(),Object.defineProperty(be,"instances",{value:[]}),be)});return function(e){function n(e){var t;return c(this,n),t=u(this,l(n).call(this,e)),se.utils.errorHandle(e.option&&"object"===we(e.option),"The prop 'option' object cannot be missing"),t.instance=null,t.artRef=ce.createRef(),t}return p(n,e),t(n,[{key:"componentDidMount",value:function(){var e=this.props,t=e.option,n=e.getInstance;this.instance=new se(i({},t,{container:this.artRef.current})),n&&"function"==typeof n&&n(this.instance)}},{key:"componentWillUnmount",value:function(){this.instance&&this.instance.destroy&&this.instance.destroy()}},{key:"render",value:function(){var e=this.props,t=(e.option,e.getInstance,r(e,["option","getInstance"]));return ce.createElement("div",i({ref:this.artRef},t))}}]),n}(ce.Component)});
diff --git a/packages/artplayer-react/package.json b/packages/artplayer-react/package.json
index 9900910fc..974bc94c3 100644
--- a/packages/artplayer-react/package.json
+++ b/packages/artplayer-react/package.json
@@ -23,7 +23,6 @@
   },
   "homepage": "https://github.com/zhw2590582/ArtPlayer#readme",
   "dependencies": {
-    "artplayer": "latest",
     "react": "latest"
   }
 }
diff --git a/packages/artplayer-react/src/index.js b/packages/artplayer-react/src/index.js
index 993bfdd36..5a8693e09 100644
--- a/packages/artplayer-react/src/index.js
+++ b/packages/artplayer-react/src/index.js
@@ -1,6 +1,6 @@
 import React from 'react';
-import Artplayer from 'artplayer';
-import 'artplayer/dist/artplayer.css';
+import Artplayer from '../../artplayer';
+import '../../artplayer/src/style';
 
 export default class ArtplayerReact extends React.Component {
     constructor(props) {
diff --git a/packages/artplayer-vue/dist/artplayer-vue.css b/packages/artplayer-vue/dist/artplayer-vue.css
index 4bdb13e60..3ce1ace4f 100644
--- a/packages/artplayer-vue/dist/artplayer-vue.css
+++ b/packages/artplayer-vue/dist/artplayer-vue.css
@@ -1 +1,18 @@
-.artplayer-video-player{position:relative;width:100%;height:100%;overflow:hidden;outline:0;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.artplayer-video-player .art-icon{display:inline-block;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}.artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;outline:0;cursor:pointer}.artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;text-shadow:.5px .5px .5px rgba(0,0,0,.5);font-size:20px;pointer-events:none}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}.artplayer-video-player .artplayer-layers{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:all}.artplayer-video-player .artplayer-mask{display:none;position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.artplayer-video-player .artplayer-mask .art-playBig{position:absolute;right:30px;bottom:65px;opacity:.6}.artplayer-video-player .artplayer-loading{display:none;position:absolute;z-index:60;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-bottom{position:absolute;z-index:50;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:all}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:all;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}.artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:70;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.artplayer-video-player .artplayer-contextmenu{display:none;position:absolute;z-index:110;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.8);border-radius:3px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu a{color:#fff;text-decoration:none}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span{display:inline-block;padding:0 7px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current,.artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover{color:#00c9ff}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child{border-bottom:none}.artplayer-video-player .artplayer-setting{display:none;position:absolute;z-index:80;left:0;top:0;height:100%;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:relative;width:300px;height:250px;font-size:12px;background:rgba(0,0,0,.8);border-radius:3px;pointer-events:all;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 20px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{color:#fff;margin-bottom:10px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-body{color:hsla(0,0%,100%,.8)}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-close{position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,.5);font-size:20px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-4px;margin-right:-4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 4px}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn span{display:block;height:20px;line-height:20px;text-align:center;color:#fff;background:hsla(0,0%,100%,.3);border-radius:2px;cursor:pointer}.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn.current span,.artplayer-video-player .artplayer-setting .art-setting-btns .art-setting-btn:hover span{color:#fff;background:#00a1d6}.artplayer-video-player .artplayer-info{display:none;position:absolute;left:10px;top:10px;z-index:90;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}.artplayer-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}.artplayer-video-player.artplayer-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}.artplayer-video-player .artplayer-pip-header{display:none;position:absolute;z-index:100;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.artplayer-video-player .artplayer-pip-header .artplayer-pip-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.artplayer-video-player .artplayer-pip-header .artplayer-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.artplayer-video-player.is-dragging{opacity:.7}.artplayer-video-player.artplayer-pip{position:fixed;z-index:9999;right:20px;bottom:20px;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.artplayer-video-player.artplayer-pip .artplayer-pip-header{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header{opacity:1;visibility:visible}.artplayer-video-player.artplayer-pip .artplayer-mask{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.artplayer-video-player.artplayer-pip .artplayer-mask .art-playBig{position:static}.artplayer-video-player.artplayer-pip .artplayer-bottom,.artplayer-video-player.artplayer-pip .artplayer-contextmenu,.artplayer-video-player.artplayer-pip .artplayer-danmu,.artplayer-video-player.artplayer-pip .artplayer-info,.artplayer-video-player.artplayer-pip .artplayer-layers,.artplayer-video-player.artplayer-pip .artplayer-notice,.artplayer-video-player.artplayer-pip .artplayer-setting,.artplayer-video-player.artplayer-pip .artplayer-subtitle{display:none!important}.artplayer-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.artplayer-video-player[data-flip=horizontal] .artplayer-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.artplayer-video-player[data-flip=vertical] .artplayer-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}button[data-balloon]{overflow:visible}[data-balloon]{position:relative;cursor:pointer}[data-balloon]:after{font-family:sans-serif!important;font-weight:400!important;font-style:normal!important;text-shadow:none!important;font-size:12px!important;background:rgba(17,17,17,.9);border-radius:4px;color:#fff;content:attr(data-balloon);padding:.5em 1em;white-space:nowrap}[data-balloon]:after,[data-balloon]:before{filter:alpha(opactiy=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;pointer-events:none;-webkit-transition:all .18s ease-out .18s;transition:all .18s ease-out .18s;position:absolute;z-index:10}[data-balloon]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;content:""}[data-balloon]:hover:after,[data-balloon]:hover:before,[data-balloon][data-balloon-visible]:after,[data-balloon][data-balloon-visible]:before{filter:alpha(opactiy=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;pointer-events:auto}[data-balloon].font-awesome:after{font-family:FontAwesome}[data-balloon][data-balloon-break]:after{white-space:pre}[data-balloon][data-balloon-blunt]:after,[data-balloon][data-balloon-blunt]:before{-webkit-transition:none;transition:none}[data-balloon][data-balloon-pos=up]:after{margin-bottom:11px}[data-balloon][data-balloon-pos=up]:after,[data-balloon][data-balloon-pos=up]:before{bottom:100%;left:50%;-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up]:before{margin-bottom:5px}[data-balloon][data-balloon-pos=up]:hover:after,[data-balloon][data-balloon-pos=up]:hover:before,[data-balloon][data-balloon-pos=up][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up][data-balloon-visible]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}[data-balloon][data-balloon-pos=up-left]:after{left:0;margin-bottom:11px}[data-balloon][data-balloon-pos=up-left]:after,[data-balloon][data-balloon-pos=up-left]:before{bottom:100%;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up-left]:before{left:5px;margin-bottom:5px}[data-balloon][data-balloon-pos=up-left]:hover:after,[data-balloon][data-balloon-pos=up-left]:hover:before,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=up-right]:after{right:0;margin-bottom:11px}[data-balloon][data-balloon-pos=up-right]:after,[data-balloon][data-balloon-pos=up-right]:before{bottom:100%;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=up-right]:before{right:5px;margin-bottom:5px}[data-balloon][data-balloon-pos=up-right]:hover:after,[data-balloon][data-balloon-pos=up-right]:hover:before,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=down]:after{margin-top:11px}[data-balloon][data-balloon-pos=down]:after,[data-balloon][data-balloon-pos=down]:before{left:50%;top:100%;-webkit-transform:translate(-50%,-10px);transform:translate(-50%,-10px)}[data-balloon][data-balloon-pos=down]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;margin-top:5px}[data-balloon][data-balloon-pos=down]:hover:after,[data-balloon][data-balloon-pos=down]:hover:before,[data-balloon][data-balloon-pos=down][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down][data-balloon-visible]:before{-webkit-transform:translate(-50%);transform:translate(-50%)}[data-balloon][data-balloon-pos=down-left]:after{left:0;margin-top:11px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-left]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;left:5px;margin-top:5px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-left]:hover:after,[data-balloon][data-balloon-pos=down-left]:hover:before,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=down-right]:after{right:0;margin-top:11px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-right]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");background-size:100% auto;width:18px;height:6px;right:5px;margin-top:5px;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px)}[data-balloon][data-balloon-pos=down-right]:hover:after,[data-balloon][data-balloon-pos=down-right]:hover:before,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before{-webkit-transform:translate(0);transform:translate(0)}[data-balloon][data-balloon-pos=left]:after{margin-right:11px;right:100%;top:50%;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%)}[data-balloon][data-balloon-pos=left]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E");background-size:100% auto;width:6px;height:18px;margin-right:5px;right:100%;top:50%;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%)}[data-balloon][data-balloon-pos=left]:hover:after,[data-balloon][data-balloon-pos=left]:hover:before,[data-balloon][data-balloon-pos=left][data-balloon-visible]:after,[data-balloon][data-balloon-pos=left][data-balloon-visible]:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-balloon][data-balloon-pos=right]:after{left:100%;margin-left:11px;top:50%;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}[data-balloon][data-balloon-pos=right]:before{background:no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17,17,17,0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E");background-size:100% auto;width:6px;height:18px;left:100%;margin-left:5px;top:50%;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}[data-balloon][data-balloon-pos=right]:hover:after,[data-balloon][data-balloon-pos=right]:hover:before,[data-balloon][data-balloon-pos=right][data-balloon-visible]:after,[data-balloon][data-balloon-pos=right][data-balloon-visible]:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-balloon][data-balloon-length=small]:after{white-space:normal;width:80px}[data-balloon][data-balloon-length=medium]:after{white-space:normal;width:150px}[data-balloon][data-balloon-length=large]:after{white-space:normal;width:260px}[data-balloon][data-balloon-length=xlarge]:after{white-space:normal;width:380px}@media screen and (max-width:768px){[data-balloon][data-balloon-length=xlarge]:after{white-space:normal;width:90vw}}[data-balloon][data-balloon-length=fit]:after{white-space:normal;width:100%}
\ No newline at end of file
+.artplayer-video-player{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin:0 auto;z-index:10;width:100%;height:100%;outline:0;zoom:1;font-family:Roboto,Arial,Helvetica,sans-serif;color:#eee;text-align:left;direction:ltr;font-size:14px;line-height:1.3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-touch-action:manipulation;touch-action:manipulation;-ms-high-contrast-adjust:none}.artplayer-video-player *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.artplayer-video-player .art-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1.5}.artplayer-video-player .art-icon svg{fill:#fff}.artplayer-video-player>object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
+.artplayer-video-player .artplayer-video{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;cursor:pointer}
+.artplayer-video-player .artplayer-subtitle{position:absolute;z-index:20;bottom:40px;width:100%;padding:0 20px;text-align:center;color:#fff;font-size:20px;pointer-events:none;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-subtitle p{margin:5px 0}.artplayer-video-player.artplayer-subtitle-hide .artplayer-subtitle{display:none}
+.artplayer-video-player .artplayer-danmuku{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
+.artplayer-video-player .artplayer-layers{position:absolute;z-index:40;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.artplayer-video-player .artplayer-layers .art-layer{pointer-events:auto}.artplayer-video-player.artplayer-layers-hide .artplayer-layers{display:none}
+.artplayer-video-player .artplayer-mask{display:none;z-index:50;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.artplayer-video-player .artplayer-mask,.artplayer-video-player .artplayer-mask .art-state{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute}.artplayer-video-player .artplayer-mask .art-state{right:30px;bottom:55px;width:60px;height:60px;opacity:.6}.artplayer-video-player.artplayer-mask-show .artplayer-mask,.artplayer-video-player .artplayer-mask .art-state{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-loading{display:none;position:absolute;z-index:70;left:0;top:0;right:0;bottom:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none}.artplayer-video-player.artplayer-loading-show .artplayer-loading{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-bottom{position:absolute;z-index:60;left:0;right:0;bottom:0;height:100px;padding:60px 10px 0;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom}.artplayer-video-player .artplayer-bottom .artplayer-progress{position:relative;pointer-events:auto}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress{position:relative;height:5px;padding:1px 0;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner{position:relative;height:100%;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;height:100%;width:0;background:hsla(0,0%,100%,.4)}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played{position:absolute;z-index:20;left:0;top:0;right:0;bottom:0;height:100%;width:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight{position:absolute;z-index:30;left:0;top:0;right:0;bottom:0;height:0}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span{display:inline-block;position:absolute;left:0;top:0;width:7px;height:3px;background:#fff;border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator{display:none;position:absolute;z-index:40;top:-5px;left:-6.5px;width:13px;height:13px;border-radius:50%}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip{display:none;position:absolute;z-index:50;top:-25px;left:0;height:20px;padding:0 5px;line-height:20px;color:#fff;font-size:12px;text-align:center;background:rgba(0,0,0,.7);border-radius:3px;font-weight:700;white-space:nowrap}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-indicator,.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress:hover .art-progress-tip{display:block}.artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails{display:none;position:absolute;bottom:8px;left:0;pointer-events:none;background-color:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-bottom .artplayer-controls{position:relative;pointer-events:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left,.artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control{opacity:.9;font-size:12px;height:36px;min-width:36px;line-height:36px;text-align:center;cursor:pointer}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;float:left;height:36px;width:36px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover{opacity:1}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel{position:relative;float:left;width:0;height:100%;-webkit-transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);transition:margin .2s cubic-bezier(.4,0,1,1),width .2s cubic-bezier(.4,0,1,1);overflow:hidden}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:12px;margin-top:-6px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{left:-54px;background:#fff}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after{left:6px;background:hsla(0,0%,100%,.2)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:after,.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle:before{content:"";position:absolute;display:block;top:50%;height:3px;margin-top:-2px;width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel{width:60px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time{padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality{position:relative;z-index:30;padding:0 10px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys{display:none;position:absolute;left:-15px;bottom:35px;width:100px;padding:5px 0;text-align:center;color:#fff;background:rgba(0,0,0,.7);border-radius:3px}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys{display:block}.artplayer-video-player.artplayer-controls-show .artplayer-bottom,.artplayer-video-player.artplayer-hover .artplayer-bottom{opacity:1;visibility:visible}.artplayer-video-player.artplayer-destroy .art-progress-indicator,.artplayer-video-player.artplayer-destroy .art-progress-tip,.artplayer-video-player.artplayer-error .art-progress-indicator,.artplayer-video-player.artplayer-error .art-progress-tip{display:none!important}
+.artplayer-video-player .artplayer-notice{display:none;font-size:14px;position:absolute;z-index:80;left:0;top:0;padding:10px;width:100%;pointer-events:none}.artplayer-video-player .artplayer-notice .artplayer-notice-inner{display:inline-block;padding:5px 10px;color:#fff;background:rgba(0,0,0,.6);border-radius:3px}.artplayer-video-player.artplayer-notice-show .artplayer-notice{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-contextmenu{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:120;left:0;top:0;min-width:200px;padding:5px 0;background:rgba(0,0,0,.8);border-radius:3px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu{cursor:pointer;font-size:13px;display:block;color:#fff;padding:7px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 2px rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu a{color:#fff;text-decoration:none}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span{display:inline-block;padding:0 7px}.artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current,.artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover{color:#00c9ff}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover{background-color:hsla(0,0%,100%,.1)}.artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child{border-bottom:none}.artplayer-video-player.artplayer-contextmenu-show .artplayer-contextmenu{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-setting{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:90;left:0;top:0;height:100%;width:100%;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden}.artplayer-video-player .artplayer-setting .artplayer-setting-inner{position:absolute;top:0;right:-300px;bottom:0;width:300px;height:100%;font-size:12px;background:rgba(0,0,0,.8);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;overflow:auto}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body{overflow-y:auto;width:100%;height:100%}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 15px}.artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header{margin-bottom:5px}.artplayer-video-player .artplayer-setting .art-setting-radio{display:-webkit-box;display:-ms-flexbox;display:flex}.artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 2px}.artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item button{height:22px;width:100%;border:none;outline:none;color:#fff;background:hsla(0,0%,100%,.2);border-radius:2px}.artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item.current button{background-color:#00a1d6}.artplayer-video-player .artplayer-setting .art-setting-range input{width:100%;height:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.5)}.artplayer-video-player .artplayer-setting .art-setting-checkbox input{height:14px;width:14px;margin-right:5px}.artplayer-video-player.artplayer-setting-show .artplayer-setting{opacity:1;visibility:visible;pointer-events:auto}.artplayer-video-player.artplayer-setting-show .artplayer-setting .artplayer-setting-inner{right:0}
+.artplayer-video-player .artplayer-info{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;left:10px;top:10px;z-index:100;width:350px;min-height:150px;padding:10px;color:#fff;font-size:12px;font-family:Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:rgba(0,0,0,.7)}.artplayer-video-player .artplayer-info .art-info-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.artplayer-video-player .artplayer-info .art-info-item .art-info-title{width:100px;text-align:right}.artplayer-video-player .artplayer-info .art-info-item .art-info-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px}.artplayer-video-player .artplayer-info .artplayer-info-close{position:absolute;top:5px;right:5px;cursor:pointer}.artplayer-video-player.artplayer-info-show .artplayer-info{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player.artplayer-hide-cursor *{cursor:none!important}
+.artplayer-video-player[data-aspect-ratio] video{-webkit-box-sizing:content-box;box-sizing:content-box;-o-object-fit:fill;object-fit:fill}
+.artplayer-video-player.artplayer-web-fullscreen{position:fixed;z-index:9999;width:100%;height:100%;left:0;top:0;right:0;bottom:0}
+.artplayer-video-player .artplayer-pip-header{display:none;position:absolute;z-index:110;left:0;top:0;right:0;height:35px;line-height:35px;color:#fff;background:rgba(0,0,0,.5);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;visibility:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.artplayer-video-player .artplayer-pip-header .artplayer-pip-title{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move}.artplayer-video-player .artplayer-pip-header .artplayer-pip-close{width:35px;text-align:center;font-size:22px;cursor:pointer}.artplayer-video-player.is-dragging{opacity:.7}.artplayer-video-player.artplayer-pip{position:fixed;z-index:9999;width:400px;height:225px;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.2)}.artplayer-video-player.artplayer-pip .artplayer-pip-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header{opacity:1;visibility:visible}.artplayer-video-player.artplayer-pip .artplayer-mask .art-state{position:static}.artplayer-video-player.artplayer-pip .artplayer-bottom,.artplayer-video-player.artplayer-pip .artplayer-contextmenu,.artplayer-video-player.artplayer-pip .artplayer-danmu,.artplayer-video-player.artplayer-pip .artplayer-info,.artplayer-video-player.artplayer-pip .artplayer-layers,.artplayer-video-player.artplayer-pip .artplayer-notice,.artplayer-video-player.artplayer-pip .artplayer-setting,.artplayer-video-player.artplayer-pip .artplayer-subtitle{display:none!important}
+.artplayer-auto-size{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
+.artplayer-video-player[data-flip=horizontal] .artplayer-video{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.artplayer-video-player[data-flip=vertical] .artplayer-video{-webkit-transform:scaleY(-1);transform:scaleY(-1)}
\ No newline at end of file
diff --git a/packages/artplayer-vue/dist/artplayer-vue.js b/packages/artplayer-vue/dist/artplayer-vue.js
index 2e54542fc..4daecd9d9 100644
--- a/packages/artplayer-vue/dist/artplayer-vue.js
+++ b/packages/artplayer-vue/dist/artplayer-vue.js
@@ -5,4 +5,4 @@
  * Released under the MIT License.
  */
 
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).ArtplayerVue=e()}(this,function(){"use strict";var o=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};var t=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(t){o(e,t,n[t])})}return e},Ct="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var e,n,i=(function(t,e){t.exports=function(){var a=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")};function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}var o=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t},r="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==Ct?Ct:"undefined"!=typeof self?self:{};function t(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function e(t,e){return t(e={exports:{}},e.exports),e.exports}var n=e(function(e){function n(t){return(n="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})(t)}function i(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=i=function(t){return n(t)}:e.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},i(t)}e.exports=i}),s=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t},c=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?s(t):e},l=e(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),u=e(function(n){function i(t,e){return n.exports=i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}n.exports=i}),d=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&u(t,e)};function f(){}f.prototype={on:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var i=this;function o(){i.off(t,o),e.apply(n,arguments)}return o._=e,this.on(t,o,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),i=0,o=n.length;i<o;i++)n[i].fn.apply(n[i].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),i=n[t],o=[];if(i&&e)for(var r=0,a=i.length;r<a;r++)i[r].fn!==e&&i[r].fn._!==e&&o.push(i[r]);return o.length?n[t]=o:delete n[t],this}};var p=f,h=f;p.TinyEmitter=h;var v=e(function(t,e){t.exports=function(){function s(t){return(s="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})(t)}var c=Object.prototype.toString,a=function(t){if(void 0===t)return"undefined";if(null===t)return"null";var e,n,i,o,r,a=s(t);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"===l(t)?"generatorfunction":"function";if(e=t,Array.isArray?Array.isArray(e):e instanceof Array)return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(t))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(t))return"arguments";if((n=t)instanceof Date||"function"==typeof n.toDateString&&"function"==typeof n.getDate&&"function"==typeof n.setDate)return"date";if((i=t)instanceof Error||"string"==typeof i.message&&i.constructor&&"number"==typeof i.constructor.stackTraceLimit)return"error";if((o=t)instanceof RegExp||"string"==typeof o.flags&&"boolean"==typeof o.ignoreCase&&"boolean"==typeof o.multiline&&"boolean"==typeof o.global)return"regexp";switch(l(t)){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"==typeof(r=t).throw&&"function"==typeof r.return&&"function"==typeof r.next)return"generator";switch(a=c.call(t)){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 l(t){return t.constructor?t.constructor.name:null}function r(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var i in d(t,e,n),f(t,e,n),p(t,e,n),e)if(e.hasOwnProperty(i)){var o=t[i],r=e[i],a=n.concat(i);if(u(t,i,r,a))continue;d(o,r,a),f(o,r,a),p(o,r,a)}}function u(t,e,n,i){if(!Object.prototype.hasOwnProperty.call(t,e)){if(!0===n.__required__||!0===n.required)throw new TypeError("'".concat(i.join("."),"' is required"));return!0}}function d(t,e,n){var i;if("string"===a(e)?i=e:"function"===a(e)?e.___validator__=e:e.__type__?i=e.__type__:e.type&&(i=e.type),i&&"string"===a(i)){i=i.trim().toLowerCase();var o=a(t),r=o===i;if(-1<i.indexOf("|")&&(r=i.split("|").filter(Boolean).some(function(t){return o===t.trim()})),!r)throw new TypeError("'".concat(n.join("."),"' require '").concat(i,"' type, but got '").concat(o,"'"))}}function f(t,e,n){var i;if(e.___validator__?i=e.___validator__:e.validator&&(i=e.validator),"function"===a(i)){var o=i(n,t,a(t));if(!0!==o)throw new TypeError("The scheme for '".concat(n.join("."),"' validator function require return true, but got '").concat(o,"'"))}}function p(t,e,n){var i;if(e.___child__?i=e.___child__:e.child&&(i=e.child),"object"===a(i)){var o=a(t);"object"===o?r(t,i,n):"array"===o&&t.forEach(function(t,e){r(t,i,n.concat(e))})}}return r.kindOf=a,window.optionValidator=r}()}),y=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},m=e(function(i){function o(t,e,n){return function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()?i.exports=o=Reflect.construct:i.exports=o=function(t,e,n){var i=[null];i.push.apply(i,e);var o=new(Function.bind.apply(t,i));return n&&u(o,n.prototype),o},o.apply(null,arguments)}i.exports=o}),g=function(t){function i(t,e){var n;return a(this,i),n=c(this,l(i).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(s(n),e||n.constructor),n.name="ArtPlayerError",n}return d(i,t),i}(e(function(e){function i(t){var n="function"==typeof Map?new Map:void 0;return e.exports=i=function(t){if(null===t||!function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return m(t,arguments,l(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),u(e,t)},i(t)}e.exports=i})(Error));function b(t,e){if(!t)throw new g(e)}function w(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function x(t){return t.includes("?")?x(t.split("?")[0]):t.includes("#")?x(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function k(t){var e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),i=Math.floor(t-3600*e-60*n);return(0<e?[e,n,i]:[n,i]).map(function(t){return t<10?"0".concat(t):String(t)}).join(":")}function E(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(t){return setTimeout(t,e)})}function S(i,o,r){var a;function t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,i.apply(r,e)},o)}return t.clearTimeout=function(){clearTimeout(a)},t}function $(t){return t&&"object"===n(t)&&!Array.isArray(t)}function P(t){return t instanceof Element}function T(n,i){var o=Object.assign({},n);return $(n)&&$(i)&&Object.keys(i).forEach(function(t){var e=i[t];$(e)&&!P(e)&&t in n?o[t]=T(n[t],e):Object.assign(o,y({},t,e))}),o}function R(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",e),t.lastElementChild}function O(t,e,n){var i=Array.from(t.children);e.dataset.index=n;var o=i.find(function(t){return Number(t.dataset.index)>=Number(n)});return o?o.insertAdjacentElement("beforebegin",e):R(t,e),e}function _(t,e,n){return t.style[e]=n,t}function C(e,n){return Object.keys(n).forEach(function(t){_(e,t,n[t])}),e}function L(t,e){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],i=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(i):i}function j(e){return Array.from(e.parentElement.children).filter(function(t){return t!==e})}function M(t,e){j(t).forEach(function(t){return t.classList.remove(e)}),t.classList.add(e)}function A(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";t.setAttribute("data-balloon",e),t.setAttribute("data-balloon-pos",n)}function z(t){return"WEBVTT \r\n\r\n".concat(t.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").concat("\r\n\r\n"))}function D(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function W(t,e){var n=document.createElement("a");_(n,"display","none"),n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}var q=Object.freeze({ArtPlayerError:g,errorHandle:b,clamp:w,getExt:x,secondToTime:k,sleep:E,debounce:S,isObject:$,isElement:P,mergeDeep:T,append:R,remove:function(t){return t.parentNode.removeChild(t)},insertByIndex:O,setStyle:_,setStyles:C,getStyle:L,sublings:j,inverseClass:M,tooltip:A,srtToVtt:z,vttToBlob:D,downloadImage:W});function H(t,e,n){if("string"===n){if(""===e.trim())throw new g("".concat(t.join(".")," can not be empty"));return!0}if(e instanceof Element)return!0;throw new g("".concat(t.join(".")," require 'string' or 'Element' type, but got '").concat(n,"'"))}var B={container:{validator:H,required:!0},url:{type:"string|function",required:!0},poster:"string",title:"string",type:{type:"string"},mimeCodec:"string",theme:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",plugins:{type:"array",child:{type:"function"}},whitelist:{type:"array",child:{type:"string|function|regexp"}},layers:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:H,style:"object",click:"function"}},contextmenu:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:H,style:"object",click:"function"}},quality:{type:"array",child:{default:"boolean",name:"string",url:"string"}},controls:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:H,style:"object",click:"function",position:function(t,e){return["top","left","right"].includes(e)}}},highlight:{type:"array",child:{type:"object",time:"number",text:"string"}},thumbnails:{type:"object",child:{type:"object",url:"string",number:"number",width:"number",height:"number",column:"number"}},subtitle:{type:"object",child:{type:"object",url:"string",style:"object"}},moreVideoAttr:"object",icons:"object",customType:"object",lang:"string"},F={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},video:{propertys:["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"]}},I=function t(e){var n=this;a(this,t);var i=e.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||i.some(function(t){var e=!1;switch(v.kindOf(t)){case"string":e=-1<n.userAgent.indexOf(t);break;case"function":e=t(n.userAgent);break;case"regexp":e=t.test(n.userAgent)}return e})},N=function(){function n(t){var e=this;a(this,n),t.option.container instanceof Element?this.$container=t.option.container:this.$container=document.querySelector(t.option.container),t.constructor.instances.some(function(t){return t.template.$container===e.$container})&&b(!1,"Cannot mount multiple instances on the same dom element"),t.whitelist.state?this.initDesktop():this.initMobile()}return o(n,[{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner">\n                <div class="artplayer-setting-body"></div>\n                <div class="artplayer-setting-close">×</div>\n              </div>\n            </div>\n            <div class="artplayer-info">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu"></div>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$settingClose=this.$container.querySelector(".artplayer-setting-close"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),U={"zh-cn":{"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器"},"zh-tw":{"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器"}},V=function(){function e(t){a(this,e),this.art=t,this.init()}return o(e,[{key:"init",value:function(){this.language=U[this.art.option.lang.toLowerCase()]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){U=T(U,t),this.init()}}]),e}(),Q=e(function(t){var r,e,o,a,i,n;r="undefined"!=typeof window&&void 0!==window.document?window.document:{},e=t.exports,o="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,a=function(){for(var t,e=[["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"]],n=0,i=e.length,o={};n<i;n++)if((t=e[n])&&t[1]in r){for(n=0;n<t.length;n++)o[e[0][n]]=t[n];return o}return!1}(),i={change:a.fullscreenchange,error:a.fullscreenerror},n={request:function(i){return new Promise(function(t){var e=a.requestFullscreen,n=function(){this.off("change",n),t()}.bind(this);i=i||r.documentElement,/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?i[e]():i[e](o?Element.ALLOW_KEYBOARD_INPUT:{}),this.on("change",n)}.bind(this))},exit:function(){return new Promise(function(t){if(this.isFullscreen){var e=function(){this.off("change",e),t()}.bind(this);r[a.exitFullscreen](),this.on("change",e)}else t()}.bind(this))},toggle:function(t){return this.isFullscreen?this.exit():this.request(t)},onchange:function(t){this.on("change",t)},onerror:function(t){this.on("error",t)},on:function(t,e){var n=i[t];n&&r.addEventListener(n,e,!1)},off:function(t,e){var n=i[t];n&&r.removeEventListener(n,e,!1)},raw:a},a?(Object.defineProperties(n,{isFullscreen:{get:function(){return Boolean(r[a.fullscreenElement])}},element:{enumerable:!0,get:function(){return r[a.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(r[a.fullscreenEnabled])}}}),e?(t.exports=n,t.exports.default=n):window.screenfull=n):e?t.exports=!1:window.screenfull=!1}),Y=e(function(t){var e,n;e=window,n=function(){function g(t){var e=parseFloat(t);return-1==t.indexOf("%")&&!isNaN(e)&&e}var n="undefined"==typeof console?function(){}:function(t){console.error(t)},b=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],w=b.length;function x(t){var e=getComputedStyle(t);return e||n("Style returned "+e+". Are you running this code in a hidden iframe on Firefox? See https://bit.ly/getsizebug1"),e}var k,E=!1;return function i(t){if(function(){if(!E){E=!0;var t=document.createElement("div");t.style.width="200px",t.style.padding="1px 2px 3px 4px",t.style.borderStyle="solid",t.style.borderWidth="1px 2px 3px 4px",t.style.boxSizing="border-box";var e=document.body||document.documentElement;e.appendChild(t);var n=x(t);k=200==Math.round(g(n.width)),i.isBoxSizeOuter=k,e.removeChild(t)}}(),"string"==typeof t&&(t=document.querySelector(t)),t&&"object"==typeof t&&t.nodeType){var e=x(t);if("none"==e.display)return function(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0;e<w;e++)t[b[e]]=0;return t}();var n={};n.width=t.offsetWidth,n.height=t.offsetHeight;for(var o=n.isBorderBox="border-box"==e.boxSizing,r=0;r<w;r++){var a=b[r],s=e[a],c=parseFloat(s);n[a]=isNaN(c)?0:c}var l=n.paddingLeft+n.paddingRight,u=n.paddingTop+n.paddingBottom,d=n.marginLeft+n.marginRight,f=n.marginTop+n.marginBottom,p=n.borderLeftWidth+n.borderRightWidth,h=n.borderTopWidth+n.borderBottomWidth,v=o&&k,y=g(e.width);!1!==y&&(n.width=y+(v?0:l+p));var m=g(e.height);return!1!==m&&(n.height=m+(v?0:u+h)),n.innerWidth=n.width-(l+p),n.innerHeight=n.height-(u+h),n.outerWidth=n.width+d,n.outerHeight=n.height+f,n}}},t.exports?t.exports=n():e.getSize=n()}),J=e(function(t){var e,n;e="undefined"!=typeof window?window:r,n=function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var n=this._events=this._events||{},i=n[t]=n[t]||[];return-1==i.indexOf(e)&&i.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var n=this._onceEvents=this._onceEvents||{};return(n[t]=n[t]||{})[e]=!0,this}},e.off=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){var i=n.indexOf(e);return-1!=i&&n.splice(i,1),this}},e.emitEvent=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){n=n.slice(0),e=e||[];for(var i=this._onceEvents&&this._onceEvents[t],o=0;o<n.length;o++){var r=n[o];i&&i[r]&&(this.off(t,r),delete i[r]),r.apply(this,e)}return this}},e.allOff=function(){delete this._events,delete this._onceEvents},t},t.exports?t.exports=n():e.EvEmitter=n()}),X=e(function(t){var e,n;e=window,n=function(o,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindStartEvent=function(t){this._bindStartEvent(t,!0)},n.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},n._bindStartEvent=function(t,e){var n=(e=void 0===e||e)?"addEventListener":"removeEventListener",i="mousedown";o.PointerEvent?i="pointerdown":"ontouchstart"in o&&(i="touchstart"),t[n](i,this)},n.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.getTouch=function(t){for(var e=0;e<t.length;e++){var n=t[e];if(n.identifier==this.pointerIdentifier)return n}},n.onmousedown=function(t){var e=t.button;e&&0!==e&&1!==e||this._pointerDown(t,t)},n.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},n.onpointerdown=function(t){this._pointerDown(t,t)},n._pointerDown=function(t,e){t.button||this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==e.pointerId?e.pointerId:e.identifier,this.pointerDown(t,e))},n.pointerDown=function(t,e){this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e])};var i={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"]};return n._bindPostStartEvents=function(t){if(t){var e=i[t.type];e.forEach(function(t){o.addEventListener(t,this)},this),this._boundPointerEvents=e}},n._unbindPostStartEvents=function(){this._boundPointerEvents&&(this._boundPointerEvents.forEach(function(t){o.removeEventListener(t,this)},this),delete this._boundPointerEvents)},n.onmousemove=function(t){this._pointerMove(t,t)},n.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},n.ontouchmove=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerMove(t,e)},n._pointerMove=function(t,e){this.pointerMove(t,e)},n.pointerMove=function(t,e){this.emitEvent("pointerMove",[t,e])},n.onmouseup=function(t){this._pointerUp(t,t)},n.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},n.ontouchend=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerUp(t,e)},n._pointerUp=function(t,e){this._pointerDone(),this.pointerUp(t,e)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e])},n._pointerDone=function(){this._pointerReset(),this._unbindPostStartEvents(),this.pointerDone()},n._pointerReset=function(){this.isPointerDown=!1,delete this.pointerIdentifier},n.pointerDone=function(){},n.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},n.ontouchcancel=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerCancel(t,e)},n._pointerCancel=function(t,e){this._pointerDone(),this.pointerCancel(t,e)},n.pointerCancel=function(t,e){this.emitEvent("pointerCancel",[t,e])},e.getPointerPoint=function(t){return{x:t.pageX,y:t.pageY}},e},t.exports?t.exports=n(e,J):e.Unipointer=n(e,e.EvEmitter)}),Z=e(function(t){var e,n;e=window,n=function(r,t){function e(){}var n=e.prototype=Object.create(t.prototype);n.bindHandles=function(){this._bindHandles(!0)},n.unbindHandles=function(){this._bindHandles(!1)},n._bindHandles=function(t){for(var e=(t=void 0===t||t)?"addEventListener":"removeEventListener",n=t?this._touchActionValue:"",i=0;i<this.handles.length;i++){var o=this.handles[i];this._bindStartEvent(o,t),o[e]("click",this),r.PointerEvent&&(o.style.touchAction=n)}},n._touchActionValue="none",n.pointerDown=function(t,e){this.okayPointerDown(t)&&(this.pointerDownPointer=e,t.preventDefault(),this.pointerDownBlur(),this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e]))};var o={TEXTAREA:!0,INPUT:!0,SELECT:!0,OPTION:!0},a={radio:!0,checkbox:!0,button:!0,submit:!0,image:!0,file:!0};return n.okayPointerDown=function(t){var e=o[t.target.nodeName],n=a[t.target.type],i=!e||n;return i||this._pointerReset(),i},n.pointerDownBlur=function(){var t=document.activeElement;t&&t.blur&&t!=document.body&&t.blur()},n.pointerMove=function(t,e){var n=this._dragPointerMove(t,e);this.emitEvent("pointerMove",[t,e,n]),this._dragMove(t,e,n)},n._dragPointerMove=function(t,e){var n={x:e.pageX-this.pointerDownPointer.pageX,y:e.pageY-this.pointerDownPointer.pageY};return!this.isDragging&&this.hasDragStarted(n)&&this._dragStart(t,e),n},n.hasDragStarted=function(t){return 3<Math.abs(t.x)||3<Math.abs(t.y)},n.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e]),this._dragPointerUp(t,e)},n._dragPointerUp=function(t,e){this.isDragging?this._dragEnd(t,e):this._staticClick(t,e)},n._dragStart=function(t,e){this.isDragging=!0,this.isPreventingClicks=!0,this.dragStart(t,e)},n.dragStart=function(t,e){this.emitEvent("dragStart",[t,e])},n._dragMove=function(t,e,n){this.isDragging&&this.dragMove(t,e,n)},n.dragMove=function(t,e,n){t.preventDefault(),this.emitEvent("dragMove",[t,e,n])},n._dragEnd=function(t,e){this.isDragging=!1,setTimeout(function(){delete this.isPreventingClicks}.bind(this)),this.dragEnd(t,e)},n.dragEnd=function(t,e){this.emitEvent("dragEnd",[t,e])},n.onclick=function(t){this.isPreventingClicks&&t.preventDefault()},n._staticClick=function(t,e){this.isIgnoringMouseUp&&"mouseup"==t.type||(this.staticClick(t,e),"mouseup"!=t.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),400)))},n.staticClick=function(t,e){this.emitEvent("staticClick",[t,e])},e.getPointerPoint=t.getPointerPoint,e},t.exports?t.exports=n(e,X):e.Unidragger=n(e,e.Unipointer)}),G=e(function(t){var e,n;e=window,n=function(r,c,t){function n(t,e){for(var n in e)t[n]=e[n];return t}var i=r.jQuery;function e(t,e){this.element="string"==typeof t?document.querySelector(t):t,i&&(this.$element=i(this.element)),this.options=n({},this.constructor.defaults),this.option(e),this._create()}var o=e.prototype=Object.create(t.prototype);e.defaults={},o.option=function(t){n(this.options,t)};var a={relative:!0,absolute:!0,fixed:!0};function l(t,e,n){return n=n||"round",e?Math[n](t/e)*e:t}return o._create=function(){this.position={},this._getPosition(),this.startPoint={x:0,y:0},this.dragPoint={x:0,y:0},this.startPosition=n({},this.position);var t=getComputedStyle(this.element);a[t.position]||(this.element.style.position="relative"),this.on("pointerDown",this.onPointerDown),this.on("pointerMove",this.onPointerMove),this.on("pointerUp",this.onPointerUp),this.enable(),this.setHandles()},o.setHandles=function(){this.handles=this.options.handle?this.element.querySelectorAll(this.options.handle):[this.element],this.bindHandles()},o.dispatchEvent=function(t,e,n){var i=[e].concat(n);this.emitEvent(t,i),this.dispatchJQueryEvent(t,e,n)},o.dispatchJQueryEvent=function(t,e,n){var i=r.jQuery;if(i&&this.$element){var o=i.Event(e);o.type=t,this.$element.trigger(o,n)}},o._getPosition=function(){var t=getComputedStyle(this.element),e=this._getPositionCoord(t.left,"width"),n=this._getPositionCoord(t.top,"height");this.position.x=isNaN(e)?0:e,this.position.y=isNaN(n)?0:n,this._addTransformPosition(t)},o._getPositionCoord=function(t,e){if(-1==t.indexOf("%"))return parseInt(t,10);var n=c(this.element.parentNode);return n?parseFloat(t)/100*n[e]:0},o._addTransformPosition=function(t){var e=t.transform;if(0===e.indexOf("matrix")){var n=e.split(","),i=0===e.indexOf("matrix3d")?12:4,o=parseInt(n[i],10),r=parseInt(n[1+i],10);this.position.x+=o,this.position.y+=r}},o.onPointerDown=function(t,e){this.element.classList.add("is-pointer-down"),this.dispatchJQueryEvent("pointerDown",t,[e])},o.dragStart=function(t,e){this.isEnabled&&(this._getPosition(),this.measureContainment(),this.startPosition.x=this.position.x,this.startPosition.y=this.position.y,this.setLeftTop(),this.dragPoint.x=0,this.dragPoint.y=0,this.element.classList.add("is-dragging"),this.dispatchEvent("dragStart",t,[e]),this.animate())},o.measureContainment=function(){var t=this.getContainer();if(t){var e=c(this.element),n=c(t),i=this.element.getBoundingClientRect(),o=t.getBoundingClientRect(),r=n.borderLeftWidth+n.borderRightWidth,a=n.borderTopWidth+n.borderBottomWidth,s=this.relativeStartPosition={x:i.left-(o.left+n.borderLeftWidth),y:i.top-(o.top+n.borderTopWidth)};this.containSize={width:n.width-r-s.x-e.width,height:n.height-a-s.y-e.height}}},o.getContainer=function(){var t=this.options.containment;if(t)return t instanceof HTMLElement?t:"string"==typeof t?document.querySelector(t):this.element.parentNode},o.onPointerMove=function(t,e,n){this.dispatchJQueryEvent("pointerMove",t,[e,n])},o.dragMove=function(t,e,n){if(this.isEnabled){var i=n.x,o=n.y,r=this.options.grid,a=r&&r[0],s=r&&r[1];i=l(i,a),o=l(o,s),i=this.containDrag("x",i,a),o=this.containDrag("y",o,s),i="y"==this.options.axis?0:i,o="x"==this.options.axis?0:o,this.position.x=this.startPosition.x+i,this.position.y=this.startPosition.y+o,this.dragPoint.x=i,this.dragPoint.y=o,this.dispatchEvent("dragMove",t,[e,n])}},o.containDrag=function(t,e,n){if(!this.options.containment)return e;var i="x"==t?"width":"height",o=l(-this.relativeStartPosition[t],n,"ceil"),r=this.containSize[i];return r=l(r,n,"floor"),Math.max(o,Math.min(r,e))},o.onPointerUp=function(t,e){this.element.classList.remove("is-pointer-down"),this.dispatchJQueryEvent("pointerUp",t,[e])},o.dragEnd=function(t,e){this.isEnabled&&(this.element.style.transform="",this.setLeftTop(),this.element.classList.remove("is-dragging"),this.dispatchEvent("dragEnd",t,[e]))},o.animate=function(){if(this.isDragging){this.positionDrag();var t=this;requestAnimationFrame(function(){t.animate()})}},o.setLeftTop=function(){this.element.style.left=this.position.x+"px",this.element.style.top=this.position.y+"px"},o.positionDrag=function(){this.element.style.transform="translate3d( "+this.dragPoint.x+"px, "+this.dragPoint.y+"px, 0)"},o.staticClick=function(t,e){this.dispatchEvent("staticClick",t,[e])},o.setPosition=function(t,e){this.position.x=t,this.position.y=e,this.setLeftTop()},o.enable=function(){this.isEnabled=!0},o.disable=function(){this.isEnabled=!1,this.isDragging&&this.dragEnd()},o.destroy=function(){this.disable(),this.element.style.transform="",this.element.style.left="",this.element.style.top="",this.element.style.position="",this.unbindHandles(),this.$element&&this.$element.removeData("draggabilly")},o._init=function(){},i&&i.bridget&&i.bridget("draggabilly",e),e},t.exports?t.exports=n(e,Y,Z):e.Draggabilly=n(e,e.getSize,e.Unidragger)}),K=function t(e){a(this,t),function(i,t){var e=i.option,o=e.type,r=e.customType,a=i.template.$video;Object.defineProperty(t,"attachUrl",{value:function(t){return E().then(function(){function e(t){var e=o||x(t),n=r[e];return e&&n?(i.loading.show(),i.emit("beforeCustomType",e),n.call(i,a,t,i),i.emit("afterCustomType",e)):(i.emit("beforeAttachUrl"),a.src=t,i.emit("afterAttachUrl")),Promise.resolve(t)}return"function"==typeof t?t.call(i).then(function(t){return i.loading.show(),e(t)}):e(t)})}})}(e,this),function(e,t){var n=e.option,i=e.events.proxy,o=e.template,r=o.$player,a=o.$video,s=e.i18n,c=e.notice,l=!1,u=0;i(a,"click",function(){t.toggle()}),F.video.events.forEach(function(t){i(a,t,function(t){e.emit("video:".concat(t.type),t)})}),e.on("video:canplay",function(){l||(l=!0,n.autoplay&&t.play(),e.emit("firstCanplay")),u=0,e.controls.show(),e.mask.show(),e.loading.hide()}),e.on("video:ended",function(){e.controls.show(),e.mask.show(),n.loop&&(t.seek(0),t.play())}),e.on("video:error",function(){u<5?E(1e3).then(function(){u+=1,t.attachUrl(n.url),c.show("".concat(s.get("Reconnect"),": ").concat(u))}):(e.loading.hide(),e.controls.hide(),r.classList.add("artplayer-error"),E(1e3).then(function(){c.show(s.get("Video load failed"),!1),e.destroy()}))}),e.on("video:loadedmetadata",function(){n.autoSize&&t.autoSize()}),e.on("video:loadstart",function(){e.loading.show()}),e.on("video:pause",function(){e.controls.show(),e.mask.show()}),e.on("video:play",function(){e.controls.hide(),e.mask.hide()}),e.on("video:playing",function(){e.controls.hide(),e.mask.hide()}),e.on("video:seeked",function(){e.loading.hide()}),e.on("video:seeking",function(){e.loading.show()}),e.on("video:timeupdate",function(){e.controls.hide(),e.mask.hide()}),e.on("video:waiting",function(){e.loading.show()})}(e,this),function(t,e){var n=t.option,i=t.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){i[t]=n.moreVideoAttr[t]}),n.muted&&(i.muted=n.muted),n.volume&&(i.volume=w(n.volume,0,1)),n.poster&&(i.poster=n.poster),n.autoplay&&(i.autoplay=n.autoplay),e.attachUrl(n.url)}(e,this),function(e,t){var n=e.template.$video,i=e.i18n,o=e.notice,r=e.option.mutex;Object.defineProperty(t,"play",{value:function(){var t=n.play();void 0!==t&&t.then().catch(function(t){o.show(t,!0,3e3),console.warn(t)}),r&&e.constructor.instances.filter(function(t){return t!==e}).forEach(function(t){return t.player.pause()}),o.show(i.get("Play")),e.emit("play")}})}(e,this),function(t,e){var n=t.template.$video,i=t.i18n,o=t.notice;Object.defineProperty(e,"pause",{value:function(){n.pause(),o.show(i.get("Pause")),t.emit("pause")}})}(e,this),function(t,e){Object.defineProperty(e,"toggle",{value:function(){e.playing?e.pause():e.play()}})}(0,this),function(n,i){var o=n.notice;Object.defineProperty(i,"seek",{value:function(t){var e=Math.max(t,0);i.duration&&(e=Math.min(e,i.duration)),i.currentTime=e,o.show("".concat(k(e)," / ").concat(k(i.duration))),n.emit("seek",e)}})}(e,this),function(e,t){var n=e.template.$video,i=e.i18n,o=e.notice,r=e.storage;Object.defineProperty(t,"volume",{get:function(){return n.volume||0},set:function(t){void 0!==t&&(n.volume=w(t,0,1),o.show("".concat(i.get("Volume"),": ").concat(parseInt(100*n.volume,10))),0!==n.volume&&r.set("volume",n.volume),e.emit("volumeChange",n.volume))}}),Object.defineProperty(t,"muted",{get:function(){return n.muted},set:function(t){n.muted=t,e.emit("volumeChange",n.volume)}})}(e,this),function(e,t){Object.defineProperty(t,"currentTime",{get:function(){return e.template.$video.currentTime||0},set:function(t){e.template.$video.currentTime=t}})}(e,this),function(t,e){Object.defineProperty(e,"duration",{get:function(){return t.template.$video.duration||0}})}(e,this),function(o,r){var a=o.i18n,s=o.notice,c=o.option;Object.defineProperty(r,"switchQuality",{value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(t!==c.url){var n=r.currentTime,i=r.playing;r.attachUrl(t).then(function(){c.url=t,r.playbackRateRemove(),r.aspectRatioRemove(),r.seek(n),i&&r.play(),s.show("".concat(a.get("Switch video"),": ").concat(e)),o.emit("switch",t)})}}})}(e,this),function(n,e){var t=n.template,i=t.$video,o=t.$player,r=n.i18n,a=n.notice;Object.defineProperty(e,"playbackRateState",{get:function(){return o.dataset.playbackRate}}),Object.defineProperty(e,"playbackRate",{value:function(t){var e=[.5,.75,1,1.25,1.5,2];b(e.includes(t),"'playbackRate' only accept ".concat(e.toString()," as parameters")),t!==o.dataset.playbackRate&&(i.playbackRate=t,o.dataset.playbackRate=t,a.show("".concat(r.get("Rate"),": ").concat(1===t?r.get("Normal"):"".concat(t,"x"))),n.emit("playbackRateChange",t))}}),Object.defineProperty(e,"playbackRateRemove",{value:function(){e.$playbackRateState&&(e.playbackRate(1),delete o.dataset.playbackRate,n.emit("playbackRateRemove"))}}),Object.defineProperty(e,"playbackRateReset",{value:function(){var t=o.dataset.playbackRate;t&&(e.playbackRate(Number(t)),n.emit("playbackRateReset"))}})}(e,this),function(d,f){var t=d.template,p=t.$video,h=t.$player,v=d.i18n,y=d.notice;Object.defineProperty(f,"aspectRatioState",{get:function(){return h.dataset.aspectRatio||""}}),Object.defineProperty(f,"aspectRatio",{value:function(t){var e=["default","4:3","16:9"];if(b(e.includes(t),"'aspectRatio' only accept ".concat(e.toString()," as parameters")),"default"===t)f.aspectRatioRemove();else{var n=t.split(":"),i=p.videoWidth,o=p.videoHeight,r=h.clientWidth,a=h.clientHeight,s=i/o,c=n[0]/n[1];if(c<s){var l=c*o/i;_(p,"width","".concat(100*l,"%")),_(p,"height","100%"),_(p,"padding","0 ".concat((r-r*l)/2,"px"))}else{var u=i/c/o;_(p,"width","100%"),_(p,"height","".concat(100*u,"%")),_(p,"padding","".concat((a-a*u)/2,"px 0"))}}h.dataset.aspectRatio=t,y.show("".concat(v.get("Aspect ratio"),": ").concat("default"===t?v.get("Default"):t)),d.emit("aspectRatioChange",t)}}),Object.defineProperty(f,"aspectRatioRemove",{value:function(){f.aspectRatioState&&(_(p,"width",null),_(p,"height",null),_(p,"padding",null),delete h.dataset.aspectRatio,d.emit("aspectRatioRemove"))}}),Object.defineProperty(f,"aspectRatioReset",{value:function(){var t=h.dataset.aspectRatio;t&&(f.aspectRatio(t),d.emit("aspectRatioReset"))}})}(e,this),function(e,t){var n=e.option,i=e.notice,o=e.template.$video;Object.defineProperty(t,"screenshot",{value:function(){try{var t=function(){var t=document.createElement("canvas");t.width=o.videoWidth,t.height=o.videoHeight,t.getContext("2d").drawImage(o,0,0);var e=t.toDataURL("image/png");return W(e,"".concat(n.title||"artplayer","_").concat(k(o.currentTime),".png")),e}();e.emit("screenshot",t)}catch(t){i.show(t),console.warn(t)}}})}(e,this),function(t,e){var n=t.notice,i=t.events.destroyEvents,o=t.template.$player,r=function(){t.emit("fullscreen",Q.isFullscreen)},a=function(){n.show("Your browser does not seem to support full screen functionality.")};try{Q.on("change",r),Q.on("error",a),i.push(function(){Q.off("change",r),Q.off("error",a)})}catch(t){console.error(t)}Object.defineProperty(e,"fullscreenState",{get:function(){return Q.isFullscreen}}),Object.defineProperty(e,"fullscreenEnabled",{value:function(){e.fullscreenWebState&&e.fullscreenWebExit(),o.classList.add("artplayer-fullscreen"),Q.request(o),e.aspectRatioReset(),t.emit("fullscreen:enabled")}}),Object.defineProperty(e,"fullscreenExit",{value:function(){e.fullscreenState&&(e.fullscreenWebExit(),o.classList.remove("artplayer-fullscreen"),Q.exit(),e.aspectRatioReset(),t.emit("fullscreen:exit"))}}),Object.defineProperty(e,"fullscreenToggle",{value:function(){e.fullscreenState?e.fullscreenExit():e.fullscreenEnabled()}})}(e,this),function(t,e){var n=t.template.$player;Object.defineProperty(e,"fullscreenWebState",{get:function(){return n.classList.contains("artplayer-web-fullscreen")}}),Object.defineProperty(e,"fullscreenWebEnabled",{value:function(){e.fullscreenState&&e.fullscreenExit(),n.classList.add("artplayer-web-fullscreen"),e.aspectRatioReset(),t.emit("fullscreenWeb:enabled")}}),Object.defineProperty(e,"fullscreenWebExit",{value:function(){e.fullscreenWebState&&(e.fullscreenExit(),n.classList.remove("artplayer-web-fullscreen"),e.aspectRatioReset(),t.emit("fullscreenWeb:exit"))}}),Object.defineProperty(e,"fullscreenWebToggle",{value:function(){e.fullscreenWebState?e.fullscreenWebExit():e.fullscreenWebEnabled()}})}(e,this),function(t,e){document.pictureInPictureEnabled?function(t,e){var n=t.notice,i=t.template.$video,o=t.events.proxy;i.disablePictureInPicture=!1,Object.defineProperty(e,"pipState",{get:function(){return document.pictureInPictureElement}}),Object.defineProperty(e,"pipEnabled",{value:function(){i.requestPictureInPicture().catch(function(t){n.show(t,!0,3e3),console.warn(t)})}}),Object.defineProperty(e,"pipExit",{value:function(){document.exitPictureInPicture().catch(function(t){n.show(t,!0,3e3),console.warn(t)})}}),o(i,"enterpictureinpicture",function(){t.emit("pipEnabled")}),o(i,"leavepictureinpicture",function(){t.emit("pipExit")}),t.on("destroy",function(){e.pipState&&e.pipExit()})}(t,e):function(t,e){var n=t.option,i=t.i18n,o=t.template,r=o.$player,a=o.$pipClose,s=o.$pipTitle,c=t.events,l=c.destroyEvents,u=c.proxy,d=null,f=null;Object.defineProperty(e,"pipState",{get:function(){return r.classList.contains("artplayer-pip")}}),Object.defineProperty(e,"pipEnabled",{value:function(){e.autoSizeState&&e.autoSizeRemove(),f?(_(r,"left","".concat(d.x,"px")),_(r,"top","".concat(d.y,"px"))):(f=new G(r,{handle:".artplayer-pip-header"}),R(s,n.title||i.get("Mini player")),u(a,"click",function(){e.pipExit()}),l.push(function(){f.destroy()})),r.classList.add("artplayer-pip"),e.fullscreenExit(),e.fullscreenWebExit(),e.aspectRatioRemove(),e.playbackRateRemove(),t.emit("pipEnabled")}}),Object.defineProperty(e,"pipExit",{value:function(){e.pipState&&(r.classList.remove("artplayer-pip"),d=f.position,_(r,"left",null),_(r,"top",null),e.fullscreenExit(),e.fullscreenWebExit(),e.aspectRatioRemove(),e.playbackRateRemove(),t.emit("pipExit"))}})}(t,e),Object.defineProperty(e,"pipToggle",{value:function(){e.pipState?e.pipExit():e.pipEnabled()}})}(e,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"loaded",{get:function(){return n.buffered.length?n.buffered.end(n.buffered.length-1)/n.duration:0}})}(e,this),function(t,e){Object.defineProperty(e,"played",{get:function(){return t.template.$video.currentTime/t.template.$video.duration}})}(e,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"playing",{get:function(){return!!(0<n.currentTime&&!n.paused&&!n.ended&&2<n.readyState)}})}(e,this),function(c,t){var e=c.template,l=e.$container,u=e.$player,d=e.$video;Object.defineProperty(t,"autoSizeState",{get:function(){return l.classList.contains("artplayer-auto-size")}}),Object.defineProperty(t,"autoSize",{value:function(){var t=d.videoWidth,e=d.videoHeight,n=l.getBoundingClientRect(),i=n.width,o=n.height,r=t/e,a=i/o;if(l.classList.add("artplayer-auto-size"),r<a)_(u,"width","".concat(o*r/i*100,"%")),_(u,"height","100%");else{var s=i/r/o*100;_(u,"width","100%"),_(u,"height","".concat(s,"%"))}c.emit("autoSizeChange")}}),Object.defineProperty(t,"autoSizeRemove",{value:function(){l.classList.remove("artplayer-auto-size"),_(u,"width",null),_(u,"height",null),c.emit("autoSizeRemove")}})}(e,this),function(n,t){Object.defineProperty(t,"flipState",{get:function(){return n.template.$player.dataset.flip}}),Object.defineProperty(t,"flip",{value:function(t){var e=["normal","horizontal","vertical"];b(e.includes(t),"'flip' only accept ".concat(e.toString()," as parameters")),n.template.$player.dataset.flip=t,n.emit("flipChange",t)}}),Object.defineProperty(t,"flipRemove",{value:function(){delete n.template.$player.dataset.flip,n.emit("flipRemove")}})}(e,this)};function tt(e,n,t,i,o,r){var a="function"==typeof i?i(e):i;if(!a.disable){n.id+=1;var s=a.name||"".concat(r).concat(n.id),c=document.createElement("div");c.classList.value="art-".concat(r," art-").concat(r,"-").concat(s),a.html&&R(c,a.html),a.style&&C(c,a.style),a.click&&e.events.proxy(c,"click",function(t){t.preventDefault(),a.click.call(n,t),e.emit("".concat(r,":click"),c)}),Object.defineProperty(a,"$ref",{get:function(){return c}}),Object.defineProperty(a,"hide",{value:function(){_(c,"display","none"),e.emit("".concat(r,":hide"),c)}}),Object.defineProperty(a,"show",{value:function(){_(c,"display","block"),e.emit("".concat(r,":show"),c)}}),O(t,c,a.index||n.id),a.mounted&&a.mounted(c),o&&o(c),n[s]=a,e.emit("".concat(r,":add"),a)}}var et,nt,it=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(t){y(e,t,n[t])})}return e},ot=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],i=!0,o=!1,r=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(t){o=!0,r=t}finally{try{i||null==s.return||s.return()}finally{if(o)throw r}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()},rt=(et={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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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>',playBig:'<svg xmlns="http://www.w3.org/2000/svg" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',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>',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>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\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>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},nt={},Object.keys(et).forEach(function(t){var e=document.createElement("div");e.innerHTML='<i class="art-icon art-icon-'.concat(t,'">').concat(et[t],"</i>");var n=ot(e.childNodes,1);nt[t]=n[0]}),nt);function at(t,e){var n=t.template.$progress,i=t.player,o=n.getBoundingClientRect().left,r=w(e.x-o,0,n.clientWidth),a=r/n.clientWidth*i.duration;return{second:a,time:k(a),width:r,percentage:w(r/n.clientWidth,0,1)}}var st=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return o(n,[{key:"init",value:function(){var e=this,t=this.art.option;this.add(function(i){return function(u){var t=u.option,e=t.highlight,n=t.theme,d=u.events.proxy,f=u.player;return it({},i,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(r){var o=!1,n=r.querySelector(".art-progress-loaded"),i=r.querySelector(".art-progress-played"),a=r.querySelector(".art-progress-highlight"),s=r.querySelector(".art-progress-indicator"),c=r.querySelector(".art-progress-tip");function l(t,e){"loaded"===t&&_(n,"width","".concat(100*e,"%")),"played"===t&&(_(i,"width","".concat(100*e,"%")),_(s,"left","calc(".concat(100*e,"% - ").concat(L(s,"width")/2,"px)")))}e.forEach(function(t){var e=w(t.time,0,f.duration)/f.duration*100;R(a,'<span data-text="'.concat(t.text,'" data-time="').concat(t.time,'" style="left: ').concat(e,'%"></span>'))}),l("loaded",f.loaded),u.on("video:progress",function(){l("loaded",f.loaded)}),u.on("video:timeupdate",function(){l("played",f.played)}),u.on("video:ended",function(){l("played",1)}),d(r,"mousemove",function(t){_(c,"display","block"),-1<t.composedPath().indexOf(a)?function(t){var e=t.target.dataset,n=e.text,i=e.time;c.innerHTML=n;var o=Number(i)/u.player.duration*r.clientWidth+t.target.clientWidth/2-c.clientWidth/2;_(c,"left","".concat(o,"px"))}(t):function(t){var e=at(u,t),n=e.width,i=e.time,o=c.clientWidth;c.innerHTML=i,n<=o/2?_(c,"left",0):n>r.clientWidth-o/2?_(c,"left","".concat(r.clientWidth-o,"px")):_(c,"left","".concat(n-o/2,"px"))}(t)}),d(r,"mouseout",function(){_(c,"display","none")}),d(r,"click",function(t){if(t.target!==s){var e=at(u,t),n=e.second;l("played",e.percentage),f.seek(n)}}),d(s,"mousedown",function(){o=!0}),d(document,"mousemove",function(t){if(o){var e=at(u,t),n=e.second,i=e.percentage;s.classList.add("art-show-indicator"),l("played",i),f.seek(n)}}),d(document,"mouseup",function(){o&&(o=!1,s.classList.remove("art-show-indicator"))})}})}}({name:"progress",disable:t.isLive,position:"top",index:10})),this.add(function(t){return function(h){return it({},t,{mounted:function(f){var p=h.template.$progress,t=h.events,e=t.proxy,n=t.loadImg,i=!1,o=!1;e(p,"mousemove",function(t){i||(i=!0,n(h.option.thumbnails.url).then(function(){o=!0})),o&&(_(f,"display","block"),function(t){var e=at(h,t).width,n=h.option.thumbnails,i=n.url,o=n.height,r=n.width,a=n.number,s=n.column,c=p.clientWidth/a,l=Math.ceil(e/c),u=Math.ceil(l/s)-1,d=l%s||s-1;_(f,"backgroundImage","url(".concat(i,")")),_(f,"height","".concat(o,"px")),_(f,"width","".concat(r,"px")),_(f,"backgroundPosition","-".concat(d*r,"px -").concat(u*o,"px")),e<=r/2?_(f,"left",0):e>p.clientWidth-r/2?_(f,"left","".concat(p.clientWidth-r,"px")):_(f,"left","".concat(e-r/2,"px"))}(t))}),e(p,"mouseout",function(){_(f,"display","none")})}})}}({name:"thumbnails",disable:!t.thumbnails.url||t.isLive,position:"top",index:20})),this.add(function(t){return function(c){return it({},t,{mounted:function(t){var e=c.events.proxy,n=c.player,i=c.i18n,o=R(t,rt.play),r=R(t,rt.pause);function a(){_(o,"display","flex"),_(r,"display","none")}function s(){_(o,"display","none"),_(r,"display","flex")}A(o,i.get("Play")),A(r,i.get("Pause")),e(o,"click",function(){n.play()}),e(r,"click",function(){n.pause()}),n.playing?s():a(),c.on("video:playing",function(){s()}),c.on("video:pause",function(){a()})}})}}({name:"playAndPause",disable:!1,position:"left",index:10})),this.add(function(t){return function(d){return it({},t,{mounted:function(t){var e=d.events.proxy,o=d.player,n=d.i18n,i=!1,r=R(t,rt.volume),a=R(t,rt.volumeClose),s=R(t,'<div class="art-volume-panel"></div>'),c=R(s,'<div class="art-volume-slider-handle"></div>');function l(t){var e=s.getBoundingClientRect(),n=e.left,i=e.width,o=c.getBoundingClientRect().width;return w(t.x-n-o/2,0,i-o/2)/(i-o)}function u(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.7;if(o.muted||0===t)_(r,"display","none"),_(a,"display","flex"),_(c,"left","0");else{var e=L(s,"width")||60,n=L(c,"width"),i=n/2+(e-n)*t-n/2;_(r,"display","flex"),_(a,"display","none"),_(c,"left","".concat(i,"px"))}}A(r,n.get("Mute")),_(a,"display","none"),u(o.volume),d.on("video:volumechange",function(){u(o.volume)}),e(r,"click",function(){o.muted=!0}),e(a,"click",function(){o.muted=!1}),e(s,"click",function(t){o.muted=!1,o.volume=l(t)}),e(c,"mousedown",function(){i=!0}),e(c,"mousemove",function(t){i&&(o.muted=!1,o.volume=l(t))}),e(document,"mouseup",function(){i&&(i=!1)})}})}}({name:"volume",disable:!1,position:"left",index:20})),this.add(function(t){return function(i){return it({},t,{mounted:function(e){function n(){var t="".concat(k(i.player.currentTime)," / ").concat(k(i.player.duration));t!==e.innerHTML&&(e.innerHTML=t)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(t){i.on(t,n)})}})}}({name:"time",disable:t.isLive,position:"left",index:30})),this.add(function(t){return function(o){return it({},t,{mounted:function(t){var r=o.option,e=o.events.proxy,a=o.player,s=-1,n=r.quality.find(function(t){return t.default})||r.quality[0];s=r.quality.indexOf(n);var c=R(t,'<div class="art-quality-name">'.concat(n.name,"</div>")),i=r.quality.map(function(t,e){return'<div class="art-quality-item" data-index="'.concat(e,'">').concat(t.name,"</div>")}).join("");e(R(t,'<div class="art-qualitys">'.concat(i,"</div>")),"click",function(t){var e=Number(t.target.dataset.index),n=r.quality[e],i=n.url,o=n.name;i&&o&&s!==e&&(a.switchQuality(i,o),c.innerHTML=o,s=e)})}})}}({name:"quality",disable:0===t.quality.length,position:"right",index:10})),this.add(function(t){return function(r){return it({},t,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.player,o=R(t,rt.screenshot);A(o,n.get("Screenshot")),e(o,"click",function(){i.screenshot()})}})}}({name:"screenshot",disable:!t.screenshot,position:"right",index:20})),this.add(function(t){return function(r){return it({},t,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.subtitle,o=R(t,rt.subtitle);A(o,n.get("Hide subtitle")),e(t,"click",function(){i.toggle()}),r.on("subtitle:show",function(){_(o,"opacity","1"),A(o,n.get("Hide subtitle"))}),r.on("subtitle:hide",function(){_(o,"opacity","0.8"),A(o,n.get("Show subtitle"))})}})}}({name:"subtitle",disable:!t.subtitle.url,position:"right",index:30})),this.add(function(t){return function(r){return it({},t,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.setting,o=R(t,rt.setting);A(o,n.get("Show setting")),e(t,"click",function(){i.toggle()}),r.on("setting:show",function(){_(o,"opacity","0.8"),A(o,n.get("Hide setting"))}),r.on("setting:hide",function(){_(o,"opacity","1"),A(o,n.get("Show setting"))})}})}}({name:"setting",disable:!t.setting,position:"right",index:40})),this.add(function(t){return function(o){return it({},t,{mounted:function(t){var e=o.events.proxy,n=o.i18n,i=o.player;A(R(t,rt.pip),n.get("Mini player")),e(t,"click",function(){i.pipEnabled()})}})}}({name:"pip",disable:!t.pip,position:"right",index:50})),this.add(function(t){return function(r){return it({},t,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.player,o=R(t,rt.fullscreenWeb);A(o,n.get("Web fullscreen")),e(t,"click",function(){i.fullscreenWebToggle()}),r.on("fullscreenWeb:enabled",function(){_(o,"opacity","0.8"),A(o,n.get("Exit web fullscreen"))}),r.on("fullscreenWeb:exit",function(){_(o,"opacity","1"),A(o,n.get("Web fullscreen"))})}})}}({name:"fullscreenWeb",disable:!t.fullscreenWeb,position:"right",index:60})),this.add(function(t){return function(r){return it({},t,{mounted:function(t){var e=r.events.proxy,n=r.i18n,i=r.player,o=R(t,rt.fullscreen);A(o,n.get("Fullscreen")),e(t,"click",function(){i.fullscreenToggle()}),r.on("fullscreen:enabled",function(){_(o,"opacity","0.8"),A(o,n.get("Exit fullscreen"))}),r.on("fullscreen:exit",function(){_(o,"opacity","1"),A(o,n.get("Fullscreen"))})}})}}({name:"fullscreen",disable:!t.fullscreen,position:"right",index:70})),t.controls.forEach(function(t){e.add(t)})}},{key:"add",value:function(t,e){var n,i="function"==typeof t?t(this.art):t,o=this.art.template,r=o.$progress,a=o.$controlsLeft,s=o.$controlsRight;switch(i.position){case"top":n=r;break;case"left":n=a;break;case"right":n=s}n&&tt(this.art,this,n,i,e,"control")}},{key:"show",value:function(){this.art.template.$player.classList.add("artplayer-controls-show")}},{key:"hide",value:function(){this.art.template.$player.classList.remove("artplayer-controls-show")}}]),n}(),ct=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.art.on("firstCanplay",function(){e.init()})}return o(n,[{key:"init",value:function(){var e=this,t=this.art,n=t.option,i=t.template,o=i.$player,r=i.$contextmenu,a=t.events.proxy;this.add(function(e){return function(n){var t=n.i18n,i=n.player;return it({},e,{html:"\n                ".concat(t.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(t.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(t){var e=t.target.dataset.rate;e&&(i.playbackRate(Number(e)),n.contextmenu.hide())},mounted:function(t){n.on("playbackRateChange",function(e){M(Array.from(t.querySelectorAll("span")).find(function(t){return Number(t.dataset.rate)===e}),"current")})}})}}({disable:!n.playbackRate,name:"playbackRate",index:10})),this.add(function(e){return function(n){var t=n.i18n,i=n.player;return it({},e,{html:"\n                ".concat(t.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(t.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(t){var e=t.target.dataset.ratio;e&&(i.aspectRatio(e),n.contextmenu.hide())},mounted:function(t){n.on("aspectRatioChange",function(e){M(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.ratio===e}),"current")})}})}}({disable:!n.aspectRatio,name:"aspectRatio",index:20})),this.add(function(e){return function(t){return it({},e,{html:t.i18n.get("Video info"),click:function(){t.info.show(),t.contextmenu.hide()}})}}({disable:!1,name:"info",index:30})),this.add(it({},{disable:!1,name:"version",index:40},{html:'<a href="https://github.com/zhw2590582/artplayer" target="_blank">ArtPlayer 1.0.7</a>'})),this.add(function(e){return function(t){return it({},e,{html:t.i18n.get("Close"),click:function(){t.contextmenu.hide()}})}}({disable:!1,name:"close",index:50})),n.contextmenu.forEach(function(t){e.add(t)}),a(o,"contextmenu",function(t){t.preventDefault(),e.show(),e.setPos(t)}),a(o,"click",function(t){t.composedPath().includes(r)||e.hide()})}},{key:"add",value:function(t,e){var n=this.art.template.$contextmenu;tt(this.art,this,n,t,e,"contextmenu")}},{key:"setPos",value:function(t){var e=this.art.template,n=e.$player,i=e.$contextmenu,o=t.clientX,r=t.clientY,a=n.getBoundingClientRect(),s=a.height,c=a.width,l=a.left,u=a.top,d=i.getBoundingClientRect(),f=d.height,p=d.width,h=o-l,v=r-u;l+c<o+p&&(h=c-p),u+s<r+f&&(v=s-f),_(i,"left","".concat(h,"px")),_(i,"top","".concat(v,"px"))}},{key:"hide",value:function(){var t=this.art.template.$contextmenu;_(t,"display","none"),this.art.emit("contextmenu:hide",t)}},{key:"show",value:function(){var t=this.art.template.$contextmenu;_(t,"display","block"),this.art.emit("contextmenu:show",t)}}]),n}(),lt=function(){function e(t){a(this,e),this.art=t,this.init()}return o(e,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$infoClose;(0,e.events.proxy)(n,"click",function(){t.hide()})}},{key:"show",value:function(){var t=this.art.template,e=t.$info,n=t.$infoPanel;_(e,"display","block"),n.innerHTML||R(n,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show",e)}},{key:"creatInfo",value:function(){var t=[];return t.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">1.0.7</div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),t.push('\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        '),t.push('\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        '),t.push('\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        '),t.push('\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        '),t.join("")}},{key:"readInfo",value:function(){var t=this.art.template,e=t.$infoPanel,n=t.$video;Array.from(e.querySelectorAll("[data-video]")).forEach(function(t){var e=n[t.dataset.video];t.innerHTML=void 0!==e?e:"unknown"})}},{key:"loop",value:function(){var t=this;this.readInfo(),this.timer=setTimeout(function(){t.readInfo(),t.loop()},1e3)}},{key:"hide",value:function(){var t=this.art.template.$info;_(t,"display","none"),clearTimeout(this.timer),this.art.emit("info:hide",t)}}]),e}(),ut=function(){function n(t){a(this,n),this.art=t,this.state=!0;var e=this.art.option.subtitle.url;e&&this.init(e)}return o(n,[{key:"init",value:function(t){var i=this,e=this.art,o=e.events.proxy,n=e.option.subtitle,r=e.template,a=r.$video,s=r.$subtitle,c=r.$track;if(C(s,n.style||{}),!c){var l=document.createElement("track");l.default=!0,l.kind="metadata",a.appendChild(l),this.art.template.$track=l}this.load(t).then(function(t){if(i.art.template.$track.src=t,i.art.emit("subtitle:load",t),a.textTracks&&a.textTracks[0]){var n=ot(a.textTracks,1)[0];o(n,"cuechange",function(){var t=ot(n.activeCues,1)[0];if(s.innerHTML="",t){var e=document.createElement("div");e.appendChild(t.getCueAsHTML()),s.innerHTML=e.innerHTML.split(/\r?\n/).map(function(t){return"<p>".concat(t,"</p>")}).join("")}i.art.emit("subtitle:update",s)})}})}},{key:"load",value:function(e){var n,i=this.art.notice;return fetch(e).then(function(t){return n=t.headers.get("Content-Type"),t.text()}).then(function(t){return/x-subrip/gi.test(n)?D(z(t)):e}).catch(function(t){i.show(t),console.warn(t)})}},{key:"show",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,i=t.notice;_(e,"display","block"),this.state=!0,i.show(n.get("Show subtitle")),this.art.emit("subtitle:show",e)}},{key:"hide",value:function(){var t=this.art,e=t.template.$subtitle,n=t.i18n,i=t.notice;_(e,"display","none"),this.state=!1,i.show(n.get("Hide subtitle")),this.art.emit("subtitle:hide",e)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}(),dt=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.ContentRect=function(t){if("getBBox"in t){var e=t.getBBox();return Object.freeze({height:e.height,left:0,top:0,width:e.width})}var n=window.getComputedStyle(t);return Object.freeze({height:parseFloat(n.height||"0"),left:parseFloat(n.paddingLeft||"0"),top:parseFloat(n.paddingTop||"0"),width:parseFloat(n.width||"0")})}});t(dt),dt.ContentRect;var ft=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=function(){function t(t){this.target=t,this.$$broadcastWidth=this.$$broadcastHeight=0}return Object.defineProperty(t.prototype,"broadcastWidth",{get:function(){return this.$$broadcastWidth},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"broadcastHeight",{get:function(){return this.$$broadcastHeight},enumerable:!0,configurable:!0}),t.prototype.isActive=function(){var t=dt.ContentRect(this.target);return!!t&&(t.width!==this.broadcastWidth||t.height!==this.broadcastHeight)},t}();e.ResizeObservation=n});t(ft),ft.ResizeObservation;var pt=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0}),e.ResizeObserverEntry=function(t){this.target=t,this.contentRect=dt.ContentRect(t)}});t(pt),pt.ResizeObserverEntry;var ht=e(function(t,e){Object.defineProperty(e,"__esModule",{value:!0});var n=[],i=function(){function t(t){this.$$observationTargets=[],this.$$activeTargets=[],this.$$skippedTargets=[];var e=function(t){return void 0===t?"Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.":"function"!=typeof t?"Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.":void 0}(t);if(e)throw TypeError(e);this.$$callback=t,n.push(this)}return t.prototype.observe=function(t){var e=o("observe",t);if(e)throw TypeError(e);0<r(this.$$observationTargets,t)||(this.$$observationTargets.push(new ft.ResizeObservation(t)),u())},t.prototype.unobserve=function(t){var e=o("unobserve",t);if(e)throw TypeError(e);var n=r(this.$$observationTargets,t);n<0||(this.$$observationTargets.splice(n,1),f())},t.prototype.disconnect=function(){this.$$observationTargets=[],this.$$activeTargets=[]},t}();function o(t,e){return void 0===e?"Failed to execute '"+t+"' on 'ResizeObserver': 1 argument required, but only 0 present.":e instanceof window.Element?void 0:"Failed to execute '"+t+"' on 'ResizeObserver': parameter 1 is not of type 'Element'."}function r(t,e){for(var n=0;n<t.length;n+=1)if(t[n].target===e)return n;return-1}e.ResizeObserver=i;var a,s=function(i){n.forEach(function(n){n.$$activeTargets=[],n.$$skippedTargets=[],n.$$observationTargets.forEach(function(t){if(t.isActive()){var e=l(t.target);i<e?n.$$activeTargets.push(t):n.$$skippedTargets.push(t)}})})},c=function(){var o=1/0;return n.forEach(function(t){if(t.$$activeTargets.length){var i=[];t.$$activeTargets.forEach(function(t){var e=new pt.ResizeObserverEntry(t.target);i.push(e),t.$$broadcastWidth=e.contentRect.width,t.$$broadcastHeight=e.contentRect.height;var n=l(t.target);n<o&&(o=n)}),t.$$callback(i,t),t.$$activeTargets=[]}}),o},l=function(t){for(var e=0;t.parentNode;)t=t.parentNode,e+=1;return e},u=function(){a||d()},d=function(){a=window.requestAnimationFrame(function(){(function(){var t=0;for(s(t);n.some(function(t){return!!t.$$activeTargets.length});)t=c(),s(t);n.some(function(t){return!!t.$$skippedTargets.length})&&function(){var t=new window.ErrorEvent("ResizeLoopError",{message:"ResizeObserver loop completed with undelivered notifications."});window.dispatchEvent(t)}()})(),d()})},f=function(){a&&!n.some(function(t){return!!t.$$observationTargets.length})&&(window.cancelAnimationFrame(a),a=void 0)};e.install=function(){return window.ResizeObserver=i}});t(ht);var vt=ht.ResizeObserver;ht.install;var yt=function(){function n(t){var e=this;a(this,n),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),t.on("firstCanplay",function(){!function(e,t){var n=e.template.$player;t.proxy(document,["click","contextmenu"],function(t){-1<t.composedPath().indexOf(n)?e.isFocus=!0:(e.isFocus=!1,e.contextmenu.hide())})}(t,e),function(t,e){var n=t.template.$player;e.hover(n,function(){n.classList.add("artplayer-hover"),t.emit("hoverenter")},function(){n.classList.remove("artplayer-hover"),t.emit("hoverleave")})}(t,e),function(e,t){var n=e.template,i=n.$player,o=n.$video,r=e.player,a=S(function(){i.classList.add("artplayer-hide-cursor"),i.classList.remove("artplayer-hover"),e.controls.hide()},5e3);e.on("hoverleave",function(){r.playing&&a()}),t.proxy(i,"mousemove",function(t){a.clearTimeout(),i.classList.remove("artplayer-hide-cursor"),e.controls.show(),!e.player.pipState&&r.playing&&t.target===o&&a()})}(t,e),function(t,e){var n=t.option,i=t.template.$player,o=new vt(function(){n.autoSize&&(t.player.fullscreenState||t.player.fullscreenWebState||t.player.pipState?t.player.autoSizeRemove():t.player.autoSize()),t.player.aspectRatioReset(),t.emit("resize",i)});o.observe(i),e.destroyEvents.push(function(){o.unobserve(i)})}(t,e)})}return o(n,[{key:"proxy",value:function(e,t,n){var i=this,o=3<arguments.length&&void 0!==arguments[3]?arguments[3]:{};Array.isArray(t)?t.forEach(function(t){return i.proxy(e,t,n,o)}):(e.addEventListener(t,n,o),this.destroyEvents.push(function(){e.removeEventListener(t,n,o)}))}},{key:"hover",value:function(t,e,n){this.proxy(t,"mouseenter",e),this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(i){var o=this;return new Promise(function(t,e){var n;if(i instanceof HTMLImageElement)n=i;else{if("string"!=typeof i)return e(i);(n=new Image).src=i}return n.complete?t(n):(o.proxy(n,"load",function(){return t(n)}),o.proxy(n,"error",function(){return e(n)}),i)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(t){return t()})}}]),n}(),mt=function(){function n(t){var e=this;a(this,n),this.art=t,this.art.option.hotkey&&this.art.on("firstCanplay",function(){e.init()})}return o(n,[{key:"init",value:function(){var i=this,t=this.art,o=t.player;(0,t.events.proxy)(window,"keydown",function(t){if(i.art.isFocus){var e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==n&&"true"!==n)switch(i.art.emit("hotkey",t),t.keyCode){case 39:t.preventDefault(),o.seek(o.currentTime+10);break;case 37:t.preventDefault(),o.seek(o.currentTime-10);break;case 38:t.preventDefault(),o.volume+=.05;break;case 40:t.preventDefault(),o.volume-=.05;break;case 32:t.preventDefault(),o.toggle()}}})}}]),n}(),gt=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.add=this.add.bind(this),this.art.option.layers.forEach(function(t){e.add(t)})}return o(n,[{key:"add",value:function(t,e){var n=this.art.template.$layers;tt(this.art,this,n,t,e,"layer")}},{key:"show",value:function(){var t=this.art.template.$layers;_(t,"display","block"),this.art.emit("layers:show",t)}},{key:"hide",value:function(){var t=this.art.template.$layers;_(t,"display","none"),this.art.emit("layers:hide",t)}}]),n}(),bt=function(){function n(t){a(this,n);var e=(this.art=t).option;R(t.template.$loading,e.icons.loading||rt.loading)}return o(n,[{key:"hide",value:function(){var t=this.art.template.$loading;_(t,"display","none"),this.art.emit("loading:hide",t)}},{key:"show",value:function(){var t=this.art.template.$loading;_(t,"display","flex"),this.art.emit("loading:show",t)}}]),n}(),wt=function(){function e(t){a(this,e),this.art=t,this.timer=null}return o(e,[{key:"show",value:function(t){var e=this,n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1e3,o=this.art.template,r=o.$notice,a=o.$noticeInner;_(r,"display","block"),a.innerHTML=t instanceof Error?t.message.trim():t,clearTimeout(this.timer),n&&(this.timer=setTimeout(function(){e.hide()},i)),this.art.emit("notice:show",r)}},{key:"hide",value:function(){var t=this.art.template.$notice;_(t,"display","none"),this.art.emit("notice:hide",t)}}]),e}(),xt=function(){function n(t){a(this,n);var e=(this.art=t).option;R(R(t.template.$mask,'<div class="art-playBig"></div>'),e.icons.playBig||rt.playBig)}return o(n,[{key:"show",value:function(){var t=this.art.template.$mask;_(t,"display","flex"),this.art.emit("mask:show",t)}},{key:"hide",value:function(){var t=this.art.template.$mask;_(t,"display","none"),this.art.emit("mask:show",t)}}]),n}(),kt=function(){function n(t){var e=this;a(this,n),this.id=0,this.art=t,this.state=!1,t.option.setting&&this.art.on("firstCanplay",function(){e.init()})}return o(n,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$settingClose;(0,e.events.proxy)(n,"click",function(){t.hide()}),this.add(function(i){return function(e){var t=e.i18n,n=e.player;return it({},i,{html:'\n                <div class="art-setting-header">'.concat(t.get("Flip"),'</div>\n                <div class="art-setting-body">\n                    <div class="art-setting-btns">\n                        <div class="art-setting-btn current">\n                            <span data-flip="normal">').concat(t.get("Normal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="horizontal">').concat(t.get("Horizontal"),'</span>\n                        </div>\n                        <div class="art-setting-btn">\n                            <span data-flip="vertical">').concat(t.get("Vertical"),"</span>\n                        </div>\n                    </div>\n                </div>\n            "),click:function(t){var e=t.target.dataset.flip;e&&n.flip(e)},mounted:function(t){e.on("flipChange",function(e){M(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.flip===e}).parentElement,"current")})}})}}({disable:!1,name:"flip",index:10}))}},{key:"add",value:function(t,e){var n=this.art.template.$settingBody;tt(this.art,this,n,t,e,"setting")}},{key:"show",value:function(){var t=this.art.template.$setting;_(t,"display","flex"),this.state=!0,this.art.emit("setting:show",t)}},{key:"hide",value:function(){var t=this.art.template.$setting;_(t,"display","none"),this.state=!1,this.art.emit("setting:hide",t)}},{key:"toggle",value:function(){this.state?this.hide():this.show()}}]),n}(),Et=function(){function e(t){a(this,e),this.art=t,this.storageName="artplayer_settings",this.init()}return o(e,[{key:"init",value:function(){var t=this.art.option,e=this.get("volume");e&&(t.volume=e)}},{key:"get",value:function(t){var e=JSON.parse(localStorage.getItem(this.storageName))||{};return t?e[t]:{}}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),y({},t,e));localStorage.setItem(this.storageName,JSON.stringify(n))}}]),e}();function St(i){var t=i.i18n,o=i.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(t.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-body">\n                <input\n                    style="width: 100%;height: 3px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;background-color: #fff;"\n                    class="art-subtitle-range"\n                    type="range"\n                    min="-5"\n                    max="5"\n                    step="0.5"\n                >\n            </div>\n        '),mounted:function(t){var e=t.querySelector(".art-subtitle-range"),n=t.querySelector(".art-subtitle-value");o(e,"change",function(){var t=e.value;n.innerText=t,i.plugins.subtitle.offset(Number(t))}),i.on("subtitle:switch",function(){e.value=0,n.innerText=0}),i.on("artplayerPluginSubtitle:set",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}}}function $t(i){var o=i.constructor.utils.clamp,t=i.setting,r=i.notice,a=i.template,s=i.i18n;!function(t){t.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}})}(s),t.add(St);var c=[];return i.on("subtitle:switch",function(){c=[]}),{name:"subtitle",offset:function(t){if(a.$track&&a.$track.track){var e=Array.from(a.$track.track.cues),n=o(t,-5,5);e.forEach(function(t,e){c[e]||(c[e]={startTime:t.startTime,endTime:t.endTime}),t.startTime=c[e].startTime+n,t.endTime=c[e].endTime+n}),r.show("".concat(s.get("Subtitle offset time"),": ").concat(t,"s")),i.emit("artplayerPluginSubtitle:set",t)}else r.show("".concat(s.get("No subtitles found"))),i.emit("artplayerPluginSubtitle:set",0)}}}function Pt(o){var t=o.constructor.utils,n=t.append,i=t.setStyle,r=t.setStyles,a=t.sleep,s=o.events.proxy,c=o.option,l=o.notice,u=o.i18n,d=o.template,f=o.player;function p(t){if(t){var e=d.$video.canPlayType(t.type);if("maybe"===e||"probably"===e){var n=URL.createObjectURL(t);f.playbackRateRemove(),f.aspectRatioRemove(),d.$video.src=n,a(1e3).then(function(){f.currentTime=0}),c.url=n,o.emit("switch",n),l.show(u.get("Load local video successfully"))}else{var i="".concat(u.get("Playback of this file format is not supported"),": ").concat(t.type);l.show(i,!0,3e3),console.warn(i)}}}return function(t){t.update({"zh-cn":{"Playback of this file format is not supported":"不支持播放该文件格式","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Playback of this file format is not supported":"不支持播放該文件格式","Load local video successfully":"加載本地視頻成功"}})}(u),s(d.$player,"dragover",function(t){t.preventDefault(),l.show(u.get("Load local video successfully"))}),s(d.$player,"drop",function(t){t.preventDefault(),p(t.dataTransfer.files[0])}),{name:"localPreview",attach:function(t){var e=n(t,'<input type="file">');i(t,"position","relative"),r(e,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),s(e,"change",function(){p(e.files[0])})}}}var Tt=function(){function n(t){var e=this;a(this,n),this.art=t,this.id=0,this.add($t),this.add(Pt),t.option.plugins.forEach(function(t){e.add(t)})}return o(n,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art);return this[e&&e.name?e.name:t.name?t.name:"plugin".concat(this.id)]=e,this.art.emit("plugin:add",t),this}}]),n}(),Rt=function t(e){a(this,t);var n=e.option,i=e.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){i[t]=n.moreVideoAttr[t]}),n.muted&&(i.muted=n.muted),n.volume&&(i.volume=w(n.volume,0,1)),n.poster&&(i.poster=n.poster),n.autoplay&&(i.autoplay=n.autoplay),i.controls=!0;var o=n.type||x(n.url),r=n.customType[o];o&&r?(e.emit("beforeCustomType",o),r(i,n.url,e),e.emit("afterCustomType",o)):(e.emit("beforeAttachUrl",n.url),i.src=n.url,e.emit("afterAttachUrl",i.src))},Ot=0,_t=function(t){function n(t){var e;return a(this,n),e=c(this,l(n).call(this)),b("function"==typeof window.Promise,"Unsupported 'Promise' method"),e.option=T(n.DEFAULTS,t),v(e.option,B),e.init(),e}return d(n,p),o(n,[{key:"init",value:function(){this.whitelist=new I(this),this.template=new N(this),this.whitelist.state?(this.isFocus=!1,this.storage=new Et(this),this.i18n=new V(this),this.notice=new wt(this),this.events=new yt(this),this.player=new K(this),this.layers=new gt(this),this.controls=new st(this),this.contextmenu=new ct(this),this.subtitle=new ut(this),this.info=new lt(this),this.loading=new bt(this),this.hotkey=new mt(this),this.mask=new xt(this),this.setting=new kt(this),this.plugins=new Tt(this)):this.mobile=new Rt(this),Ot+=1,this.id=Ot,n.instances.push(this)}},{key:"destroy",value:function(){var t=0<arguments.length&&void 0!==arguments[0]&&arguments[0];this.events&&this.events.destroy(),this.template.destroy(t),n.instances.splice(n.instances.indexOf(this),1),this.emit("destroy")}}],[{key:"version",get:function(){return"1.0.7"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return F}},{key:"utils",get:function(){return q}},{key:"DEFAULTS",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",type:"",mimeCodec:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"auto"},icons:{loading:"",playBig:""},customType:{},lang:navigator.language.toLowerCase()}}}]),n}();return Object.defineProperty(_t,"instances",{value:[]}),window.Artplayer=_t}()}(e={exports:{}},e.exports),e.exports),r=(n=i)&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n;return{data:function(){return{instance:null}},props:{option:{type:Object,required:!0},getInstance:Function},mounted:function(){this.instance=new r(t({},this.option,{container:this.$refs.artRef})),this.$emit("getInstance",this.instance)},beforeDestroy:function(){this.instance&&this.instance.destroy&&this.instance.destroy()},render:function(t){return t("div",{ref:"artRef"},"render")}}});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t=t||self).ArtplayerVue=e()}(this,function(){"use strict";var r=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};var t=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(t){r(e,t,n[t])})}return e};"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function e(t,e){return t(e={exports:{}},e.exports),e.exports}var wt=e(function(e){function n(t){return(n="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})(t)}function i(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=i=function(t){return n(t)}:e.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},i(t)}e.exports=i}),n=e(function(t,e){function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function n(t,e){return t(e={exports:{}},e.exports),e.exports}function v(t,e){if(!t)throw new X(e);return t}function f(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function p(t,e,n){return Math.max(Math.min(t,Math.max(e,n)),Math.min(e,n))}function s(t){return t.includes("?")?s(t.split("?")[0]):t.includes("#")?s(t.split("#")[0]):t.trim().toLowerCase().split(".").pop()}function c(t){var e=Math.floor(t/3600),n=Math.floor((t-3600*e)/60),i=Math.floor(t-3600*e-60*n);return(0<e?[e,n,i]:[n,i]).map(function(t){return t<10?"0".concat(t):String(t)}).join(":")}function u(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:0;return new Promise(function(t){return setTimeout(t,e)})}function l(i,r,o){var a;function t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];clearTimeout(a),a=setTimeout(function(){a=null,i.apply(o,e)},r)}return t.clearTimeout=function(){clearTimeout(a)},t}function d(r,o){var a,s,c=!1;return function t(){for(var e=arguments.length,n=new Array(e),i=0;i<e;i++)n[i]=arguments[i];if(c)return a=n,void(s=this);c=!0,r.apply(this,n),setTimeout(function(){c=!1,a&&(t.apply(s,a),s=a=null)},o)}}function a(){for(var o=function(t){return t&&"object"===W(t)&&!Array.isArray(t)},t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce(function(i,r){return Object.keys(r).forEach(function(t){var e=i[t],n=r[t];Array.isArray(e)&&Array.isArray(n)?i[t]=e.concat.apply(e,D(n)):!o(e)||!o(n)||n instanceof Element?i[t]=n:i[t]=a(e,n)}),i},{})}function m(t,e){return e instanceof Element?t.appendChild(e):t.insertAdjacentHTML("beforeend",String(e)),t.lastElementChild||t.lastChild}function h(t){return t.parentNode.removeChild(t)}function g(t,e,n){return t.style[e]=n,t}function y(e,n){return Object.keys(n).forEach(function(t){g(e,t,n[t])}),e}function b(t,e){var n=!(2<arguments.length&&void 0!==arguments[2])||arguments[2],i=window.getComputedStyle(t,null).getPropertyValue(e);return n?parseFloat(i):i}function r(e){return Array.from(e.parentElement.children).filter(function(t){return t!==e})}function w(t,e){r(t).forEach(function(t){return t.classList.remove(e)}),t.classList.add(e)}function x(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:"up";t.setAttribute("data-balloon",e),t.setAttribute("data-balloon-pos",n)}function o(t){return"WEBVTT \r\n\r\n".concat(t.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").concat("\r\n\r\n"))}function k(t){return URL.createObjectURL(new Blob([t],{type:"text/vtt"}))}function S(t,e){var n=document.createElement("a");g(n,"display","none"),n.href=t,n.download=e,document.body.appendChild(n),n.click(),document.body.removeChild(n)}function $(t,e,n){return v("string"===n||e instanceof Element,"".concat(t.join(".")," require 'string' or 'Element' type"))}function L(t){var e=this;q(this,L);var n=t.constructor.kindOf,i=t.option.whitelist;this.userAgent=window.navigator.userAgent,this.isMobile=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(this.userAgent),this.state=!this.isMobile||i.some(function(t){switch(n(t)){case"string":return-1<e.userAgent.indexOf(t);case"function":return t(e.userAgent);case"regexp":return t.test(e.userAgent);default:return!1}})}function P(t){q(this,P),function(i,t){var e=i.option,r=e.type,o=e.customType,a=i.template.$video;Object.defineProperty(t,"attachUrl",{value:function(n){return u().then(function(){function e(t){var e=r||s(t),n=o[e];return e&&n?(i.loading.show=!0,i.emit("beforeCustomType",e),n.call(i,a,t,i),i.emit("afterCustomType",e)):(i.emit("beforeAttachUrl",t),a.src=t,i.emit("afterAttachUrl",t)),Promise.resolve(t)}if("function"!=typeof n)return e(n);var t=n.call(i);return v("function"==typeof t.then,"If url is a function, it needs to return a promise."),t.then(function(t){return i.loading.show=!0,e(t)})})}})}(t,this),function(e,t){var n=e.option,i=e.events.proxy,r=e.template,o=r.$player,a=r.$video,s=e.i18n,c=e.notice,l=0;i(a,"click",function(){t.toggle=!0}),J.video.events.forEach(function(t){i(a,t,function(t){e.emit("video:".concat(t.type),t)})}),e.on("video:canplay",function(){l=0,e.controls.show=!0,e.mask.show=!0,e.loading.show=!1}),e.on("video:ended",function(){e.controls.show=!0,e.mask.show=!0,n.loop&&(t.seek=0,t.play=!0)}),e.on("video:error",function(){l<5?u(1e3).then(function(){l+=1,t.attachUrl(n.url),c.show("".concat(s.get("Reconnect"),": ").concat(l))}):(e.loading.show=!1,e.controls.show=!1,o.classList.add("artplayer-error"),u(1e3).then(function(){c.show(s.get("Video load failed"),!1),e.destroy()}))}),e.on("video:loadedmetadata",function(){n.autoSize&&(t.autoSize=!0)}),e.on("video:loadstart",function(){e.loading.show=!0}),e.on("video:pause",function(){e.controls.show=!0,e.mask.show=!0}),e.on("video:play",function(){e.mask.show=!1}),e.on("video:playing",function(){e.mask.show=!1}),e.on("video:seeked",function(){e.loading.show=!1}),e.on("video:seeking",function(){e.loading.show=!0}),e.on("video:timeupdate",function(){e.mask.show=!1}),e.on("video:waiting",function(){e.loading.show=!0})}(t,this),function(t,e){var n=t.option,i=t.template.$video;Object.keys(n.moreVideoAttr).forEach(function(t){i[t]=n.moreVideoAttr[t]}),n.muted&&(i.muted=n.muted),n.volume&&(i.volume=p(n.volume,0,1)),n.poster&&(i.poster=n.poster),n.autoplay&&(i.autoplay=n.autoplay),e.attachUrl(n.url)}(t,this),function(n,i){var r=n.template.$video,o=n.i18n,a=n.notice,s=n.option.mutex;Object.defineProperty(i,"play",{set:function(t){if(t){var e=r.play();void 0!==e&&e.then().catch(function(t){a.show(t,!0,3e3),console.warn(t)}),s&&n.constructor.instances.filter(function(t){return t!==n}).forEach(function(t){t.player.pause=!0}),a.show(o.get("Play")),n.emit("play")}else i.pause=!0}})}(t,this),function(e,n){var i=e.template.$video,r=e.i18n,o=e.notice;Object.defineProperty(n,"pause",{get:function(){return i.paused},set:function(t){t?(i.pause(),o.show(r.get("Pause")),e.emit("pause")):n.play=!0}})}(t,this),function(t,e){Object.defineProperty(e,"toggle",{set:function(t){t&&(e.playing?e.pause=!0:e.play=!0)}})}(0,this),function(e,n){var i=e.notice;Object.defineProperty(n,"seek",{set:function(t){n.currentTime=t,i.show("".concat(c(t)," / ").concat(c(n.duration))),e.emit("seek",t)}})}(t,this),function(e,t){var n=e.template.$video,i=e.i18n,r=e.notice,o=e.storage;Object.defineProperty(t,"volume",{get:function(){return n.volume||0},set:function(t){n.volume=p(t,0,1),r.show("".concat(i.get("Volume"),": ").concat(parseInt(100*n.volume,10))),0!==n.volume&&o.set("volume",n.volume),e.emit("volumeChange",n.volume)}}),Object.defineProperty(t,"muted",{get:function(){return n.muted},set:function(t){n.muted=t,e.emit("volumeChange",n.volume)}})}(t,this),function(e,n){Object.defineProperty(n,"currentTime",{get:function(){return e.template.$video.currentTime||0},set:function(t){e.template.$video.currentTime=p(t,0,n.duration)}})}(t,this),function(t,e){Object.defineProperty(e,"duration",{get:function(){return t.template.$video.duration||0}})}(t,this),function(r,o){var a=r.i18n,s=r.notice,c=r.option;Object.defineProperty(o,"switchQuality",{value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(t===c.url)return null;var n=o.currentTime,i=o.playing;return o.attachUrl(t).then(function(){c.url=t,o.playbackRate=!1,o.aspectRatio=!1,r.once("video:canplay",function(){o.currentTime=n}),i&&(o.play=!0),s.show("".concat(a.get("Switch video"),": ").concat(e)),r.emit("switch",t)})}}),Object.defineProperty(o,"switchUrl",{value:function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"unknown";if(t===c.url)return null;var n=o.playing;return o.attachUrl(t).then(function(){c.url=t,o.playbackRate=!1,o.aspectRatio=!1,o.currentTime=0,n&&(o.play=!0),s.show("".concat(a.get("Switch video"),": ").concat(e)),r.emit("switch",t)})}})}(t,this),function(n,i){var t=n.template,r=t.$video,o=t.$player,a=n.i18n,s=n.notice;Object.defineProperty(i,"playbackRate",{get:function(){return o.dataset.playbackRate},set:function(t){if(t){var e=[.5,.75,1,1.25,1.5,1.75,2];if(v(e.includes(t),"'playbackRate' only accept ".concat(e.toString()," as parameters")),t===o.dataset.playbackRate)return;r.playbackRate=t,o.dataset.playbackRate=t,s.show("".concat(a.get("Rate"),": ").concat(1===t?a.get("Normal"):"".concat(t,"x"))),n.emit("playbackRateChange",t)}else i.playbackRate&&(i.playbackRate=1,delete o.dataset.playbackRate,n.emit("playbackRateRemove"))}}),Object.defineProperty(i,"playbackRateReset",{set:function(t){if(t){var e=o.dataset.playbackRate;e&&(i.playbackRate=Number(e),n.emit("playbackRateReset"))}}})}(t,this),function(f,d){var t=f.template,p=t.$video,h=t.$player,y=f.i18n,m=f.notice;Object.defineProperty(d,"aspectRatio",{get:function(){return h.dataset.aspectRatio||""},set:function(t){if(t){var e=["default","4:3","16:9"];if(v(e.includes(t),"'aspectRatio' only accept ".concat(e.toString()," as parameters")),"default"===t)d.aspectRatio=!1;else{var n=t.split(":"),i=p.videoWidth,r=p.videoHeight,o=h.clientWidth,a=h.clientHeight,s=i/r,c=n[0]/n[1];if(c<s){var l=c*r/i;g(p,"width","".concat(100*l,"%")),g(p,"height","100%"),g(p,"padding","0 ".concat((o-o*l)/2,"px"))}else{var u=i/c/r;g(p,"width","100%"),g(p,"height","".concat(100*u,"%")),g(p,"padding","".concat((a-a*u)/2,"px 0"))}}h.dataset.aspectRatio=t,m.show("".concat(y.get("Aspect ratio"),": ").concat("default"===t?y.get("Default"):t)),f.emit("aspectRatioChange",t)}else d.aspectRatio&&(g(p,"width",null),g(p,"height",null),g(p,"padding",null),delete h.dataset.aspectRatio,f.emit("aspectRatioRemove"))}}),Object.defineProperty(d,"aspectRatioReset",{set:function(t){t&&d.aspectRatio&&(d.aspectRatio=d.aspectRatio,f.emit("aspectRatioReset"))}})}(t,this),function(e,n){var i=e.option,r=e.notice,o=e.template.$video;Object.defineProperty(n,"getScreenshotDataURL",{value:function(){try{var t=document.createElement("canvas");return t.width=o.videoWidth,t.height=o.videoHeight,t.getContext("2d").drawImage(o,0,0),t.toDataURL("image/png")}catch(t){return r.show(t),console.warn(t),null}}}),Object.defineProperty(n,"getScreenshotBlobUrl",{value:function(){return new Promise(function(e,t){try{var n=document.createElement("canvas");n.width=o.videoWidth,n.height=o.videoHeight,n.getContext("2d").drawImage(o,0,0),n.toBlob(function(t){e(URL.createObjectURL(t))})}catch(n){r.show(n),t(n)}})}}),Object.defineProperty(n,"screenshot",{value:function(){var t=n.getScreenshotDataURL();t&&(S(t,"".concat(i.title||"artplayer","_").concat(c(o.currentTime),".png")),e.emit("screenshot",t))}})}(t,this),function(e,n){function t(){e.emit("fullscreen:change",et.isFullscreen)}function i(){o.show(r.get("This does not seem to support full screen functionality"))}var r=e.i18n,o=e.notice,a=e.events.destroyEvents,s=e.template.$player;try{et.on("change",t),et.on("error",i),a.push(function(){et.off("change",t),et.off("error",i)})}catch(t){i()}Object.defineProperty(n,"fullscreen",{get:function(){return et.isFullscreen},set:function(t){t?(n.fullscreenWeb&&(n.fullscreenWeb=!1),et.request(s).then(function(){s.classList.add("artplayer-fullscreen"),n.aspectRatioReset=!0,e.emit("fullscreen:enabled")})):(n.fullscreenWeb&&(n.fullscreenWeb=!1),et.exit().then(function(){s.classList.remove("artplayer-fullscreen"),n.aspectRatioReset=!0,e.emit("fullscreen:exit")}))}}),Object.defineProperty(n,"fullscreenToggle",{set:function(t){t&&(n.fullscreen=!n.fullscreen)}})}(t,this),function(e,n){var i=e.template.$player;Object.defineProperty(n,"fullscreenWeb",{get:function(){return i.classList.contains("artplayer-web-fullscreen")},set:function(t){t?(n.fullscreen&&(n.fullscreen=!1),i.classList.add("artplayer-web-fullscreen"),n.aspectRatioReset=!0,e.emit("fullscreenWeb:enabled")):(n.fullscreen&&(n.fullscreen=!1),i.classList.remove("artplayer-web-fullscreen"),n.aspectRatioReset=!0,e.emit("fullscreenWeb:exit"))}}),Object.defineProperty(n,"fullscreenWebToggle",{set:function(t){t&&(n.fullscreenWeb=!n.fullscreenWeb)}})}(t,this),function(t,e){var n=t.template.$video;document.pictureInPictureEnabled?function(t,e){var n=t.notice,i=t.template.$video,r=t.events.proxy;i.disablePictureInPicture=!1,Object.defineProperty(e,"pip",{get:function(){return document.pictureInPictureElement},set:function(t){t?i.requestPictureInPicture().catch(function(t){n.show(t,!0,3e3),console.warn(t)}):document.exitPictureInPicture().catch(function(t){n.show(t,!0,3e3),console.warn(t)})}}),r(i,"enterpictureinpicture",function(){t.emit("pipEnabled")}),r(i,"leavepictureinpicture",function(){t.emit("pipExit")}),t.on("destroy",function(){e.pip&&(e.pip=!1)})}(t,e):n.webkitSupportsPresentationMode&&"function"==typeof n.webkitSetPresentationMode?function(e,t){var n=e.template.$video;n.webkitSetPresentationMode("inline"),Object.defineProperty(t,"pip",{get:function(){return"picture-in-picture"===n.webkitPresentationMode},set:function(t){t?(n.webkitSetPresentationMode("picture-in-picture"),e.emit("pipEnabled")):(n.webkitSetPresentationMode("inline"),e.emit("pipExit"))}})}(t,e):function(n,i){var t=n.option,e=n.i18n,r=n.template,o=r.$player,a=r.$pipClose,s=r.$pipTitle,c=r.$pipHeader,l=n.events.proxy,u="",f=!1,d=0,p=0,h=0,y=0;l(c,"mousedown",function(t){f=!0,d=t.pageX,p=t.pageY,h=i.left,y=i.top}),l(c,"mousemove",function(t){f&&(o.classList.add("is-dragging"),g(o,"left","".concat(h+t.pageX-d,"px")),g(o,"top","".concat(y+t.pageY-p,"px")))}),l(document,"mouseup",function(){f=!1,o.classList.remove("is-dragging")}),l(a,"click",function(){i.pip=!1,f=!1,o.classList.remove("is-dragging")}),m(s,t.title||e.get("Mini player")),Object.defineProperty(i,"pip",{get:function(){return o.classList.contains("artplayer-pip")},set:function(t){if(t){i.autoSize=!1,u=o.style.cssText,o.classList.add("artplayer-pip");var e=document.body;g(o,"top","".concat(e.clientHeight-i.height-50,"px")),g(o,"left","".concat(e.clientWidth-i.width-50,"px")),i.fullscreen=!1,i.fullscreenWeb=!1,i.aspectRatio=!1,i.playbackRate=!1,n.emit("pipEnabled")}else i.pip&&(o.style.cssText=u,o.classList.remove("artplayer-pip"),g(o,"top",null),g(o,"left",null),i.fullscreen=!1,i.fullscreenWeb=!1,i.aspectRatio=!1,i.playbackRate=!1,i.autoSize=!0,n.emit("pipExit"))}})}(t,e),Object.defineProperty(e,"pipToggle",{set:function(t){t&&(e.pip=!e.pip)}})}(t,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"loaded",{get:function(){return n.buffered.length?n.buffered.end(n.buffered.length-1)/n.duration:0}})}(t,this),function(t,e){Object.defineProperty(e,"played",{get:function(){return t.template.$video.currentTime/t.template.$video.duration}})}(t,this),function(t,e){var n=t.template.$video;Object.defineProperty(e,"playing",{get:function(){return!!(0<n.currentTime&&!n.paused&&!n.ended&&2<n.readyState)}})}(t,this),function(l,t){var e=l.template,u=e.$container,f=e.$player,d=e.$video;Object.defineProperty(t,"autoSize",{get:function(){return u.classList.contains("artplayer-auto-size")},set:function(t){if(t){var e=d.videoWidth,n=d.videoHeight,i=u.getBoundingClientRect(),r=i.width,o=i.height,a=e/n,s=r/o;if(u.classList.add("artplayer-auto-size"),a<s)g(f,"width","".concat(o*a/r*100,"%")),g(f,"height","100%");else{var c=r/a/o*100;g(f,"width","100%"),g(f,"height","".concat(c,"%"))}l.emit("autoSizeChange")}else u.classList.remove("artplayer-auto-size"),g(f,"width",null),g(f,"height",null),l.emit("autoSizeRemove")}})}(t,this),function(t,e){Object.defineProperty(e,"rect",{get:function(){return t.template.$player.getBoundingClientRect()}}),["bottom","height","left","right","top","width"].forEach(function(t){Object.defineProperty(e,t,{get:function(){return e.rect[t]}})}),Object.defineProperty(e,"x",{get:function(){return e.left+window.pageXOffset}}),Object.defineProperty(e,"y",{get:function(){return e.top+window.pageYOffset}})}(t,this),function(n,t){Object.defineProperty(t,"flip",{get:function(){return n.template.$player.dataset.flip},set:function(t){if(t){var e=["normal","horizontal","vertical"];v(e.includes(t),"'flip' only accept ".concat(e.toString()," as parameters")),n.template.$player.dataset.flip=t,n.emit("flipChange",t)}else delete n.template.$player.dataset.flip,n.emit("flipRemove")}})}(t,this)}function R(e,n,t,i,r,o){var a="function"==typeof i?i(e):i;if(a.disable)return null;var s=a.name||"".concat(o).concat(n.id);v(!f(n,s),"Cannot create a component that already has the same name: ".concat(o," -> ").concat(s));var c=document.createElement("div");c.classList.value="art-".concat(o," art-").concat(o,"-").concat(s),a.html&&m(c,a.html),a.style&&y(c,a.style);var l=Array.from(t.children);c.dataset.index=a.index||n.id;var u=l.find(function(t){return Number(t.dataset.index)>=Number(c.dataset.index)});return u?u.insertAdjacentElement("beforebegin",c):m(t,c),a.click&&e.events.proxy(c,"click",function(t){t.preventDefault(),a.click.call(n,t,e),e.emit("".concat(o,":click"),c)}),a.mounted&&a.mounted(c,n,e),r&&r(c,n,e),Object.defineProperty(n,s,{value:{get id(){return n.id},get $ref(){return c},set show(t){t?(g(c,"display","block"),e.emit("".concat(o,":show"),c)):(g(c,"display","none"),e.emit("".concat(o,":hide"),c))},set remove(t){t&&(h(c),e.emit("".concat(o,":remove"),c))}}}),e.emit("".concat(o,":add"),a),n[s]}function T(t,e){var n=t.template.$progress,i=t.player,r=n.getBoundingClientRect().left,o=p(e.pageX-r,0,n.clientWidth),a=o/n.clientWidth*i.duration;return{second:a,time:c(a),width:o,percentage:p(o/n.clientWidth,0,1)}}function E(t){var n=this;q(this,E);var i=Object.assign({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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" fill="#ffffff" 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" height="60" width="60" style="filter: drop-shadow(0px 1px 1px black);" viewBox="0 0 24 24">\n    <path d="M20,2H4C1.8,2,0,3.8,0,6v12c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V6C24,3.8,22.2,2,20,2z M15.6,12.8L10.5,16 C9.9,16.5,9,16,9,15.2V8.8C9,8,9.9,7.5,10.5,8l5.1,3.2C16.3,11.5,16.3,12.5,15.6,12.8z"/>\n</svg>',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>',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>',subtitle:'<svg xmlns="http://www.w3.org/2000/svg" height="22" width="22" viewBox="0 0 48 48">\n    <path d="M0 0h48v48H0z" fill="none"/>\n    <path d="M40 8H8c-2.21 0-4 1.79-4 4v24c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V12c0-2.21-1.79-4-4-4zM8 24h8v4H8v-4zm20 12H8v-4h20v4zm12 0h-8v-4h8v4zm0-8H20v-4h20v4z"/>\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>',fullscreen:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n\t<path d="m 10,16 2,0 0,-4 4,0 0,-2 L 10,10 l 0,6 0,0 z"></path>\n\t<path d="m 20,10 0,2 4,0 0,4 2,0 L 26,10 l -6,0 0,0 z"></path>\n\t<path d="m 24,24 -4,0 0,2 L 26,26 l 0,-6 -2,0 0,4 0,0 z"></path>\n\t<path d="M 12,20 10,20 10,26 l 6,0 0,-2 -4,0 0,-4 0,0 z"></path>\n</svg>',fullscreenWeb:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="36" width="36">\n\t<path d="m 28,11 0,14 -20,0 0,-14 z m -18,2 16,0 0,10 -16,0 0,-10 z" fill-rule="evenodd"></path>\n</svg>',pip:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" height="32" width="32">\n    <path d="M25,17 L17,17 L17,23 L25,23 L25,17 L25,17 Z M29,25 L29,10.98 C29,9.88 28.1,9 27,9 L9,9 C7.9,9 7,9.88 7,10.98 L7,25 C7,26.1 7.9,27 9,27 L27,27 C28.1,27 29,26.1 29,25 L29,25 Z M27,25.02 L9,25.02 L9,10.97 L27,10.97 L27,25.02 L27,25.02 Z"></path>\n</svg>',prev:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="m 12,12 h 2 v 12 h -2 z m 3.5,6 8.5,6 V 12 z"></path>\n</svg>',next:'<svg xmlns="http://www.w3.org/2000/svg" height="36" width="36" viewBox="0 0 36 36">\n    <path d="M 12,24 20.5,18 12,12 V 24 z M 22,12 v 12 h 2 V 12 h -2 z"></path>\n</svg>'},t.option.icons);Object.keys(i).forEach(function(t){var e=document.createElement("i");e.classList.add("art-icon"),e.classList.add("art-icon-".concat(t)),m(e,i[t]),n[t]=e})}function O(i){var t=i.i18n,r=i.events.proxy;return{title:"Subtitle",name:"subtitle",index:20,html:'\n            <div class="art-setting-header">\n                '.concat(t.get("Subtitle offset time"),': <span class="art-subtitle-value">0</span>s\n            </div>\n            <div class="art-setting-range">\n                <input class="art-subtitle-range" value="0" type="range" min="-5" max="5" step="0.5">\n            </div>\n        '),mounted:function(t){var e=t.querySelector(".art-setting-range input"),n=t.querySelector(".art-subtitle-value");r(e,"change",function(){var t=e.value;n.innerText=t,i.plugins.subtitle.offset(Number(t))}),i.on("subtitle:switch",function(){e.value=0,n.innerText=0}),i.on("artplayerPluginSubtitle:set",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}}}function j(i){var r=i.constructor.utils.clamp,t=i.setting,o=i.notice,a=i.template,s=i.i18n,c=i.player;s.update({"zh-cn":{"Subtitle offset time":"字幕偏移时间","No subtitles found":"未发现字幕"},"zh-tw":{"Subtitle offset time":"字幕偏移時間","No subtitles found":"未發現字幕"}}),t.add(O);var l=[];return i.on("subtitle:switch",function(){l=[]}),{name:"subtitle",offset:function(t){if(a.$track&&a.$track.track){var e=Array.from(a.$track.track.cues),n=r(t,-5,5);e.forEach(function(t,e){l[e]||(l[e]={startTime:t.startTime,endTime:t.endTime}),t.startTime=r(l[e].startTime+n,0,c.duration),t.endTime=r(l[e].endTime+n,0,c.duration)}),o.show("".concat(s.get("Subtitle offset time"),": ").concat(t,"s")),i.emit("artplayerPluginSubtitle:set",t)}else o.show("".concat(s.get("No subtitles found"))),i.emit("artplayerPluginSubtitle:set",0)}}}function A(r){var t=r.constructor.utils,n=t.append,i=t.setStyle,o=t.setStyles,a=t.sleep,s=r.events.proxy,c=r.option,l=r.notice,u=r.i18n,f=r.template,d=r.player;function p(t){if(t){var e=f.$video.canPlayType(t.type);if("maybe"===e||"probably"===e){var n=URL.createObjectURL(t);d.playbackRate=!1,d.aspectRatio=!1,f.$video.src=n,a(1e3).then(function(){d.currentTime=0}),c.url=n,r.emit("switch",n),l.show(u.get("Load local video successfully"))}else{var i="".concat(u.get("Playback of this file format is not supported"),": ").concat(t.type);l.show(i,!0,3e3),console.warn(i)}}}return u.update({"zh-cn":{"Playback of this file format is not supported":"不支持播放该文件格式","Load local video successfully":"加载本地视频成功"},"zh-tw":{"Playback of this file format is not supported":"不支持播放該文件格式","Load local video successfully":"加載本地視頻成功"}}),s(f.$player,"dragover",function(t){t.preventDefault(),l.show(u.get("Load local video successfully"))}),s(f.$player,"drop",function(t){t.preventDefault(),p(t.dataTransfer.files[0])}),{name:"localPreview",attach:function(t){var e=n(t,'<input type="file">');i(t,"position","relative"),o(e,{position:"absolute",width:"100%",height:"100%",left:"0",top:"0",opacity:"0"}),s(e,"change",function(){p(e.files[0])})}}}function C(e){var t=e.layers,n=e.player,i=e.option.theme;return t.add({name:"miniProgressBar",style:{display:"none",position:"absolute",left:0,right:0,bottom:0,height:"3px",background:i},mounted:function(t){e.on("controls:show",function(){t.style.display="none"}),e.on("controls:hide",function(){t.style.display="block"}),e.on("video:timeupdate",function(){t.style.width="".concat(100*n.played,"%")})}}),{name:"miniProgressBar"}}function M(e){q(this,M);var n=e.option,i=e.events.proxy,r=e.template.$video;J.video.events.forEach(function(t){i(r,t,function(t){e.emit("video:".concat(t.type),t)})}),Object.keys(n.moreVideoAttr).forEach(function(t){r[t]=n.moreVideoAttr[t]}),n.muted&&(r.muted=n.muted),n.volume&&(r.volume=p(n.volume,0,1)),n.poster&&(r.poster=n.poster),n.autoplay&&(r.autoplay=n.autoplay),r.controls=!0;var t=n.type||s(n.url),o=n.customType[t];t&&o?(e.emit("beforeCustomType",t),o(r,n.url,e),e.emit("afterCustomType",t)):(e.emit("beforeAttachUrl",n.url),r.src=n.url,e.emit("afterAttachUrl",r.src))}var q,z,W,_,F,H,B,I,V,N,D,U,X,Y,Z,J,G,K,Q,tt,et,nt,it,rt,ot,at,st,ct,lt,ut,ft,dt,pt,ht,yt,mt,vt,gt,bt;t.exports=(q=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},z=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t},W=n(function(e){function n(t){return(n="function"==typeof Symbol&&"symbol"==wt(Symbol.iterator)?function(t){return wt(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":wt(t)})(t)}function i(t){return"function"==typeof Symbol&&"symbol"===n(Symbol.iterator)?e.exports=i=function(t){return n(t)}:e.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":n(t)},i(t)}e.exports=i}),_=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t},F=function(t,e){return!e||"object"!==W(e)&&"function"!=typeof e?_(t):e},H=n(function(e){function n(t){return e.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(t)}e.exports=n}),B=n(function(n){function i(t,e){return n.exports=i=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},i(t,e)}n.exports=i}),I=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&B(t,e)},V=n(function(t,e){function s(t){return(s="function"==typeof Symbol&&"symbol"==wt(Symbol.iterator)?function(t){return wt(t)}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":wt(t)})(t)}function c(t){return t.constructor?t.constructor.name:null}function o(t,e){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:["option"];for(var i in u(t,e,n),f(t,e,n),d(t,e,n),e)if(e.hasOwnProperty(i)){var r=t[i],o=e[i],a=n.concat(i);if(l(t,i,o,a))continue;u(r,o,a),f(r,o,a),d(r,o,a)}}function l(t,e,n,i){if(!Object.prototype.hasOwnProperty.call(t,e)){if(!0===n.__required__||!0===n.required)throw new TypeError("'".concat(i.join("."),"' is required"));return!0}}function u(t,e,n){var i;if("string"===a(e)?i=e:"function"===a(e)?e.___validator__=e:e.__type__?i=e.__type__:e.type&&(i=e.type),i&&"string"===a(i)){i=i.trim().toLowerCase();var r=a(t),o=r===i;if(-1<i.indexOf("|")&&(o=i.split("|").filter(Boolean).some(function(t){return r===t.trim()})),!o)throw new TypeError("'".concat(n.join("."),"' require '").concat(i,"' type, but got '").concat(r,"'"))}}function f(t,e,n){var i;if(e.___validator__?i=e.___validator__:e.validator&&(i=e.validator),"function"===a(i)){var r=i(n,t,a(t));if(!0!==r)throw new TypeError("The scheme for '".concat(n.join("."),"' validator function require return true, but got '").concat(r,"'"))}}function d(t,e,n){var i;if(e.___child__?i=e.___child__:e.child&&(i=e.child),"object"===a(i)){var r=a(t);"object"===r?o(t,i,n):"array"===r&&t.forEach(function(t,e){o(t,i,n.concat(e))})}}var p,a;t.exports=(p=Object.prototype.toString,o.kindOf=a=function(t){if(void 0===t)return"undefined";if(null===t)return"null";var e,n,i,r,o,a=s(t);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"===c(t)?"generatorfunction":"function";if(e=t,Array.isArray?Array.isArray(e):e instanceof Array)return"array";if(function(t){return!(!t.constructor||"function"!=typeof t.constructor.isBuffer)&&t.constructor.isBuffer(t)}(t))return"buffer";if(function(t){try{if("number"==typeof t.length&&"function"==typeof t.callee)return!0}catch(t){if(-1!==t.message.indexOf("callee"))return!0}return!1}(t))return"arguments";if((n=t)instanceof Date||"function"==typeof n.toDateString&&"function"==typeof n.getDate&&"function"==typeof n.setDate)return"date";if((i=t)instanceof Error||"string"==typeof i.message&&i.constructor&&"number"==typeof i.constructor.stackTraceLimit)return"error";if((r=t)instanceof RegExp||"string"==typeof r.flags&&"boolean"==typeof r.ignoreCase&&"boolean"==typeof r.multiline&&"boolean"==typeof r.global)return"regexp";switch(c(t)){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"==typeof(o=t).throw&&"function"==typeof o.return&&"function"==typeof o.next)return"generator";switch(a=p.call(t)){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,"")},window.optionValidator=o)}),N=function(){function t(){q(this,t)}return z(t,[{key:"on",value:function(t,e,n){var i=this.e||(this.e={});return(i[t]||(i[t]=[])).push({fn:e,ctx:n}),this}},{key:"once",value:function(i,r,o){var a=this;function s(){a.off(i,s);for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];r.apply(o,e)}return s._=r,this.on(i,s,o)}},{key:"emit",value:function(t){for(var e=((this.e||(this.e={}))[t]||[]).slice(),n=arguments.length,i=new Array(1<n?n-1:0),r=1;r<n;r++)i[r-1]=arguments[r];for(var o=0;o<e.length;o+=1)e[o].fn.apply(e[o].ctx,i);return this}},{key:"off",value:function(t,e){var n=this.e||(this.e={}),i=n[t],r=[];if(i&&e)for(var o=0,a=i.length;o<a;o+=1)i[o].fn!==e&&i[o].fn._!==e&&r.push(i[o]);return r.length?n[t]=r:delete n[t],this}}]),t}(),D=function(t){return function(t){if(Array.isArray(t)){for(var e=0,n=new Array(t.length);e<t.length;e++)n[e]=t[e];return n}}(t)||function(t){if(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t))return Array.from(t)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()},U=n(function(i){function r(t,e,n){return function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],function(){})),!0}catch(t){return!1}}()?i.exports=r=Reflect.construct:i.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&B(r,n.prototype),r},r.apply(null,arguments)}i.exports=r}),X=function(t){function i(t,e){var n;return q(this,i),n=F(this,H(i).call(this,t)),"function"==typeof Error.captureStackTrace&&Error.captureStackTrace(_(n),e||n.constructor),n.name="ArtPlayerError",n}return I(i,t),i}(n(function(e){function i(t){var n="function"==typeof Map?new Map:void 0;return e.exports=i=function(t){if(null===t||!function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return U(t,arguments,H(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),B(e,t)},i(t)}e.exports=i})(Error)),Y=Object.freeze({errorHandle:v,hasOwnProperty:f,clamp:p,getExt:s,secondToTime:c,sleep:u,debounce:l,throttle:d,mergeDeep:a,append:m,remove:h,setStyle:g,setStyles:y,getStyle:b,sublings:r,inverseClass:w,tooltip:x,srtToVtt:o,vttToBlob:k,downloadFile:S}),Z={container:{validator:$,required:!0},url:{type:"string|function",required:!0},poster:"string",title:"string",theme:"string",lang:"string",volume:"number",isLive:"boolean",muted:"boolean",autoplay:"boolean",autoSize:"boolean",loop:"boolean",flip:"boolean",playbackRate:"boolean",aspectRatio:"boolean",screenshot:"boolean",setting:"boolean",hotkey:"boolean",pip:"boolean",mutex:"boolean",fullscreen:"boolean",fullscreenWeb:"boolean",plugins:{type:"array",child:{type:"function"}},whitelist:{type:"array",child:{type:"string|function|regexp"}},layers:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:$,style:"object",click:"function",mounted:"function"}},contextmenu:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:$,style:"object",click:"function",mounted:"function"}},quality:{type:"array",child:{default:"boolean",name:"string",url:"string"}},controls:{type:"array",child:{type:"object|function",disable:"boolean",name:"string",index:"number",html:$,style:"object",click:"function",mounted:"function",position:function(t,e){var n=["top","left","right"];return v(n.includes(e),"".concat(t.join(".")," only accept ").concat(n.toString()," as parameters"))}}},highlight:{type:"array",child:{type:"object",time:"number",text:"string"}},thumbnails:{type:"object",child:{url:"string",number:"number",width:"number",height:"number",column:"number"}},subtitle:{type:"object",child:{url:"string",style:"object"}},moreVideoAttr:"object",icons:"object",customType:"object"},J={mimeCodec:{mp4:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',webm:'video/webm; codecs="vorbis, vp8"',ts:'video/mp2t; codecs="avc1.42E01E, mp4a.40.2"'},mse:{mediaSource:{propertys:["activeSourceBuffers","duration","readyState","sourceBuffers"],methods:["addSourceBuffer","endOfStream","removeSourceBuffer","clearLiveSeekableRange","setLiveSeekableRange"],events:["sourceclose","sourceended","sourceopen"]},sourceBuffer:{propertys:["mode","updating","buffered","timestampOffset","audioTracks","videoTracks","textTracks","appendWindowStart","appendWindowEnd","trackDefaults"],methods:["appendBuffer","appendStream","abort","remove"],events:["abort","error","update","updateend","updatestart"]},sourceBufferList:{propertys:["length"],events:["addsourcebuffer","removesourcebuffer"]}},video:{propertys:["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"]}},G=function(){function n(t){var e=this;q(this,n),(this.art=t).option.container instanceof Element?this.$container=t.option.container:(this.$container=document.querySelector(t.option.container),v(this.$container,"No container element found by ".concat(t.option.container))),t.constructor.instances.some(function(t){return t.template.$container===e.$container})&&v(!1,"Cannot mount multiple instances on the same dom element"),t.whitelist.state?this.initDesktop():this.initMobile()}return z(n,[{key:"initDesktop",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player" style="--theme: '.concat(this.art.option.theme,'">\n            <video class="artplayer-video"></video>\n            <div class="artplayer-subtitle"></div>\n            <div class="artplayer-danmuku"></div>\n            <div class="artplayer-layers"></div>\n            <div class="artplayer-mask"></div>\n            <div class="artplayer-bottom">\n              <div class="artplayer-progress"></div>\n              <div class="artplayer-controls">\n                <div class="artplayer-controls-left"></div>\n                <div class="artplayer-controls-right"></div>\n              </div>\n            </div>\n            <div class="artplayer-loading"></div>\n            <div class="artplayer-notice">\n              <div class="artplayer-notice-inner"></div>\n            </div>\n            <div class="artplayer-setting">\n              <div class="artplayer-setting-inner">\n                <div class="artplayer-setting-body"></div>\n              </div>\n            </div>\n            <div class="artplayer-info">\n              <div class="artplayer-info-panel"></div>\n              <div class="artplayer-info-close">[x]</div>\n            </div>\n            <div class="artplayer-pip-header">\n              <div class="artplayer-pip-title"></div>\n              <div class="artplayer-pip-close">×</div>\n            </div>\n            <div class="artplayer-contextmenu"></div>\n          </div>\n        '),this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video"),this.$subtitle=this.$container.querySelector(".artplayer-subtitle"),this.$danmuku=this.$container.querySelector(".artplayer-danmuku"),this.$bottom=this.$container.querySelector(".artplayer-bottom"),this.$progress=this.$container.querySelector(".artplayer-progress"),this.$controls=this.$container.querySelector(".artplayer-controls"),this.$controlsLeft=this.$container.querySelector(".artplayer-controls-left"),this.$controlsRight=this.$container.querySelector(".artplayer-controls-right"),this.$layers=this.$container.querySelector(".artplayer-layers"),this.$loading=this.$container.querySelector(".artplayer-loading"),this.$notice=this.$container.querySelector(".artplayer-notice"),this.$noticeInner=this.$container.querySelector(".artplayer-notice-inner"),this.$mask=this.$container.querySelector(".artplayer-mask"),this.$setting=this.$container.querySelector(".artplayer-setting"),this.$settingInner=this.$container.querySelector(".artplayer-setting-inner"),this.$settingBody=this.$container.querySelector(".artplayer-setting-body"),this.$info=this.$container.querySelector(".artplayer-info"),this.$infoPanel=this.$container.querySelector(".artplayer-info-panel"),this.$infoClose=this.$container.querySelector(".artplayer-info-close"),this.$pipHeader=this.$container.querySelector(".artplayer-pip-header"),this.$pipTitle=this.$container.querySelector(".artplayer-pip-title"),this.$pipClose=this.$container.querySelector(".artplayer-pip-close"),this.$contextmenu=this.$container.querySelector(".artplayer-contextmenu")}},{key:"initMobile",value:function(){this.$container.innerHTML='\n          <div class="artplayer-video-player">\n            <video class="artplayer-video"></video>\n          </div>\n        ',this.$player=this.$container.querySelector(".artplayer-video-player"),this.$video=this.$container.querySelector(".artplayer-video")}},{key:"destroy",value:function(t){t?this.$container.innerHTML="":this.$player.classList.add("artplayer-destroy")}}]),n}(),K={"About author":"关于作者","Video info":"视频统计信息",Close:"关闭","Video load failed":"视频加载失败",Volume:"音量",Play:"播放",Pause:"暂停",Rate:"速度",Mute:"静音",Flip:"视频翻转",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新连接","Hide subtitle":"隐藏字幕","Show subtitle":"显示字幕","Hide danmu":"隐藏弹幕","Show danmu":"显示弹幕","Show setting":"显示设置","Hide setting":"隐藏设置",Screenshot:"截图","Play speed":"播放速度","Aspect ratio":"画面比例",Default:"默认",Normal:"正常","Switch video":"切换","Switch subtitle":"切换字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"网页全屏","Exit web fullscreen":"退出网页全屏","Mini player":"迷你播放器","This does not seem to support full screen functionality":"似乎不支持全屏功能"},Q={"About author":"關於作者","Video info":"影片統計訊息",Close:"關閉","Video load failed":"影片載入失敗",Volume:"音量",Play:"播放",Pause:"暫停",Rate:"速度",Mute:"靜音",Flip:"影片翻轉",Horizontal:"水平",Vertical:"垂直",Reconnect:"重新連接","Hide subtitle":"隱藏字幕","Show subtitle":"顯示字幕","Show setting":"顯示设置","Hide setting":"隱藏设置","Hide danmu":"隱藏彈幕","Show danmu":"顯示彈幕",Screenshot:"截圖","Play speed":"播放速度","Aspect ratio":"畫面比例",Default:"默認",Normal:"正常","Switch video":"切換","Switch subtitle":"切換字幕",Fullscreen:"全屏","Exit fullscreen":"退出全屏","Web fullscreen":"網頁全屏","Exit web fullscreen":"退出網頁全屏","Mini player":"迷你播放器","This does not seem to support full screen functionality":"似乎不支持全屏功能"},tt=function(){function e(t){q(this,e),this.art=t,this.languages={"zh-cn":K,"zh-tw":Q},this.init()}return z(e,[{key:"init",value:function(){var t=this.art.option.lang.toLowerCase();this.language=this.languages[t]||{}}},{key:"get",value:function(t){return this.language[t]||t}},{key:"update",value:function(t){this.languages=a(this.languages,t),this.init()}}]),e}(),et=n(function(t){var o,e,r,a,i,n;o="undefined"!=typeof window&&void 0!==window.document?window.document:{},e=t.exports,r="undefined"!=typeof Element&&"ALLOW_KEYBOARD_INPUT"in Element,a=function(){for(var t,e=[["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"]],n=0,i=e.length,r={};n<i;n++)if((t=e[n])&&t[1]in o){for(n=0;n<t.length;n++)r[e[0][n]]=t[n];return r}return!1}(),i={change:a.fullscreenchange,error:a.fullscreenerror},n={request:function(i){return new Promise(function(t){var e=a.requestFullscreen,n=function(){this.off("change",n),t()}.bind(this);i=i||o.documentElement,/ Version\/5\.1(?:\.\d+)? Safari\//.test(navigator.userAgent)?i[e]():i[e](r?Element.ALLOW_KEYBOARD_INPUT:{}),this.on("change",n)}.bind(this))},exit:function(){return new Promise(function(t){if(this.isFullscreen){var e=function(){this.off("change",e),t()}.bind(this);o[a.exitFullscreen](),this.on("change",e)}else t()}.bind(this))},toggle:function(t){return this.isFullscreen?this.exit():this.request(t)},onchange:function(t){this.on("change",t)},onerror:function(t){this.on("error",t)},on:function(t,e){var n=i[t];n&&o.addEventListener(n,e,!1)},off:function(t,e){var n=i[t];n&&o.removeEventListener(n,e,!1)},raw:a},a?(Object.defineProperties(n,{isFullscreen:{get:function(){return Boolean(o[a.fullscreenElement])}},element:{enumerable:!0,get:function(){return o[a.fullscreenElement]}},enabled:{enumerable:!0,get:function(){return Boolean(o[a.fullscreenEnabled])}}}),e?(t.exports=n,t.exports.default=n):window.screenfull=n):e?t.exports=!1:window.screenfull=!1}),nt=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t},it=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),i.forEach(function(t){nt(e,t,n[t])})}return e},rt=function(){function n(t){var e=this;q(this,n),this.id=0,this.art=t,this.art.once("video:canplay",function(){e.init()})}return z(n,[{key:"init",value:function(){var e=this,t=this.art.option;this.add(function(i){return function(u){var t=u.option,e=t.highlight,n=t.theme,f=u.events.proxy,d=u.player;return it({},i,{html:'\n                <div class="art-control-progress-inner">\n                    <div class="art-progress-loaded"></div>\n                    <div class="art-progress-played" style="background: '.concat(n,'"></div>\n                    <div class="art-progress-highlight"></div>\n                    <div class="art-progress-indicator" style="background: ').concat(n,'"></div>\n                    <div class="art-progress-tip art-tip"></div>\n                </div>\n            '),mounted:function(o){var r=!1,n=o.querySelector(".art-progress-loaded"),i=o.querySelector(".art-progress-played"),a=o.querySelector(".art-progress-highlight"),s=o.querySelector(".art-progress-indicator"),c=o.querySelector(".art-progress-tip");function l(t,e){"loaded"===t&&g(n,"width","".concat(100*e,"%")),"played"===t&&(g(i,"width","".concat(100*e,"%")),g(s,"left","calc(".concat(100*e,"% - ").concat(b(s,"width")/2,"px)")))}e.forEach(function(t){var e=p(t.time,0,d.duration)/d.duration*100;m(a,'<span data-text="'.concat(t.text,'" data-time="').concat(t.time,'" style="left: ').concat(e,'%"></span>'))}),l("loaded",d.loaded),u.on("video:progress",function(){l("loaded",d.loaded)}),u.on("video:timeupdate",function(){l("played",d.played)}),u.on("video:ended",function(){l("played",1)}),f(o,"mousemove",function(t){g(c,"display","block"),-1<t.composedPath().indexOf(a)?function(t){var e=T(u,t).width,n=t.target.dataset.text;c.innerHTML=n;var i=c.clientWidth;e<=i/2?g(c,"left",0):e>o.clientWidth-i/2?g(c,"left","".concat(o.clientWidth-i,"px")):g(c,"left","".concat(e-i/2,"px"))}(t):function(t){var e=T(u,t),n=e.width,i=e.time;c.innerHTML=i;var r=c.clientWidth;n<=r/2?g(c,"left",0):n>o.clientWidth-r/2?g(c,"left","".concat(o.clientWidth-r,"px")):g(c,"left","".concat(n-r/2,"px"))}(t)}),f(o,"mouseout",function(){g(c,"display","none")}),f(o,"click",function(t){if(t.target!==s){var e=T(u,t),n=e.second;l("played",e.percentage),d.seek=n}}),f(s,"mousedown",function(){r=!0}),f(document,"mousemove",function(t){if(r){var e=T(u,t),n=e.second,i=e.percentage;s.classList.add("art-show-indicator"),l("played",i),d.seek=n}}),f(document,"mouseup",function(){r&&(r=!1,s.classList.remove("art-show-indicator"))})}})}}({name:"progress",disable:t.isLive,position:"top",index:10})),this.add(function(t){return function(h){return it({},t,{mounted:function(d){var p=h.template.$progress,t=h.events,e=t.proxy,n=t.loadImg,i=!1,r=!1;e(p,"mousemove",function(t){i||(i=!0,n(h.option.thumbnails.url).then(function(){r=!0})),r&&(g(d,"display","block"),function(t){var e=T(h,t).width,n=h.option.thumbnails,i=n.url,r=n.height,o=n.width,a=n.number,s=n.column,c=p.clientWidth/a,l=Math.floor(e/c),u=Math.ceil(l/s)-1,f=l%s||s-1;g(d,"backgroundImage","url(".concat(i,")")),g(d,"height","".concat(r,"px")),g(d,"width","".concat(o,"px")),g(d,"backgroundPosition","-".concat(f*o,"px -").concat(u*r,"px")),e<=o/2?g(d,"left",0):e>p.clientWidth-o/2?g(d,"left","".concat(p.clientWidth-o,"px")):g(d,"left","".concat(e-o/2,"px"))}(t))}),e(p,"mouseout",function(){g(d,"display","none")})}})}}({name:"thumbnails",disable:!t.thumbnails.url||t.isLive,position:"top",index:20})),this.add(function(t){return function(l){return it({},t,{mounted:function(t){var e=l.events.proxy,n=l.icons,i=l.i18n,r=l.player,o=m(t,n.play),a=m(t,n.pause);function s(){g(o,"display","flex"),g(a,"display","none")}function c(){g(o,"display","none"),g(a,"display","flex")}x(o,i.get("Play")),x(a,i.get("Pause")),e(o,"click",function(){r.play=!0}),e(a,"click",function(){r.pause=!0}),r.playing?c():s(),l.on("video:playing",function(){c()}),l.on("video:pause",function(){s()})}})}}({name:"playAndPause",disable:!1,position:"left",index:10})),this.add(function(t){return function(d){return it({},t,{mounted:function(t){var e=d.events.proxy,n=d.icons,i=d.player,r=d.i18n,o=!1,a=m(t,n.volume),s=m(t,n.volumeClose),c=m(t,'<div class="art-volume-panel"></div>'),l=m(c,'<div class="art-volume-slider-handle"></div>');function u(t){var e=c.getBoundingClientRect(),n=e.left,i=e.width,r=l.getBoundingClientRect().width;return p(t.pageX-n-r/2,0,i-r/2)/(i-r)}function f(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.7;if(i.muted||0===t)g(a,"display","none"),g(s,"display","flex"),g(l,"left","0");else{var e=((b(c,"width")||60)-b(l,"width"))*t;g(a,"display","flex"),g(s,"display","none"),g(l,"left","".concat(e,"px"))}}x(a,r.get("Mute")),g(s,"display","none"),f(i.volume),d.on("video:volumechange",function(){f(i.volume)}),e(a,"click",function(){i.muted=!0}),e(s,"click",function(){i.muted=!1}),e(c,"click",function(t){i.muted=!1,i.volume=u(t)}),e(l,"mousedown",function(){o=!0}),e(l,"mousemove",function(t){o&&(i.muted=!1,i.volume=u(t))}),e(document,"mouseup",function(){o&&(o=!1)})}})}}({name:"volume",disable:!1,position:"left",index:20})),this.add(function(t){return function(i){return it({},t,{mounted:function(e){function n(){var t="".concat(c(i.player.currentTime)," / ").concat(c(i.player.duration));t!==e.innerHTML&&(e.innerHTML=t)}n(),["video:loadedmetadata","video:timeupdate","video:progress"].forEach(function(t){i.on(t,n)})}})}}({name:"time",disable:t.isLive,position:"left",index:30})),this.add(function(t){return function(r){return it({},t,{mounted:function(t){var o=r.option,e=r.events.proxy,a=r.player,s=-1,n=o.quality.find(function(t){return t.default})||o.quality[0];s=o.quality.indexOf(n);var c=m(t,'<div class="art-quality-name">'.concat(n.name,"</div>")),i=o.quality.map(function(t,e){return'<div class="art-quality-item" data-index="'.concat(e,'">').concat(t.name,"</div>")}).join("");e(m(t,'<div class="art-qualitys">'.concat(i,"</div>")),"click",function(t){var e=Number(t.target.dataset.index),n=o.quality[e],i=n.url,r=n.name;i&&r&&s!==e&&(a.switchQuality(i,r),c.innerHTML=r,s=e)})}})}}({name:"quality",disable:0===t.quality.length,position:"right",index:10})),this.add(function(t){return function(a){return it({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,i=a.i18n,r=a.player,o=m(t,n.screenshot);x(o,i.get("Screenshot")),e(o,"click",function(){r.screenshot()})}})}}({name:"screenshot",disable:!t.screenshot,position:"right",index:20})),this.add(function(t){return function(a){return it({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,i=a.i18n,r=a.subtitle,o=m(t,n.subtitle);x(o,i.get("Hide subtitle")),e(t,"click",function(){r.toggle()}),a.on("subtitle:show",function(){g(o,"opacity","1"),x(o,i.get("Hide subtitle"))}),a.on("subtitle:hide",function(){g(o,"opacity","0.8"),x(o,i.get("Show subtitle"))})}})}}({name:"subtitle",disable:!t.subtitle.url,position:"right",index:30})),this.add(function(t){return function(a){return it({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,i=a.i18n,r=a.setting,o=m(t,n.setting);x(o,i.get("Show setting")),e(t,"click",function(){r.toggle()}),a.on("setting:show",function(){g(o,"opacity","0.8"),x(o,i.get("Hide setting"))}),a.on("setting:hide",function(){g(o,"opacity","1"),x(o,i.get("Show setting"))})}})}}({name:"setting",disable:!t.setting,position:"right",index:40})),this.add(function(t){return function(o){return it({},t,{mounted:function(t){var e=o.events.proxy,n=o.icons,i=o.i18n,r=o.player;x(m(t,n.pip),i.get("Mini player")),e(t,"click",function(){r.pip=!0})}})}}({name:"pip",disable:!t.pip,position:"right",index:50})),this.add(function(t){return function(a){return it({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,i=a.i18n,r=a.player,o=m(t,n.fullscreenWeb);x(o,i.get("Web fullscreen")),e(t,"click",function(){r.fullscreenWebToggle=!0}),a.on("fullscreenWeb:enabled",function(){g(o,"opacity","0.8"),x(o,i.get("Exit web fullscreen"))}),a.on("fullscreenWeb:exit",function(){g(o,"opacity","1"),x(o,i.get("Web fullscreen"))})}})}}({name:"fullscreenWeb",disable:!t.fullscreenWeb,position:"right",index:60})),this.add(function(t){return function(a){return it({},t,{mounted:function(t){var e=a.events.proxy,n=a.icons,i=a.i18n,r=a.player,o=m(t,n.fullscreen);x(o,i.get("Fullscreen")),e(t,"click",function(){r.fullscreenToggle=!0}),a.on("fullscreen:enabled",function(){g(o,"opacity","0.8"),x(o,i.get("Exit fullscreen"))}),a.on("fullscreen:exit",function(){g(o,"opacity","1"),x(o,i.get("Fullscreen"))})}})}}({name:"fullscreen",disable:!t.fullscreen,position:"right",index:70})),t.controls.forEach(function(t){e.add(t)})}},{key:"add",value:function(t,e){var n,i="function"==typeof t?t(this.art):t,r=this.art.template,o=r.$progress,a=r.$controlsLeft,s=r.$controlsRight;switch(i.position){case"top":n=o;break;case"left":n=a;break;case"right":n=s}return v(n,"Controls option.position can not be empty"),this.id+=1,R(this.art,this,n,i,e,"control")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-controls-show"),this.art.emit("controls:show")):(this.state=!1,e.classList.remove("artplayer-controls-show"),this.art.emit("controls:hide"))}}]),n}(),ot=function(){function n(t){var e=this;q(this,n),this.id=0,this.art=t,this.art.once("video:canplay",function(){e.init()}),this.art.on("blur",function(){e.show=!1})}return z(n,[{key:"init",value:function(){var e=this,t=this.art,n=t.option,i=t.template,r=i.$player,o=i.$contextmenu,a=t.events.proxy;this.add(function(e){return function(i){var t=i.i18n,n=i.player;return it({},e,{html:"\n                ".concat(t.get("Play speed"),':\n                <span data-rate="0.5">0.5</span>\n                <span data-rate="0.75">0.75</span>\n                <span data-rate="1.0" class="normal current">').concat(t.get("Normal"),'</span>\n                <span data-rate="1.25">1.25</span>\n                <span data-rate="1.5">1.5</span>\n                <span data-rate="2.0">2.0</span>\n            '),click:function(t){var e=t.target.dataset.rate;e&&(n.playbackRate=Number(e),i.contextmenu.show=!1)},mounted:function(n){i.on("playbackRateChange",function(e){var t=Array.from(n.querySelectorAll("span")).find(function(t){return Number(t.dataset.rate)===e});t&&w(t,"current")})}})}}({disable:!n.playbackRate,name:"playbackRate",index:10})),this.add(function(e){return function(n){var t=n.i18n,i=n.player;return it({},e,{html:"\n                ".concat(t.get("Aspect ratio"),':\n                <span data-ratio="default" class="default current">').concat(t.get("Default"),'</span>\n                <span data-ratio="4:3">4:3</span>\n                <span data-ratio="16:9">16:9</span>\n            '),click:function(t){var e=t.target.dataset.ratio;e&&(i.aspectRatio=e,n.contextmenu.show=!1)},mounted:function(t){n.on("aspectRatioChange",function(e){w(Array.from(t.querySelectorAll("span")).find(function(t){return t.dataset.ratio===e}),"current")})}})}}({disable:!n.aspectRatio,name:"aspectRatio",index:20})),this.add(function(e){return function(t){return it({},e,{html:t.i18n.get("Video info"),click:function(){t.info.show=!0,t.contextmenu.show=!1}})}}({disable:!1,name:"info",index:30})),this.add(it({},{disable:!1,name:"version",index:40},{html:'<a href="https://github.com/zhw2590582/artplayer" target="_blank">ArtPlayer 3.1.9</a>'})),this.add(function(e){return function(t){return it({},e,{html:t.i18n.get("Close"),click:function(){t.contextmenu.show=!1}})}}({disable:!1,name:"close",index:50})),n.contextmenu.forEach(function(t){e.add(t)}),a(r,"contextmenu",function(t){t.preventDefault(),e.show=!0,e.setPos(t)}),a(r,"click",function(t){t.composedPath().includes(o)||(e.show=!1)})}},{key:"add",value:function(t,e){var n=this.art.template.$contextmenu;return this.id+=1,R(this.art,this,n,t,e,"contextmenu")}},{key:"setPos",value:function(t){var e=this.art.template,n=e.$player,i=e.$contextmenu,r=t.clientX,o=t.clientY,a=n.getBoundingClientRect(),s=a.height,c=a.width,l=a.left,u=a.top,f=i.getBoundingClientRect(),d=f.height,p=f.width,h=r-l,y=o-u;l+c<r+p&&(h=c-p),u+s<o+d&&(y=s-d),g(i,"left","".concat(h,"px")),g(i,"top","".concat(y,"px"))}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-contextmenu-show"),this.art.emit("contextmenu:show")):(this.state=!1,e.classList.remove("artplayer-contextmenu-show"),this.art.emit("contextmenu:hide"))}}]),n}(),at=function(){function e(t){q(this,e),this.art=t,this.init()}return z(e,[{key:"init",value:function(){var t=this,e=this.art,n=e.template.$infoClose;(0,e.events.proxy)(n,"click",function(){t.show=!1}),this.art.on("destroy",function(){t.timer&&clearTimeout(t.timer)})}},{key:"creatInfo",value:function(){var t=[];return t.push('\n          <div class="art-info-item ">\n            <div class="art-info-title">Player version:</div>\n            <div class="art-info-content">3.1.9</div>\n          </div>\n        '),t.push('\n          <div class="art-info-item">\n            <div class="art-info-title">Video url:</div>\n            <div class="art-info-content">'.concat(this.art.option.url,"</div>\n          </div>\n        ")),t.push('\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        '),t.push('\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        '),t.push('\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        '),t.push('\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        '),t.join("")}},{key:"readInfo",value:function(){var t=this.art.template,e=t.$infoPanel,n=t.$video;Array.from(e.querySelectorAll("[data-video]")).forEach(function(t){var e=n[t.dataset.video];t.innerHTML=void 0!==e?"number"==typeof e?e.toFixed(2):e:"unknown"})}},{key:"loop",value:function(){var t=this;this.readInfo(),this.timer=setTimeout(function(){t.readInfo(),t.loop()},1e3)}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template,n=e.$player,i=e.$infoPanel;t?(this.state=!0,n.classList.add("artplayer-info-show"),i.innerHTML||m(i,this.creatInfo()),clearTimeout(this.timer),this.loop(),this.art.emit("info:show")):(this.state=!1,n.classList.remove("artplayer-info-show"),clearTimeout(this.timer),this.art.emit("info:hide"))}}]),e}(),st=function(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var n=[],i=!0,r=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!e||n.length!==e);i=!0);}catch(t){r=!0,o=t}finally{try{i||null==s.return||s.return()}finally{if(r)throw o}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()},ct=function(){function n(t){q(this,n),this.art=t,this.state=!0;var e=this.art.option.subtitle.url;e&&this.init(e)}return z(n,[{key:"init",value:function(t){var i=this,e=this.art,r=e.events.proxy,n=e.option.subtitle,o=e.template,a=o.$video,s=o.$subtitle,c=o.$track;if(y(s,n.style||{}),!c){var l=document.createElement("track");l.default=!0,l.kind="metadata",a.appendChild(l),this.art.template.$track=l}this.load(t).then(function(t){if(i.art.template.$track.src=t,i.art.emit("subtitle:load",t),a.textTracks&&a.textTracks[0]){var n=st(a.textTracks,1)[0];r(n,"cuechange",function(){var t=st(n.activeCues,1)[0];if(s.innerHTML="",t){var e=document.createElement("div");e.appendChild(t.getCueAsHTML()),s.innerHTML=e.innerHTML.split(/\r?\n/).map(function(t){return"<p>".concat(t,"</p>")}).join("")}i.art.emit("subtitle:update",s)})}})}},{key:"load",value:function(e){var n,i=this.art.notice;return fetch(e).then(function(t){return n=t.headers.get("Content-Type"),t.text()}).then(function(t){return/x-subrip/gi.test(n)?k(o(t)):e}).catch(function(t){i.show(t),console.warn(t)})}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.remove("artplayer-subtitle-hide"),this.art.emit("subtitle:show")):(this.state=!1,e.classList.add("artplayer-subtitle-hide"),this.art.emit("subtitle:hide"))}}]),n}(),lt=function(){function n(t){var e=this;q(this,n),this.destroyEvents=[],this.proxy=this.proxy.bind(this),this.hover=this.hover.bind(this),this.loadImg=this.loadImg.bind(this),t.whitelist.state&&t.once("video:canplay",function(){!function(e,t){var n=e.template.$player;t.proxy(document,["click","contextmenu"],function(t){-1<t.composedPath().indexOf(n)?(e.isFocus=!0,e.emit("focus")):(e.isFocus=!1,e.emit("blur"))})}(t,e),function(t,e){var n=t.template.$player;e.hover(n,function(){n.classList.add("artplayer-hover"),t.emit("hoverenter")},function(){n.classList.remove("artplayer-hover"),t.emit("hoverleave")})}(t,e),function(e,t){var n=e.template,i=n.$player,r=n.$video,o=e.player,a=l(function(){i.classList.add("artplayer-hide-cursor"),i.classList.remove("artplayer-hover"),e.controls.show=!1},5e3);e.on("hoverleave",function(){o.playing&&a()}),t.proxy(i,"mousemove",function(t){a.clearTimeout(),i.classList.remove("artplayer-hide-cursor"),e.controls.show=!0,!e.player.pip&&o.playing&&t.target===r&&a()})}(t,e),function(t,e){var n=t.option,i=t.player,r=t.template.$player,o=document.createElement("object");o.setAttribute("aria-hidden","true"),o.setAttribute("tabindex",-1),o.type="text/html",o.data="about:blank";var a=i.width,s=i.height,c=d(function(){i.width===a&&i.height===s||(a=i.width,s=i.height,n.autoSize&&(t.player.fullscreen||t.player.fullscreenWeb||t.player.pip?t.player.autoSize=!1:t.player.autoSize=!0),t.player.aspectRatioReset=!0,t.emit("resize",{width:i.width,height:i.height}))},500);e.proxy(o,"load",function(){e.proxy(o.contentDocument.defaultView,"resize",c)}),r.appendChild(o)}(t,e)})}return z(n,[{key:"proxy",value:function(e,t,n){var i=this,r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:{};Array.isArray(t)?t.forEach(function(t){return i.proxy(e,t,n,r)}):(e.addEventListener(t,n,r),this.destroyEvents.push(function(){e.removeEventListener(t,n,r)}))}},{key:"hover",value:function(t,e,n){this.proxy(t,"mouseenter",e),this.proxy(t,"mouseleave",n)}},{key:"loadImg",value:function(i){var r=this;return new Promise(function(t,e){var n;if(i instanceof HTMLImageElement)n=i;else{if("string"!=typeof i)return e(i);(n=new Image).src=i}return n.complete?t(n):(r.proxy(n,"load",function(){return t(n)}),r.proxy(n,"error",function(){return e(n)}),i)})}},{key:"destroy",value:function(){this.destroyEvents.forEach(function(t){return t()})}}]),n}(),ut=function(){function n(t){var e=this;q(this,n),this.art=t,this.keys={},this.art.option.hotkey&&this.art.once("video:canplay",function(){e.add(27,function(){t.player.fullscreenWeb&&(t.player.fullscreenWeb=!1)}),e.add(32,function(){t.player.toggle=!0}),e.add(37,function(){t.player.seek=t.player.currentTime-10}),e.add(38,function(){t.player.volume+=.05}),e.add(39,function(){t.player.seek=t.player.currentTime+10}),e.add(40,function(){t.player.volume-=.05}),e.init()})}return z(n,[{key:"add",value:function(t,e){this.keys[t]?this.keys[t].push(e):this.keys[t]=[e]}},{key:"init",value:function(){var r=this;(0,this.art.events.proxy)(window,"keydown",function(t){if(r.art.isFocus){var e=document.activeElement.tagName.toUpperCase(),n=document.activeElement.getAttribute("contenteditable");if("INPUT"!==e&&"TEXTAREA"!==e&&""!==n&&"true"!==n){var i=r.keys[t.keyCode];i&&(t.preventDefault(),i.forEach(function(t){return t()}),r.art.emit("hotkey",t))}}})}}]),n}(),ft=function(){function n(t){var e=this;q(this,n),this.id=0,this.art=t,this.add=this.add.bind(this),this.art.once("video:canplay",function(){e.art.option.layers.forEach(function(t){e.add(t)})})}return z(n,[{key:"add",value:function(t,e){this.id+=1;var n=this.art.template.$layers;return R(this.art,this,n,t,e,"layer")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.remove("artplayer-layers-hide"),this.art.emit("layers:show")):(this.state=!1,e.classList.add("artplayer-layers-hide"),this.art.emit("layers:hide"))}}]),n}(),dt=function(){function e(t){q(this,e),m((this.art=t).template.$loading,t.icons.loading)}return z(e,[{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-loading-show"),this.art.emit("loading:show")):(this.state=!1,e.classList.remove("artplayer-loading-show"),this.art.emit("loading:hide"))}}]),e}(),pt=function(){function e(t){q(this,e),this.art=t,this.timer=null}return z(e,[{key:"show",value:function(t){var e=this,n=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],i=2<arguments.length&&void 0!==arguments[2]?arguments[2]:1e3,r=this.art.template,o=r.$player,a=r.$noticeInner;this.state=!0,o.classList.add("artplayer-notice-show"),a.innerHTML=t instanceof Error?t.message.trim():t,clearTimeout(this.timer),n&&(this.timer=setTimeout(function(){e.hide()},i)),this.art.emit("notice:show")}},{key:"hide",value:function(){var t=this.art.template.$player;this.state=!1,t.classList.remove("artplayer-notice-show"),this.art.emit("notice:hide")}}]),e}(),ht=function(){function e(t){q(this,e),m(m((this.art=t).template.$mask,'<div class="art-state"></div>'),t.icons.state)}return z(e,[{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-mask-show"),this.art.emit("mask:show")):(this.state=!1,e.classList.remove("artplayer-mask-show"),this.art.emit("mask:hide"))}}]),e}(),yt=function(){function n(t){var e=this;q(this,n),this.id=0,this.art=t,this.state=!1,t.option.setting&&(this.art.once("video:canplay",function(){e.init()}),this.art.on("blur",function(){e.show=!1}))}return z(n,[{key:"init",value:function(){var e=this,t=this.art,n=t.option,i=t.template.$setting;(0,t.events.proxy)(i,"click",function(t){t.target===i&&(e.show=!1)}),this.add(function(i){return function(e){var t=e.i18n,n=e.player;return it({},i,{html:'\n                <div class="art-setting-header">'.concat(t.get("Flip"),'</div>\n                <div class="art-setting-radio">\n                    <div class="art-radio-item current">\n                        <button type="button" data-value="normal">').concat(t.get("Normal"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="horizontal">').concat(t.get("Horizontal"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="vertical">').concat(t.get("Vertical"),"</button>\n                    </div>\n                </div>\n            "),click:function(t){var e=t.target.dataset.value;e&&(n.flip=e)},mounted:function(t){e.on("flipChange",function(e){w(Array.from(t.querySelectorAll("button")).find(function(t){return t.dataset.value===e}).parentElement,"current")})}})}}({disable:!n.flip,name:"flip"})),this.add(function(i){return function(e){var t=e.i18n,n=e.player;return it({},i,{html:'\n                <div class="art-setting-header">'.concat(t.get("Aspect ratio"),'</div>\n                <div class="art-setting-radio">\n                    <div class="art-radio-item current">\n                        <button type="button" data-value="default">').concat(t.get("Default"),'</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="4:3">4:3</button>\n                    </div>\n                    <div class="art-radio-item">\n                        <button type="button" data-value="16:9">16:9</button>\n                    </div>\n                </div>\n            '),click:function(t){var e=t.target.dataset.value;e&&(n.aspectRatio=e)},mounted:function(t){e.on("aspectRatioChange",function(e){w(Array.from(t.querySelectorAll("button")).find(function(t){return t.dataset.value===e}).parentElement,"current")})}})}}({disable:!n.aspectRatio,name:"aspectRatio"})),this.add(function(e){return function(i){var t=i.i18n,r=i.player,o=i.events.proxy;return it({},e,{html:'\n                <div class="art-setting-header">\n                    '.concat(t.get("Play speed"),': <span class="art-subtitle-value">1.0</span>x\n                </div>\n                <div class="art-setting-range">\n                    <input class="art-subtitle-range" value="1" type="range" min="0.5" max="2" step="0.25">\n                </div>\n            '),mounted:function(t){var e=t.querySelector(".art-setting-range input"),n=t.querySelector(".art-subtitle-value");o(e,"change",function(){var t=e.value;n.innerText=t,r.playbackRate=Number(t)}),i.on("playbackRateChange",function(t){e.value!==t&&(e.value=t,n.innerText=t)})}})}}({disable:!n.playbackRate,name:"playbackRate"}))}},{key:"add",value:function(t,e){this.id+=1;var n=this.art.template.$settingBody;return R(this.art,this,n,t,e,"setting")}},{key:"toggle",value:function(){this.show=!this.state}},{key:"show",set:function(t){var e=this.art.template.$player;t?(this.state=!0,e.classList.add("artplayer-setting-show"),this.art.emit("setting:show")):(this.state=!1,e.classList.remove("artplayer-setting-show"),this.art.emit("setting:hide"))}}]),n}(),mt=function(){function e(t){q(this,e),this.art=t,this.name="artplayer_settings",this.init()}return z(e,[{key:"init",value:function(){var t=this.art.option,e=this.get("volume");e&&(t.volume=e)}},{key:"get",value:function(t){var e=JSON.parse(window.localStorage.getItem(this.name))||{};return t?e[t]:{}}},{key:"set",value:function(t,e){var n=Object.assign({},this.get(),nt({},t,e));window.localStorage.setItem(this.name,JSON.stringify(n))}},{key:"del",value:function(t){var e=this.get();delete e[t],window.localStorage.setItem(this.name,JSON.stringify(e))}},{key:"clean",value:function(){window.localStorage.removeItem(this.name)}}]),e}(),vt=function(){function n(t){var e=this;q(this,n),this.art=t,this.id=0,t.option.subtitle.url&&this.add(j),t.option.isLive||this.add(C),this.add(A),t.option.plugins.forEach(function(t){e.add(t)})}return z(n,[{key:"add",value:function(t){this.id+=1;var e=t.call(this,this.art);return this[e&&e.name?e.name:t.name?t.name:"plugin".concat(this.id)]=e,this.art.emit("plugin:add",t),this}}]),n}(),gt=0,bt=function(t){function n(t){var e;return q(this,n),e=F(this,H(n).call(this)),v("function"==typeof window.Promise,"Unsupported 'Promise' method"),e.option=a(n.DEFAULTS,t),V(e.option,Z),e.init(),e}return I(n,N),z(n,[{key:"init",value:function(){this.whitelist=new L(this),this.template=new G(this),this.events=new lt(this),this.whitelist.state?(this.isFocus=!1,this.isDestroy=!1,this.storage=new mt(this),this.icons=new E(this),this.i18n=new tt(this),this.notice=new pt(this),this.player=new P(this),this.layers=new ft(this),this.controls=new rt(this),this.contextmenu=new ot(this),this.subtitle=new ct(this),this.info=new at(this),this.loading=new dt(this),this.hotkey=new ut(this),this.mask=new ht(this),this.setting=new yt(this),this.plugins=new vt(this)):this.mobile=new M(this),gt+=1,this.id=gt,n.instances.push(this)}},{key:"destroy",value:function(){var t=0<arguments.length&&void 0!==arguments[0]&&arguments[0];this.events.destroy(),this.template.destroy(t),n.instances.splice(n.instances.indexOf(this),1),this.isDestroy=!0,this.emit("destroy")}}],[{key:"version",get:function(){return"3.1.9"}},{key:"env",get:function(){return'"production"'}},{key:"config",get:function(){return J}},{key:"utils",get:function(){return Y}},{key:"scheme",get:function(){return Z}},{key:"Emitter",get:function(){return N}},{key:"validator",get:function(){return V}},{key:"kindOf",get:function(){return V.kindOf}},{key:"DEFAULTS",get:function(){return{container:"#artplayer",url:"",poster:"",title:"",theme:"#f00",volume:.7,isLive:!1,muted:!1,autoplay:!1,autoSize:!1,loop:!1,flip:!1,playbackRate:!1,aspectRatio:!1,screenshot:!1,setting:!1,hotkey:!0,pip:!1,mutex:!0,fullscreen:!1,fullscreenWeb:!1,layers:[],contextmenu:[],quality:[],controls:[],highlight:[],plugins:[],whitelist:[],thumbnails:{url:"",number:60,width:160,height:90,column:10},subtitle:{url:"",style:{}},moreVideoAttr:{controls:!1,preload:"auto"},icons:{},customType:{},lang:navigator.language.toLowerCase()}}}]),n}(),Object.defineProperty(bt,"instances",{value:[]}),bt)});return{data:function(){return{instance:null}},props:{option:{type:Object,required:!0},getInstance:Function},mounted:function(){this.instance=new n(t({},this.option,{container:this.$refs.artRef})),this.$emit("getInstance",this.instance)},beforeDestroy:function(){this.instance&&this.instance.destroy&&this.instance.destroy()},render:function(t){return t("div",{ref:"artRef"})}}});
diff --git a/packages/artplayer-vue/package.json b/packages/artplayer-vue/package.json
index ea0089112..27db2816e 100644
--- a/packages/artplayer-vue/package.json
+++ b/packages/artplayer-vue/package.json
@@ -21,8 +21,5 @@
   "bugs": {
     "url": "https://github.com/zhw2590582/ArtPlayer/issues"
   },
-  "homepage": "https://github.com/zhw2590582/ArtPlayer#readme",
-  "dependencies": {
-    "artplayer": "latest"
-  }
+  "homepage": "https://github.com/zhw2590582/ArtPlayer#readme"
 }
diff --git a/packages/artplayer-vue/src/index.js b/packages/artplayer-vue/src/index.js
index d4b072e60..30c5d33ca 100644
--- a/packages/artplayer-vue/src/index.js
+++ b/packages/artplayer-vue/src/index.js
@@ -1,5 +1,5 @@
-import Artplayer from 'artplayer';
-import 'artplayer/dist/artplayer.css';
+import Artplayer from '../../artplayer';
+import '../../artplayer/src/style';
 
 export default {
     data() {
@@ -28,12 +28,8 @@ export default {
         }
     },
     render(h) {
-        return h(
-            'div',
-            {
-                ref: 'artRef',
-            },
-            'render',
-        );
+        return h('div', {
+            ref: 'artRef',
+        });
     },
 };