From 6b95f054d8421c7cb0edbe6343515b31a2d58a7e Mon Sep 17 00:00:00 2001
From: zhw2590582 <laozhaochaguan@gmail.com>
Date: Mon, 6 May 2019 21:48:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0demo=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/assets/example/index.js           |   1 +
 docs/assets/img/state.png              | Bin 0 -> 15718 bytes
 docs/uncompiled/artplayer.css          |   2 +-
 docs/uncompiled/artplayer.css.map      |   2 +-
 packages/artplayer/src/style/mask.scss |   7 ++++++-
 5 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 docs/assets/img/state.png

diff --git a/docs/assets/example/index.js b/docs/assets/example/index.js
index cbcdffe58..d96b2b1e4 100644
--- a/docs/assets/example/index.js
+++ b/docs/assets/example/index.js
@@ -107,5 +107,6 @@ var art = new Artplayer({
     ],
     icons: {
         loading: '<img src="./assets/img/ploading.gif">',
+        state: '<img src="./assets/img/state.png">',
     },
 });
diff --git a/docs/assets/img/state.png b/docs/assets/img/state.png
new file mode 100644
index 0000000000000000000000000000000000000000..f95626e82bd1b9b2b5dce7128067b3d7376a8646
GIT binary patch
literal 15718
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

literal 0
HcmV?d00001

diff --git a/docs/uncompiled/artplayer.css b/docs/uncompiled/artplayer.css
index c8073f0b8..286df2379 100644
--- a/docs/uncompiled/artplayer.css
+++ b/docs/uncompiled/artplayer.css
@@ -3,7 +3,7 @@
 .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:all}.artplayer-video-player.artplayer-layers-hide .artplayer-layers{display:none}
-.artplayer-video-player .artplayer-mask{display:none;position:absolute;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 .art-state{position:absolute;right:30px;bottom:65px;opacity:.6}.artplayer-video-player.artplayer-mask-show .artplayer-mask{display:-webkit-box;display:-ms-flexbox;display:flex}
+.artplayer-video-player .artplayer-mask{display:none;position:absolute;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 .art-state{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;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: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;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: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: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}
diff --git a/docs/uncompiled/artplayer.css.map b/docs/uncompiled/artplayer.css.map
index 9bee4e99d..ffe018cc8 100644
--- a/docs/uncompiled/artplayer.css.map
+++ b/docs/uncompiled/artplayer.css.map
@@ -1 +1 @@
-{"version":3,"sources":["artplayer.scss","video.scss","subtitle.scss","danmuku.scss","layers.scss","mask.scss","loading.scss","bottom.scss","notice.scss","contextmenu.scss","setting.scss","info.scss","hideCursor.scss","aspectRatio.scss","fullscreenWeb.scss","pip.scss","autoSize.scss","flip.scss","balloon.min.css"],"names":[],"mappings":"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","file":"artplayer.css","sourcesContent":[".artplayer-video-player {\n  display: flex;\n  position: relative;\n  margin: 0 auto;\n  z-index: 10;\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  zoom: 1;\n  font-family: Roboto, Arial, Helvetica, sans-serif;\n  color: #eee;\n  text-align: left;\n  direction: ltr;\n  font-size: 14px;\n  line-height: 1.3;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  touch-action: manipulation;\n  -ms-high-contrast-adjust: none; }\n  .artplayer-video-player * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box; }\n  .artplayer-video-player .art-icon {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    line-height: 1.5; }\n    .artplayer-video-player .art-icon svg {\n      fill: #fff; }\n",".artplayer-video-player .artplayer-video {\n  position: absolute;\n  z-index: 10;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n  cursor: pointer; }\n",".artplayer-video-player .artplayer-subtitle {\n  position: absolute;\n  z-index: 20;\n  bottom: 40px;\n  width: 100%;\n  padding: 0 20px;\n  text-align: center;\n  color: #fff;\n  font-size: 20px;\n  pointer-events: none;\n  text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.5); }\n  .artplayer-video-player .artplayer-subtitle p {\n    margin: 5px 0; }\n\n.artplayer-video-player.artplayer-subtitle-hide .artplayer-subtitle {\n  display: none; }\n",".artplayer-video-player .artplayer-danmuku {\n  position: absolute;\n  z-index: 30;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none; }\n",".artplayer-video-player .artplayer-layers {\n  position: absolute;\n  z-index: 40;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none; }\n  .artplayer-video-player .artplayer-layers .art-layer {\n    pointer-events: all; }\n\n.artplayer-video-player.artplayer-layers-hide .artplayer-layers {\n  display: none; }\n",".artplayer-video-player .artplayer-mask {\n  display: none;\n  position: absolute;\n  z-index: 50;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none; }\n  .artplayer-video-player .artplayer-mask .art-state {\n    position: absolute;\n    right: 30px;\n    bottom: 65px;\n    opacity: .6; }\n\n.artplayer-video-player.artplayer-mask-show .artplayer-mask {\n  display: flex; }\n",".artplayer-video-player .artplayer-loading {\n  display: none;\n  position: absolute;\n  z-index: 70;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none; }\n\n.artplayer-video-player.artplayer-loading-show .artplayer-loading {\n  display: flex; }\n",".artplayer-video-player .artplayer-bottom {\n  position: absolute;\n  z-index: 60;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 100px;\n  padding: 60px 10px 0;\n  opacity: 0;\n  visibility: hidden;\n  transition: all .2s ease-in-out;\n  pointer-events: none;\n  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom; }\n  .artplayer-video-player .artplayer-bottom .artplayer-progress {\n    position: relative;\n    pointer-events: all; }\n    .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress {\n      position: relative;\n      height: 5px;\n      padding: 1px 0;\n      cursor: pointer; }\n      .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner {\n        position: relative;\n        height: 100%;\n        background: rgba(255, 255, 255, 0.2); }\n        .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded {\n          position: absolute;\n          z-index: 10;\n          left: 0;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          height: 100%;\n          width: 0;\n          background: rgba(255, 255, 255, 0.4); }\n        .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played {\n          position: absolute;\n          z-index: 20;\n          left: 0;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          height: 100%;\n          width: 0; }\n        .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight {\n          position: absolute;\n          z-index: 30;\n          left: 0;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          height: 0; }\n          .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span {\n            display: inline-block;\n            position: absolute;\n            left: 0;\n            top: 0;\n            width: 7px;\n            height: 3px;\n            background: #fff;\n            border-radius: 3px; }\n        .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator {\n          display: none;\n          position: absolute;\n          z-index: 40;\n          top: -5px;\n          left: -6.5px;\n          width: 13px;\n          height: 13px;\n          border-radius: 50%; }\n          .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator {\n            display: block; }\n        .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip {\n          display: none;\n          position: absolute;\n          z-index: 50;\n          top: -25px;\n          left: 0;\n          height: 20px;\n          padding: 0 5px;\n          line-height: 20px;\n          color: #fff;\n          font-size: 12px;\n          text-align: center;\n          background: rgba(0, 0, 0, 0.7);\n          border-radius: 3px;\n          font-weight: bold;\n          white-space: nowrap; }\n      .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 {\n        display: block; }\n    .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails {\n      display: none;\n      position: absolute;\n      bottom: 8px;\n      left: 0;\n      pointer-events: none;\n      background-color: rgba(0, 0, 0, 0.7); }\n  .artplayer-video-player .artplayer-bottom .artplayer-controls {\n    position: relative;\n    pointer-events: all;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 36px; }\n    .artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left, .artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right {\n      display: flex; }\n    .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control {\n      opacity: .9;\n      font-size: 12px;\n      height: 36px;\n      min-width: 36px;\n      line-height: 36px;\n      text-align: center;\n      cursor: pointer; }\n      .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        float: left;\n        height: 36px;\n        width: 36px; }\n      .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover {\n        opacity: 1; }\n    .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel {\n      position: relative;\n      float: left;\n      width: 0;\n      height: 100%;\n      transition: margin 0.2s cubic-bezier(0.4, 0, 1, 1), width 0.2s cubic-bezier(0.4, 0, 1, 1);\n      overflow: hidden; }\n      .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        width: 12px;\n        height: 12px;\n        border-radius: 12px;\n        margin-top: -6px;\n        background: #fff; }\n        .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle::before {\n          left: -54px;\n          background: #fff; }\n        .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle::after {\n          left: 6px;\n          background: rgba(255, 255, 255, 0.2); }\n        .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle::before, .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle::after {\n          content: '';\n          position: absolute;\n          display: block;\n          top: 50%;\n          height: 3px;\n          margin-top: -2px;\n          width: 60px; }\n    .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel {\n      width: 60px; }\n    .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time {\n      padding: 0 10px; }\n    .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality {\n      position: relative;\n      z-index: 30;\n      padding: 0 10px; }\n      .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys {\n        display: none;\n        position: absolute;\n        left: -15px;\n        bottom: 35px;\n        width: 100px;\n        padding: 5px 0;\n        text-align: center;\n        color: #fff;\n        background: rgba(0, 0, 0, 0.7);\n        border-radius: 3px; }\n        .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item {\n          height: 30px;\n          line-height: 30px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }\n          .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover {\n            background-color: rgba(255, 255, 255, 0.1); }\n      .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys {\n        display: block; }\n\n.artplayer-video-player.artplayer-controls-show .artplayer-bottom, .artplayer-video-player.artplayer-hover .artplayer-bottom {\n  opacity: 1;\n  visibility: visible; }\n\n.artplayer-video-player.artplayer-error .art-progress-indicator, .artplayer-video-player.artplayer-error .art-progress-tip, .artplayer-video-player.artplayer-destroy .art-progress-indicator, .artplayer-video-player.artplayer-destroy .art-progress-tip {\n  display: none !important; }\n",".artplayer-video-player .artplayer-notice {\n  display: none;\n  font-size: 14px;\n  position: absolute;\n  z-index: 80;\n  left: 0;\n  top: 0;\n  padding: 10px;\n  width: 100%;\n  pointer-events: none; }\n  .artplayer-video-player .artplayer-notice .artplayer-notice-inner {\n    display: inline-block;\n    padding: 5px 10px;\n    color: #fff;\n    background: rgba(0, 0, 0, 0.6);\n    border-radius: 3px; }\n\n.artplayer-video-player.artplayer-notice-show .artplayer-notice {\n  display: flex; }\n",".artplayer-video-player .artplayer-contextmenu {\n  display: none;\n  flex-direction: column;\n  position: absolute;\n  z-index: 120;\n  left: 0;\n  top: 0;\n  min-width: 200px;\n  padding: 5px 0;\n  background: rgba(0, 0, 0, 0.8);\n  border-radius: 3px; }\n  .artplayer-video-player .artplayer-contextmenu .art-contextmenu {\n    cursor: pointer;\n    font-size: 13px;\n    display: block;\n    color: #fff;\n    padding: 7px 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }\n    .artplayer-video-player .artplayer-contextmenu .art-contextmenu a {\n      color: #fff;\n      text-decoration: none; }\n    .artplayer-video-player .artplayer-contextmenu .art-contextmenu span {\n      display: inline-block;\n      padding: 0 7px; }\n      .artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover, .artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current {\n        color: #00c9ff; }\n    .artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover {\n      background-color: rgba(255, 255, 255, 0.1); }\n    .artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child {\n      border-bottom: none; }\n\n.artplayer-video-player.artplayer-contextmenu-show .artplayer-contextmenu {\n  display: flex; }\n",".artplayer-video-player .artplayer-setting {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  z-index: 90;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  overflow: hidden; }\n  .artplayer-video-player .artplayer-setting .artplayer-setting-inner {\n    position: absolute;\n    top: 0;\n    right: -50%;\n    bottom: 0;\n    width: 300px;\n    height: 100%;\n    font-size: 12px;\n    background: rgba(0, 0, 0, 0.8);\n    transition: all 0.2s ease-in-out;\n    overflow: hidden; }\n    .artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body {\n      overflow-y: auto;\n      width: 100%;\n      height: 100%; }\n      .artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting {\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        padding: 10px 15px; }\n        .artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header {\n          margin-bottom: 5px; }\n  .artplayer-video-player .artplayer-setting .art-setting-radio {\n    display: flex; }\n    .artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item {\n      flex: 1;\n      padding: 0 2px; }\n      .artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item button {\n        height: 22px;\n        width: 100%;\n        border: none;\n        outline: none;\n        color: #fff;\n        background: rgba(255, 255, 255, 0.2);\n        border-radius: 2px; }\n      .artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item.current button {\n        background: #00a1d6; }\n  .artplayer-video-player .artplayer-setting .art-setting-range input {\n    width: 100%;\n    height: 3px;\n    outline: none;\n    appearance: none;\n    background-color: rgba(255, 255, 255, 0.5); }\n  .artplayer-video-player .artplayer-setting .art-setting-checkbox input {\n    height: 14px;\n    width: 14px;\n    margin-right: 5px; }\n\n.artplayer-video-player.artplayer-setting-show .artplayer-setting {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: all; }\n  .artplayer-video-player.artplayer-setting-show .artplayer-setting .artplayer-setting-inner {\n    right: 0; }\n",".artplayer-video-player .artplayer-info {\n  display: none;\n  flex-direction: column;\n  position: absolute;\n  left: 10px;\n  top: 10px;\n  z-index: 100;\n  width: 350px;\n  min-height: 150px;\n  padding: 10px;\n  color: #fff;\n  font-size: 12px;\n  font-family: Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;\n  -webkit-font-smoothing: antialiased;\n  background: rgba(0, 0, 0, 0.7); }\n  .artplayer-video-player .artplayer-info .art-info-item {\n    display: flex;\n    margin-bottom: 5px; }\n    .artplayer-video-player .artplayer-info .art-info-item .art-info-title {\n      width: 100px;\n      text-align: right; }\n    .artplayer-video-player .artplayer-info .art-info-item .art-info-content {\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      padding-left: 5px; }\n  .artplayer-video-player .artplayer-info .artplayer-info-close {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    cursor: pointer; }\n\n.artplayer-video-player.artplayer-info-show .artplayer-info {\n  display: flex; }\n",".artplayer-video-player.artplayer-hide-cursor * {\n  cursor: none !important; }\n",".artplayer-video-player[data-aspect-ratio] video {\n  box-sizing: content-box;\n  object-fit: fill; }\n",".artplayer-video-player.artplayer-web-fullscreen {\n  position: fixed;\n  z-index: 9999;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0; }\n",".artplayer-video-player .artplayer-pip-header {\n  display: none;\n  position: absolute;\n  z-index: 110;\n  left: 0;\n  top: 0;\n  right: 0;\n  height: 35px;\n  line-height: 35px;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.5);\n  align-items: center;\n  justify-content: space-between;\n  opacity: 0;\n  visibility: hidden;\n  transition: all .2s ease-in-out; }\n  .artplayer-video-player .artplayer-pip-header .artplayer-pip-title {\n    flex: 1;\n    padding: 0 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: move; }\n  .artplayer-video-player .artplayer-pip-header .artplayer-pip-close {\n    width: 35px;\n    text-align: center;\n    font-size: 22px;\n    cursor: pointer; }\n\n.artplayer-video-player.is-dragging {\n  opacity: 0.7; }\n\n.artplayer-video-player.artplayer-pip {\n  position: fixed;\n  z-index: 9999;\n  right: 20px;\n  bottom: 20px;\n  width: 400px;\n  height: 225px;\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.2); }\n  .artplayer-video-player.artplayer-pip .artplayer-pip-header {\n    display: flex; }\n  .artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header {\n    opacity: 1;\n    visibility: visible; }\n  .artplayer-video-player.artplayer-pip .artplayer-mask {\n    display: flex;\n    align-items: center;\n    justify-content: center; }\n    .artplayer-video-player.artplayer-pip .artplayer-mask .art-playBig {\n      position: static; }\n  .artplayer-video-player.artplayer-pip .artplayer-contextmenu,\n  .artplayer-video-player.artplayer-pip .artplayer-bottom,\n  .artplayer-video-player.artplayer-pip .artplayer-danmu,\n  .artplayer-video-player.artplayer-pip .artplayer-info,\n  .artplayer-video-player.artplayer-pip .artplayer-layers,\n  .artplayer-video-player.artplayer-pip .artplayer-notice,\n  .artplayer-video-player.artplayer-pip .artplayer-setting,\n  .artplayer-video-player.artplayer-pip .artplayer-subtitle {\n    display: none !important; }\n",".artplayer-auto-size {\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n",".artplayer-video-player[data-flip=\"horizontal\"] .artplayer-video {\n  transform: scaleX(-1); }\n\n.artplayer-video-player[data-flip=\"vertical\"] .artplayer-video {\n  transform: scaleY(-1); }\n","button[data-balloon]{overflow:visible}[data-balloon]{position:relative;cursor:pointer}[data-balloon]:after{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 0.18s ease-out 0.18s;-moz-transition:all 0.18s ease-out 0.18s;-ms-transition:all 0.18s ease-out 0.18s;-o-transition:all 0.18s ease-out 0.18s;transition:all 0.18s ease-out 0.18s;font-family:sans-serif !important;font-weight:normal !important;font-style:normal !important;text-shadow:none !important;font-size:12px !important;background:rgba(17,17,17,0.9);border-radius:4px;color:#fff;content:attr(data-balloon);padding:.5em 1em;position:absolute;white-space:nowrap;z-index:10}[data-balloon]:before{background:no-repeat url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E\");background-size:100% auto;width:18px;height:6px;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 0.18s ease-out 0.18s;-moz-transition:all 0.18s ease-out 0.18s;-ms-transition:all 0.18s ease-out 0.18s;-o-transition:all 0.18s ease-out 0.18s;transition:all 0.18s ease-out 0.18s;content:'';position:absolute;z-index:10}[data-balloon]:hover:before,[data-balloon]:hover:after,[data-balloon][data-balloon-visible]:before,[data-balloon][data-balloon-visible]:after{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]:before,[data-balloon][data-balloon-blunt]:after{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}[data-balloon][data-balloon-pos=\"up\"]:after{bottom:100%;left:50%;margin-bottom:11px;-webkit-transform:translate(-50%, 10px);-moz-transform:translate(-50%, 10px);-ms-transform:translate(-50%, 10px);transform:translate(-50%, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=\"up\"]:before{bottom:100%;left:50%;margin-bottom:5px;-webkit-transform:translate(-50%, 10px);-moz-transform:translate(-50%, 10px);-ms-transform:translate(-50%, 10px);transform:translate(-50%, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=\"up\"]:hover:after,[data-balloon][data-balloon-pos=\"up\"][data-balloon-visible]:after{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}[data-balloon][data-balloon-pos=\"up\"]:hover:before,[data-balloon][data-balloon-pos=\"up\"][data-balloon-visible]:before{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}[data-balloon][data-balloon-pos=\"up-left\"]:after{bottom:100%;left:0;margin-bottom:11px;-webkit-transform:translate(0, 10px);-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);transform:translate(0, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=\"up-left\"]:before{bottom:100%;left:5px;margin-bottom:5px;-webkit-transform:translate(0, 10px);-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);transform:translate(0, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=\"up-left\"]:hover:after,[data-balloon][data-balloon-pos=\"up-left\"][data-balloon-visible]:after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos=\"up-left\"]:hover:before,[data-balloon][data-balloon-pos=\"up-left\"][data-balloon-visible]:before{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos=\"up-right\"]:after{bottom:100%;right:0;margin-bottom:11px;-webkit-transform:translate(0, 10px);-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);transform:translate(0, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=\"up-right\"]:before{bottom:100%;right:5px;margin-bottom:5px;-webkit-transform:translate(0, 10px);-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);transform:translate(0, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=\"up-right\"]:hover:after,[data-balloon][data-balloon-pos=\"up-right\"][data-balloon-visible]:after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos=\"up-right\"]:hover:before,[data-balloon][data-balloon-pos=\"up-right\"][data-balloon-visible]:before{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='down']:after{left:50%;margin-top:11px;top:100%;-webkit-transform:translate(-50%, -10px);-moz-transform:translate(-50%, -10px);-ms-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%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E\");background-size:100% auto;width:18px;height:6px;left:50%;margin-top:5px;top:100%;-webkit-transform:translate(-50%, -10px);-moz-transform:translate(-50%, -10px);-ms-transform:translate(-50%, -10px);transform:translate(-50%, -10px)}[data-balloon][data-balloon-pos='down']:hover:after,[data-balloon][data-balloon-pos='down'][data-balloon-visible]:after{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}[data-balloon][data-balloon-pos='down']:hover:before,[data-balloon][data-balloon-pos='down'][data-balloon-visible]:before{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}[data-balloon][data-balloon-pos='down-left']:after{left:0;margin-top:11px;top:100%;-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}[data-balloon][data-balloon-pos='down-left']:before{background:no-repeat url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E\");background-size:100% auto;width:18px;height:6px;left:5px;margin-top:5px;top:100%;-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}[data-balloon][data-balloon-pos='down-left']:hover:after,[data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='down-left']:hover:before,[data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:before{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='down-right']:after{right:0;margin-top:11px;top:100%;-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}[data-balloon][data-balloon-pos='down-right']:before{background:no-repeat url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E\");background-size:100% auto;width:18px;height:6px;right:5px;margin-top:5px;top:100%;-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}[data-balloon][data-balloon-pos='down-right']:hover:after,[data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='down-right']:hover:before,[data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:before{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='left']:after{margin-right:11px;right:100%;top:50%;-webkit-transform:translate(10px, -50%);-moz-transform:translate(10px, -50%);-ms-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%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E\");background-size:100% auto;width:6px;height:18px;margin-right:5px;right:100%;top:50%;-webkit-transform:translate(10px, -50%);-moz-transform:translate(10px, -50%);-ms-transform:translate(10px, -50%);transform:translate(10px, -50%)}[data-balloon][data-balloon-pos='left']:hover:after,[data-balloon][data-balloon-pos='left'][data-balloon-visible]:after{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}[data-balloon][data-balloon-pos='left']:hover:before,[data-balloon][data-balloon-pos='left'][data-balloon-visible]:before{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}[data-balloon][data-balloon-pos='right']:after{left:100%;margin-left:11px;top:50%;-webkit-transform:translate(-10px, -50%);-moz-transform:translate(-10px, -50%);-ms-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%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E\");background-size:100% auto;width:6px;height:18px;left:100%;margin-left:5px;top:50%;-webkit-transform:translate(-10px, -50%);-moz-transform:translate(-10px, -50%);-ms-transform:translate(-10px, -50%);transform:translate(-10px, -50%)}[data-balloon][data-balloon-pos='right']:hover:after,[data-balloon][data-balloon-pos='right'][data-balloon-visible]:after{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}[data-balloon][data-balloon-pos='right']:hover:before,[data-balloon][data-balloon-pos='right'][data-balloon-visible]:before{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -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%}\n"]}
\ No newline at end of file
+{"version":3,"sources":["artplayer.scss","video.scss","subtitle.scss","danmuku.scss","layers.scss","mask.scss","loading.scss","bottom.scss","notice.scss","contextmenu.scss","setting.scss","info.scss","hideCursor.scss","aspectRatio.scss","fullscreenWeb.scss","pip.scss","autoSize.scss","flip.scss","balloon.min.css"],"names":[],"mappings":"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","file":"artplayer.css","sourcesContent":[".artplayer-video-player {\n  display: flex;\n  position: relative;\n  margin: 0 auto;\n  z-index: 10;\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  zoom: 1;\n  font-family: Roboto, Arial, Helvetica, sans-serif;\n  color: #eee;\n  text-align: left;\n  direction: ltr;\n  font-size: 14px;\n  line-height: 1.3;\n  user-select: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  touch-action: manipulation;\n  -ms-high-contrast-adjust: none; }\n  .artplayer-video-player * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box; }\n  .artplayer-video-player .art-icon {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    line-height: 1.5; }\n    .artplayer-video-player .art-icon svg {\n      fill: #fff; }\n",".artplayer-video-player .artplayer-video {\n  position: absolute;\n  z-index: 10;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n  cursor: pointer; }\n",".artplayer-video-player .artplayer-subtitle {\n  position: absolute;\n  z-index: 20;\n  bottom: 40px;\n  width: 100%;\n  padding: 0 20px;\n  text-align: center;\n  color: #fff;\n  font-size: 20px;\n  pointer-events: none;\n  text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.5); }\n  .artplayer-video-player .artplayer-subtitle p {\n    margin: 5px 0; }\n\n.artplayer-video-player.artplayer-subtitle-hide .artplayer-subtitle {\n  display: none; }\n",".artplayer-video-player .artplayer-danmuku {\n  position: absolute;\n  z-index: 30;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none; }\n",".artplayer-video-player .artplayer-layers {\n  position: absolute;\n  z-index: 40;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none; }\n  .artplayer-video-player .artplayer-layers .art-layer {\n    pointer-events: all; }\n\n.artplayer-video-player.artplayer-layers-hide .artplayer-layers {\n  display: none; }\n",".artplayer-video-player .artplayer-mask {\n  display: none;\n  position: absolute;\n  z-index: 50;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none; }\n  .artplayer-video-player .artplayer-mask .art-state {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    right: 30px;\n    bottom: 55px;\n    width: 60px;\n    height: 60px;\n    opacity: .6; }\n\n.artplayer-video-player.artplayer-mask-show .artplayer-mask {\n  display: flex; }\n",".artplayer-video-player .artplayer-loading {\n  display: none;\n  position: absolute;\n  z-index: 70;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none; }\n\n.artplayer-video-player.artplayer-loading-show .artplayer-loading {\n  display: flex; }\n",".artplayer-video-player .artplayer-bottom {\n  position: absolute;\n  z-index: 60;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 100px;\n  padding: 60px 10px 0;\n  opacity: 0;\n  visibility: hidden;\n  transition: all .2s ease-in-out;\n  pointer-events: none;\n  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom; }\n  .artplayer-video-player .artplayer-bottom .artplayer-progress {\n    position: relative;\n    pointer-events: all; }\n    .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress {\n      position: relative;\n      height: 5px;\n      padding: 1px 0;\n      cursor: pointer; }\n      .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner {\n        position: relative;\n        height: 100%;\n        background: rgba(255, 255, 255, 0.2); }\n        .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-loaded {\n          position: absolute;\n          z-index: 10;\n          left: 0;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          height: 100%;\n          width: 0;\n          background: rgba(255, 255, 255, 0.4); }\n        .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-played {\n          position: absolute;\n          z-index: 20;\n          left: 0;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          height: 100%;\n          width: 0; }\n        .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight {\n          position: absolute;\n          z-index: 30;\n          left: 0;\n          top: 0;\n          right: 0;\n          bottom: 0;\n          height: 0; }\n          .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-highlight span {\n            display: inline-block;\n            position: absolute;\n            left: 0;\n            top: 0;\n            width: 7px;\n            height: 3px;\n            background: #fff;\n            border-radius: 3px; }\n        .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator {\n          display: none;\n          position: absolute;\n          z-index: 40;\n          top: -5px;\n          left: -6.5px;\n          width: 13px;\n          height: 13px;\n          border-radius: 50%; }\n          .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-indicator.art-show-indicator {\n            display: block; }\n        .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-progress .art-control-progress-inner .art-progress-tip {\n          display: none;\n          position: absolute;\n          z-index: 50;\n          top: -25px;\n          left: 0;\n          height: 20px;\n          padding: 0 5px;\n          line-height: 20px;\n          color: #fff;\n          font-size: 12px;\n          text-align: center;\n          background: rgba(0, 0, 0, 0.7);\n          border-radius: 3px;\n          font-weight: bold;\n          white-space: nowrap; }\n      .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 {\n        display: block; }\n    .artplayer-video-player .artplayer-bottom .artplayer-progress .art-control-thumbnails {\n      display: none;\n      position: absolute;\n      bottom: 8px;\n      left: 0;\n      pointer-events: none;\n      background-color: rgba(0, 0, 0, 0.7); }\n  .artplayer-video-player .artplayer-bottom .artplayer-controls {\n    position: relative;\n    pointer-events: all;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    height: 36px; }\n    .artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-left, .artplayer-video-player .artplayer-bottom .artplayer-controls .artplayer-controls-right {\n      display: flex; }\n    .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control {\n      opacity: .9;\n      font-size: 12px;\n      height: 36px;\n      min-width: 36px;\n      line-height: 36px;\n      text-align: center;\n      cursor: pointer; }\n      .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control .art-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        float: left;\n        height: 36px;\n        width: 36px; }\n      .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control:hover {\n        opacity: 1; }\n    .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel {\n      position: relative;\n      float: left;\n      width: 0;\n      height: 100%;\n      transition: margin 0.2s cubic-bezier(0.4, 0, 1, 1), width 0.2s cubic-bezier(0.4, 0, 1, 1);\n      overflow: hidden; }\n      .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        width: 12px;\n        height: 12px;\n        border-radius: 12px;\n        margin-top: -6px;\n        background: #fff; }\n        .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle::before {\n          left: -54px;\n          background: #fff; }\n        .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle::after {\n          left: 6px;\n          background: rgba(255, 255, 255, 0.2); }\n        .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle::before, .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume .art-volume-panel .art-volume-slider-handle::after {\n          content: '';\n          position: absolute;\n          display: block;\n          top: 50%;\n          height: 3px;\n          margin-top: -2px;\n          width: 60px; }\n    .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-volume:hover .art-volume-panel {\n      width: 60px; }\n    .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-time {\n      padding: 0 10px; }\n    .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality {\n      position: relative;\n      z-index: 30;\n      padding: 0 10px; }\n      .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys {\n        display: none;\n        position: absolute;\n        left: -15px;\n        bottom: 35px;\n        width: 100px;\n        padding: 5px 0;\n        text-align: center;\n        color: #fff;\n        background: rgba(0, 0, 0, 0.7);\n        border-radius: 3px; }\n        .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item {\n          height: 30px;\n          line-height: 30px;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n          text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }\n          .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality .art-qualitys .art-quality-item:hover {\n            background-color: rgba(255, 255, 255, 0.1); }\n      .artplayer-video-player .artplayer-bottom .artplayer-controls .art-control-quality:hover .art-qualitys {\n        display: block; }\n\n.artplayer-video-player.artplayer-controls-show .artplayer-bottom, .artplayer-video-player.artplayer-hover .artplayer-bottom {\n  opacity: 1;\n  visibility: visible; }\n\n.artplayer-video-player.artplayer-error .art-progress-indicator, .artplayer-video-player.artplayer-error .art-progress-tip, .artplayer-video-player.artplayer-destroy .art-progress-indicator, .artplayer-video-player.artplayer-destroy .art-progress-tip {\n  display: none !important; }\n",".artplayer-video-player .artplayer-notice {\n  display: none;\n  font-size: 14px;\n  position: absolute;\n  z-index: 80;\n  left: 0;\n  top: 0;\n  padding: 10px;\n  width: 100%;\n  pointer-events: none; }\n  .artplayer-video-player .artplayer-notice .artplayer-notice-inner {\n    display: inline-block;\n    padding: 5px 10px;\n    color: #fff;\n    background: rgba(0, 0, 0, 0.6);\n    border-radius: 3px; }\n\n.artplayer-video-player.artplayer-notice-show .artplayer-notice {\n  display: flex; }\n",".artplayer-video-player .artplayer-contextmenu {\n  display: none;\n  flex-direction: column;\n  position: absolute;\n  z-index: 120;\n  left: 0;\n  top: 0;\n  min-width: 200px;\n  padding: 5px 0;\n  background: rgba(0, 0, 0, 0.8);\n  border-radius: 3px; }\n  .artplayer-video-player .artplayer-contextmenu .art-contextmenu {\n    cursor: pointer;\n    font-size: 13px;\n    display: block;\n    color: #fff;\n    padding: 7px 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }\n    .artplayer-video-player .artplayer-contextmenu .art-contextmenu a {\n      color: #fff;\n      text-decoration: none; }\n    .artplayer-video-player .artplayer-contextmenu .art-contextmenu span {\n      display: inline-block;\n      padding: 0 7px; }\n      .artplayer-video-player .artplayer-contextmenu .art-contextmenu span:hover, .artplayer-video-player .artplayer-contextmenu .art-contextmenu span.current {\n        color: #00c9ff; }\n    .artplayer-video-player .artplayer-contextmenu .art-contextmenu:hover {\n      background-color: rgba(255, 255, 255, 0.1); }\n    .artplayer-video-player .artplayer-contextmenu .art-contextmenu:last-child {\n      border-bottom: none; }\n\n.artplayer-video-player.artplayer-contextmenu-show .artplayer-contextmenu {\n  display: flex; }\n",".artplayer-video-player .artplayer-setting {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  z-index: 90;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  overflow: hidden; }\n  .artplayer-video-player .artplayer-setting .artplayer-setting-inner {\n    position: absolute;\n    top: 0;\n    right: -50%;\n    bottom: 0;\n    width: 300px;\n    height: 100%;\n    font-size: 12px;\n    background: rgba(0, 0, 0, 0.8);\n    transition: all 0.2s ease-in-out;\n    overflow: hidden; }\n    .artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body {\n      overflow-y: auto;\n      width: 100%;\n      height: 100%; }\n      .artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting {\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        padding: 10px 15px; }\n        .artplayer-video-player .artplayer-setting .artplayer-setting-inner .artplayer-setting-body .art-setting .art-setting-header {\n          margin-bottom: 5px; }\n  .artplayer-video-player .artplayer-setting .art-setting-radio {\n    display: flex; }\n    .artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item {\n      flex: 1;\n      padding: 0 2px; }\n      .artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item button {\n        height: 22px;\n        width: 100%;\n        border: none;\n        outline: none;\n        color: #fff;\n        background: rgba(255, 255, 255, 0.2);\n        border-radius: 2px; }\n      .artplayer-video-player .artplayer-setting .art-setting-radio .art-radio-item.current button {\n        background: #00a1d6; }\n  .artplayer-video-player .artplayer-setting .art-setting-range input {\n    width: 100%;\n    height: 3px;\n    outline: none;\n    appearance: none;\n    background-color: rgba(255, 255, 255, 0.5); }\n  .artplayer-video-player .artplayer-setting .art-setting-checkbox input {\n    height: 14px;\n    width: 14px;\n    margin-right: 5px; }\n\n.artplayer-video-player.artplayer-setting-show .artplayer-setting {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: all; }\n  .artplayer-video-player.artplayer-setting-show .artplayer-setting .artplayer-setting-inner {\n    right: 0; }\n",".artplayer-video-player .artplayer-info {\n  display: none;\n  flex-direction: column;\n  position: absolute;\n  left: 10px;\n  top: 10px;\n  z-index: 100;\n  width: 350px;\n  min-height: 150px;\n  padding: 10px;\n  color: #fff;\n  font-size: 12px;\n  font-family: Noto Sans CJK SC DemiLight,Roboto,Segoe UI,Tahoma,Arial,Helvetica,sans-serif;\n  -webkit-font-smoothing: antialiased;\n  background: rgba(0, 0, 0, 0.7); }\n  .artplayer-video-player .artplayer-info .art-info-item {\n    display: flex;\n    margin-bottom: 5px; }\n    .artplayer-video-player .artplayer-info .art-info-item .art-info-title {\n      width: 100px;\n      text-align: right; }\n    .artplayer-video-player .artplayer-info .art-info-item .art-info-content {\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      padding-left: 5px; }\n  .artplayer-video-player .artplayer-info .artplayer-info-close {\n    position: absolute;\n    top: 5px;\n    right: 5px;\n    cursor: pointer; }\n\n.artplayer-video-player.artplayer-info-show .artplayer-info {\n  display: flex; }\n",".artplayer-video-player.artplayer-hide-cursor * {\n  cursor: none !important; }\n",".artplayer-video-player[data-aspect-ratio] video {\n  box-sizing: content-box;\n  object-fit: fill; }\n",".artplayer-video-player.artplayer-web-fullscreen {\n  position: fixed;\n  z-index: 9999;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0; }\n",".artplayer-video-player .artplayer-pip-header {\n  display: none;\n  position: absolute;\n  z-index: 110;\n  left: 0;\n  top: 0;\n  right: 0;\n  height: 35px;\n  line-height: 35px;\n  color: #fff;\n  background: rgba(0, 0, 0, 0.5);\n  align-items: center;\n  justify-content: space-between;\n  opacity: 0;\n  visibility: hidden;\n  transition: all .2s ease-in-out; }\n  .artplayer-video-player .artplayer-pip-header .artplayer-pip-title {\n    flex: 1;\n    padding: 0 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: move; }\n  .artplayer-video-player .artplayer-pip-header .artplayer-pip-close {\n    width: 35px;\n    text-align: center;\n    font-size: 22px;\n    cursor: pointer; }\n\n.artplayer-video-player.is-dragging {\n  opacity: 0.7; }\n\n.artplayer-video-player.artplayer-pip {\n  position: fixed;\n  z-index: 9999;\n  right: 20px;\n  bottom: 20px;\n  width: 400px;\n  height: 225px;\n  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.2); }\n  .artplayer-video-player.artplayer-pip .artplayer-pip-header {\n    display: flex; }\n  .artplayer-video-player.artplayer-pip.artplayer-hover .artplayer-pip-header {\n    opacity: 1;\n    visibility: visible; }\n  .artplayer-video-player.artplayer-pip .artplayer-mask {\n    display: flex;\n    align-items: center;\n    justify-content: center; }\n    .artplayer-video-player.artplayer-pip .artplayer-mask .art-playBig {\n      position: static; }\n  .artplayer-video-player.artplayer-pip .artplayer-contextmenu,\n  .artplayer-video-player.artplayer-pip .artplayer-bottom,\n  .artplayer-video-player.artplayer-pip .artplayer-danmu,\n  .artplayer-video-player.artplayer-pip .artplayer-info,\n  .artplayer-video-player.artplayer-pip .artplayer-layers,\n  .artplayer-video-player.artplayer-pip .artplayer-notice,\n  .artplayer-video-player.artplayer-pip .artplayer-setting,\n  .artplayer-video-player.artplayer-pip .artplayer-subtitle {\n    display: none !important; }\n",".artplayer-auto-size {\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n",".artplayer-video-player[data-flip=\"horizontal\"] .artplayer-video {\n  transform: scaleX(-1); }\n\n.artplayer-video-player[data-flip=\"vertical\"] .artplayer-video {\n  transform: scaleY(-1); }\n","button[data-balloon]{overflow:visible}[data-balloon]{position:relative;cursor:pointer}[data-balloon]:after{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 0.18s ease-out 0.18s;-moz-transition:all 0.18s ease-out 0.18s;-ms-transition:all 0.18s ease-out 0.18s;-o-transition:all 0.18s ease-out 0.18s;transition:all 0.18s ease-out 0.18s;font-family:sans-serif !important;font-weight:normal !important;font-style:normal !important;text-shadow:none !important;font-size:12px !important;background:rgba(17,17,17,0.9);border-radius:4px;color:#fff;content:attr(data-balloon);padding:.5em 1em;position:absolute;white-space:nowrap;z-index:10}[data-balloon]:before{background:no-repeat url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E\");background-size:100% auto;width:18px;height:6px;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 0.18s ease-out 0.18s;-moz-transition:all 0.18s ease-out 0.18s;-ms-transition:all 0.18s ease-out 0.18s;-o-transition:all 0.18s ease-out 0.18s;transition:all 0.18s ease-out 0.18s;content:'';position:absolute;z-index:10}[data-balloon]:hover:before,[data-balloon]:hover:after,[data-balloon][data-balloon-visible]:before,[data-balloon][data-balloon-visible]:after{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]:before,[data-balloon][data-balloon-blunt]:after{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}[data-balloon][data-balloon-pos=\"up\"]:after{bottom:100%;left:50%;margin-bottom:11px;-webkit-transform:translate(-50%, 10px);-moz-transform:translate(-50%, 10px);-ms-transform:translate(-50%, 10px);transform:translate(-50%, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=\"up\"]:before{bottom:100%;left:50%;margin-bottom:5px;-webkit-transform:translate(-50%, 10px);-moz-transform:translate(-50%, 10px);-ms-transform:translate(-50%, 10px);transform:translate(-50%, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=\"up\"]:hover:after,[data-balloon][data-balloon-pos=\"up\"][data-balloon-visible]:after{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}[data-balloon][data-balloon-pos=\"up\"]:hover:before,[data-balloon][data-balloon-pos=\"up\"][data-balloon-visible]:before{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}[data-balloon][data-balloon-pos=\"up-left\"]:after{bottom:100%;left:0;margin-bottom:11px;-webkit-transform:translate(0, 10px);-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);transform:translate(0, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=\"up-left\"]:before{bottom:100%;left:5px;margin-bottom:5px;-webkit-transform:translate(0, 10px);-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);transform:translate(0, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=\"up-left\"]:hover:after,[data-balloon][data-balloon-pos=\"up-left\"][data-balloon-visible]:after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos=\"up-left\"]:hover:before,[data-balloon][data-balloon-pos=\"up-left\"][data-balloon-visible]:before{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos=\"up-right\"]:after{bottom:100%;right:0;margin-bottom:11px;-webkit-transform:translate(0, 10px);-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);transform:translate(0, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=\"up-right\"]:before{bottom:100%;right:5px;margin-bottom:5px;-webkit-transform:translate(0, 10px);-moz-transform:translate(0, 10px);-ms-transform:translate(0, 10px);transform:translate(0, 10px);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;transform-origin:top}[data-balloon][data-balloon-pos=\"up-right\"]:hover:after,[data-balloon][data-balloon-pos=\"up-right\"][data-balloon-visible]:after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos=\"up-right\"]:hover:before,[data-balloon][data-balloon-pos=\"up-right\"][data-balloon-visible]:before{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='down']:after{left:50%;margin-top:11px;top:100%;-webkit-transform:translate(-50%, -10px);-moz-transform:translate(-50%, -10px);-ms-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%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E\");background-size:100% auto;width:18px;height:6px;left:50%;margin-top:5px;top:100%;-webkit-transform:translate(-50%, -10px);-moz-transform:translate(-50%, -10px);-ms-transform:translate(-50%, -10px);transform:translate(-50%, -10px)}[data-balloon][data-balloon-pos='down']:hover:after,[data-balloon][data-balloon-pos='down'][data-balloon-visible]:after{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}[data-balloon][data-balloon-pos='down']:hover:before,[data-balloon][data-balloon-pos='down'][data-balloon-visible]:before{-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}[data-balloon][data-balloon-pos='down-left']:after{left:0;margin-top:11px;top:100%;-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}[data-balloon][data-balloon-pos='down-left']:before{background:no-repeat url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E\");background-size:100% auto;width:18px;height:6px;left:5px;margin-top:5px;top:100%;-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}[data-balloon][data-balloon-pos='down-left']:hover:after,[data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='down-left']:hover:before,[data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:before{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='down-right']:after{right:0;margin-top:11px;top:100%;-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}[data-balloon][data-balloon-pos='down-right']:before{background:no-repeat url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E\");background-size:100% auto;width:18px;height:6px;right:5px;margin-top:5px;top:100%;-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}[data-balloon][data-balloon-pos='down-right']:hover:after,[data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:after{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='down-right']:hover:before,[data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:before{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}[data-balloon][data-balloon-pos='left']:after{margin-right:11px;right:100%;top:50%;-webkit-transform:translate(10px, -50%);-moz-transform:translate(10px, -50%);-ms-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%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E\");background-size:100% auto;width:6px;height:18px;margin-right:5px;right:100%;top:50%;-webkit-transform:translate(10px, -50%);-moz-transform:translate(10px, -50%);-ms-transform:translate(10px, -50%);transform:translate(10px, -50%)}[data-balloon][data-balloon-pos='left']:hover:after,[data-balloon][data-balloon-pos='left'][data-balloon-visible]:after{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}[data-balloon][data-balloon-pos='left']:hover:before,[data-balloon][data-balloon-pos='left'][data-balloon-visible]:before{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}[data-balloon][data-balloon-pos='right']:after{left:100%;margin-left:11px;top:50%;-webkit-transform:translate(-10px, -50%);-moz-transform:translate(-10px, -50%);-ms-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%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17,17,17,0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E\");background-size:100% auto;width:6px;height:18px;left:100%;margin-left:5px;top:50%;-webkit-transform:translate(-10px, -50%);-moz-transform:translate(-10px, -50%);-ms-transform:translate(-10px, -50%);transform:translate(-10px, -50%)}[data-balloon][data-balloon-pos='right']:hover:after,[data-balloon][data-balloon-pos='right'][data-balloon-visible]:after{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}[data-balloon][data-balloon-pos='right']:hover:before,[data-balloon][data-balloon-pos='right'][data-balloon-visible]:before{-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -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%}\n"]}
\ No newline at end of file
diff --git a/packages/artplayer/src/style/mask.scss b/packages/artplayer/src/style/mask.scss
index 96d1c9737..bc99e8cad 100644
--- a/packages/artplayer/src/style/mask.scss
+++ b/packages/artplayer/src/style/mask.scss
@@ -13,9 +13,14 @@
         pointer-events: none;
     
         .art-state {
+            display: flex;
+            justify-content: center;
+            align-items: center;
             position: absolute;
             right: 30px;
-            bottom: 65px;
+            bottom: 55px;
+            width: 60px;
+            height: 60px;
             opacity: .6;
         }
     }