xgplayer 2.32.2 → 2.32.3

package/src/skin/style/controls/miniplayer.scss

@@ -1,104 +0,0 @@
-.xgplayer-skin-default {
-    .xgplayer-miniplayer {
-      order: 9;
-      position: relative;
-      outline: none;
-      display: block;
-      cursor: pointer;
-      // margin-left: 10px;
-      // margin-top: 9px;
-      // margin-bottom: 11px;
-      height: 20px;
-      top: 10px;
-      .name {
-        text-align: center;
-        font-family: PingFangSC-Regular;
-        font-size: 13px;
-        line-height: 20px;
-        height: 20px;
-        color: rgba(255, 255, 255, 0.80);
-        span{
-          width: 80px;
-          height: 20px;
-          line-height: 20px;
-          background: rgba(0, 0, 0, 0.38);
-          border-radius: 10px;
-          display:inline-block;
-          vertical-align:middle;
-        }
-      }
-    }
-  
-    .xgplayer-miniplayer-lay{
-      position: absolute;
-      top: 26px;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      z-index: 130;
-      cursor: pointer;
-      background-color: transparent;
-      display: none;
-      div{
-        width: 100%;
-        height: 100%;
-      }
-    }
-  
-    .xgplayer-miniplayer-drag{
-      cursor: move;
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 26px;
-      line-height: 26px;
-      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
-      z-index: 130;
-      display: none;
-      .drag-handle {
-        width: 100%;
-      }
-    }
-  }
-  
-  .xgplayer-skin-default.xgplayer-miniplayer-active {
-    position: fixed;
-    right: 0;
-    bottom: 200px;
-    width: 320px;
-    height: 180px;
-    z-index: 110;
-    .xgplayer-controls {
-      display: none;
-    }
-    .xgplayer-danmu {
-      display: none;
-    }
-    .xgplayer-miniplayer-lay{
-      display: block;
-    }
-  }
-  
-  .xgplayer-skin-default.xgplayer-miniplayer-active {
-    .xgplayer-miniplayer-drag {
-      display: flex;
-    }
-  }
-  
-  .xgplayer-skin-default.xgplayer-inactive {
-    .xgplayer-miniplayer-drag {
-      display: none;
-    }
-  }
-  .lang-is-jp {
-    .xgplayer-miniplayer {
-      .name {
-        span{
-          width: 70px;
-          height: 20px;
-        }
-      }
-    }
-  }
-  

package/src/skin/style/controls/pip.scss

@@ -1,42 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-pip {
-    order: 9;
-    position: relative;
-    outline: none;
-    display: block;
-    cursor: pointer;
-    // margin-left: 10px;
-    // margin-top: 9px;
-    // margin-bottom: 11px;
-    height: 20px;
-    top: 10px;
-    .name {
-      text-align: center;
-      font-family: PingFangSC-Regular;
-      font-size: 13px;
-      line-height: 20px;
-      height: 20px;
-      color: rgba(255, 255, 255, 0.80);
-      span{
-        width: 60px;
-        height: 20px;
-        line-height: 20px;
-        background: rgba(0, 0, 0, 0.38);
-        border-radius: 10px;
-        display:inline-block;
-        vertical-align:middle;
-      }
-    }
-  }
-}
-
-.lang-is-jp {
-  .xgplayer-pip {
-    .name {
-      span{
-        width: 70px;
-        height: 20px;
-      }
-    }
-  }
-}

package/src/skin/style/controls/placeholder.scss

@@ -1,7 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-placeholder {
-    flex:1;
-    order: 3;
-    display: block;
-  }
-}

package/src/skin/style/controls/play.scss

@@ -1,79 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-play, .xgplayer-play-img {
-    width: 40px;
-    position: relative;
-    order: 0;
-    display: block;
-    cursor: pointer;
-    margin-left: 3px;
-    .xgplayer-icon {
-      margin-top: 3px;
-      width: 32px;
-      div {
-        position: absolute;
-      }
-      .xgplayer-icon-play {
-        display: block;
-      }
-      .xgplayer-icon-pause {
-        display: none;
-      }
-    }
-    .xgplayer-tips {
-      .xgplayer-tip-play {
-        display: block;
-      }
-      .xgplayer-tip-pause {
-        display: none;
-      }
-    }
-    &:hover {
-      opacity: 0.85;
-      .xgplayer-tips {
-        display: block;
-      }
-    }
-  }
-}
-
-.xgplayer-skin-default.xgplayer-playing {
-  .xgplayer-play, .xgplayer-play-img {
-    .xgplayer-icon {
-      .xgplayer-icon-play {
-        display: none;
-      }
-      .xgplayer-icon-pause {
-        display: block;
-      }
-    }
-    .xgplayer-tips {
-      .xgplayer-tip-play {
-        display: none;
-      }
-      .xgplayer-tip-pause {
-        display: block;
-      }
-    }
-  }
-}
-
-.xgplayer-skin-default.xgplayer-pause {
-  .xgplayer-play, .xgplayer-play-img {
-    .xgplayer-icon {
-      .xgplayer-icon-play {
-        display: block;
-      }
-      .xgplayer-icon-pause {
-        display: none;
-      }
-    }
-    .xgplayer-tips {
-      .xgplayer-tip-play {
-        display: block;
-      }
-      .xgplayer-tip-pause {
-        display: none;
-      }
-    }
-  }
-}

package/src/skin/style/controls/playNext.scss

@@ -1,44 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-playnext {
-    position: relative;
-    order: 1;
-    display: block;
-    cursor: pointer;
-    top: -2px;
-    .xgplayer-icon {
-      div {
-        position: absolute;
-      }
-    }
-    .xgplayer-tips {
-      .xgplayer-tip-playnext {
-        display: block;
-      }
-    }
-    &:hover {
-      opacity: 0.85;
-      .xgplayer-tips {
-        display: block;
-      }
-    }
-  }
-}
-.xgplayer-lang-is-en {
-  .xgplayer-playnext {
-    .xgplayer-tips {
-      margin-left: -25px;
-    }
-  }
-}
-.xgplayer-lang-is-jp {
-  .xgplayer-playnext {
-    .xgplayer-tips {
-      margin-left: -38px;
-    }
-  }
-}
-.xgplayer-skin-default.xgplayer-playnext-inactive {
-  .xgplayer-playnext {
-    display: none;
-  }
-}

package/src/skin/style/controls/playbackRate.scss

@@ -1,82 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-playbackrate {
-    order: 8;
-    width: 60px;
-    height: 150px;
-    z-index: 18;
-    position: relative;
-    display: inline-block;
-    cursor: default;
-    margin-top: -119px;
-    ul {
-      display: none;
-      list-style: none;
-      width: 78px;
-      background: rgba(0, 0, 0, 0.54);
-      border-radius: 1px;
-      position: absolute;
-      bottom: 30px;
-      left: 50%;
-      transform: translateX(-50%);
-      text-align: left;
-      white-space: nowrap;
-      z-index: 26;
-      cursor: pointer;
-      li {
-        opacity: 0.7;
-        font-family: PingFangSC-Regular;
-        font-size: 11px;
-        color: rgba(255, 255, 255, 0.80);
-        position: relative;
-        padding: 4px 0 4px 0px;
-        text-align: center;
-        &.selected{
-          color: #fff;
-          opacity: 1;
-        }
-        &:hover{
-          color: #fff;
-          opacity: 1;
-        }
-      }
-      li:nth-child(1) {
-        position: relative;
-        margin-top: 12px;
-      }
-      li:last-child {
-        position: relative;
-        margin-bottom: 12px;
-      }
-    }
-    .name {
-      width: 60px;
-      height: 20px;
-      position: absolute;
-      bottom: 0px;
-      text-align: center;
-      font-family: PingFangSC-Regular;
-      font-size: 13px;
-      background: rgba(0, 0, 0, .38);
-      color: hsla(0, 0%, 100%, .8);
-      border-radius: 10px;
-      line-height: 20px;
-    }
-    span {
-      position: relative;
-      top: 19px;
-      font-weight: bold;
-      text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
-    }
-    &:hover {
-      opacity: 1;
-    }
-  }
-}
-
-.xgplayer-skin-default.xgplayer-playbackrate-active {
-  .xgplayer-playbackrate {
-    ul {
-      display: block;
-    }
-  }
-}

package/src/skin/style/controls/poster.scss

@@ -1,19 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-poster{
-    display: none;
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 100;
-    background-size: cover;
-    background-position: center center;
-  }
-}
-
-.xgplayer-skin-default.xgplayer-nostart {
-  .xgplayer-poster {
-    display: block;
-  }
-}

package/src/skin/style/controls/progress.scss

@@ -1,182 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-progress {
-    display: block;
-    position: absolute;
-    height: 20px;
-    line-height: 20px;
-    left: 12px;
-    right: 12px;
-    outline: none;
-    top: -15px;
-    z-index: 35;
-  }
-  .xgplayer-progress-outer {
-    background: rgba(255, 255, 255, 0.30);
-    display: block;
-    height: 3px;
-    line-height: 3px;
-    margin-top: 8.5px;
-    width: 100%;
-    position: relative;
-    cursor: pointer;
-  }
-  .xgplayer-progress-cache,.xgplayer-progress-played {
-    display: block;
-    height: 100%;
-    line-height: 1;
-    position: absolute;
-    left: 0;
-    top: 0;
-  }
-  .xgplayer-progress-cache {
-    width: 0;
-    background: rgba(255, 255, 255, 0.50);
-  }
-  .xgplayer-progress-played {
-    display: block;
-    width: 0;
-    background-image: linear-gradient(-90deg, #FA1F41 0%, #E31106 100%);
-    border-radius: 0 1.5px 1.5px 0;
-  }
-  .xgplayer-progress-btn {
-    display: none;
-    position: absolute;
-    left: 0px;
-    top: -5px;
-    width: 13px;
-    height: 13px;
-    border-radius: 30px;
-    background: #FFFFFF;
-    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.26);
-    left: 100%;
-    transform: translate(-50%, 0);
-    z-index: 36;
-  }
-  .xgplayer-progress-point {
-    position: absolute;
-    &.xgplayer-tips {
-      margin-left: 0;
-      top: -25px;
-      display: none;
-      z-index: 100;
-    }
-  }
-  .xgplayer-progress-dot {
-    display: inline-block;
-    position: absolute;
-    height: 3px;
-    width: 5px;
-    top: 0px;
-    background: white;
-    border-radius: 6px;
-    z-index: 16;
-    .xgplayer-progress-tip {
-      position: absolute;
-      bottom: 200%;
-      right: 50%;
-      transform: translateX(50%);
-      height: auto;
-      line-height: 30px;
-      width: auto;
-      background: rgba(0, 0, 0, .3);
-      border-radius: 6px;
-      border: 1px solid rgba(0, 0, 0, .8);
-      cursor: default;
-      white-space: nowrap;
-      display: none;
-    }
-  }
-  .xgplayer-progress-dot-show {
-    .xgplayer-progress-tip {
-      display: block;
-    }
-  }
-  .xgplayer-progress-thumbnail {
-    position: absolute;
-    box-sizing: border-box;
-    &.xgplayer-tips {
-      margin-left: 0;
-      display: none;
-      z-index: 99;
-    }
-  }
-  .xgplayer-coverpreview {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0%;
-    left: 0%;
-    display: none;
-    .xgplayer-coverpreview-outer {
-      position: absolute;
-      display: block;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      .xgplayer-coverpreview-thumbnail {
-        display: block;
-      }
-      .xgplayer-coverpreview-point {
-        display: block;
-        text-align: center;
-        font-family: PingFangSC-Regular;
-        font-size: 11px;
-        color: #ccc;
-        padding: 2px 4px;
-        span {
-          color: #fff;
-        }
-      }
-    }
-  }
-  .xgplayer-progress:hover,.xgplayer-progress:focus {
-    .xgplayer-progress-outer {
-      height: 6px;
-      margin-top: 7px;
-    }
-    .xgplayer-progress-dot {
-      height: 6px;
-    }
-    .xgplayer-progress-btn {
-      display: block;
-      top: -3px;
-    }
-  }
-}
-
-.xgplayer-skin-default.xgplayer-volume-active {
-  .xgplayer-progress {
-    z-index: 15;
-  }
-}
-.xgplayer-skin-default.xgplayer-definition-active {
-  .xgplayer-progress {
-    z-index: 15;
-  }
-}
-.xgplayer-skin-default.xgplayer-texttrack-active {
-  .xgplayer-progress {
-    z-index: 15;
-  }
-}
-.xgplayer-skin-default.xgplayer-playbackrate-active {
-  .xgplayer-progress {
-    z-index: 15;
-  }
-}
-
-.xgplayer-skin-default.xgplayer-mobile {
-  .xgplayer-progress-btn {
-    display: block !important;
-  }
-  .xgplayer-progress:hover,.xgplayer-progress:focus{
-    .xgplayer-progress-outer{
-      height: 3px !important;
-      margin-top: 8.5px !important;
-    }
-    .xgplayer-progress-btn {
-      display: block !important;
-      top: -5px !important;
-    }
-  }
-}

package/src/skin/style/controls/reload.scss

@@ -1,43 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-reload {
-    position: relative;
-    order: 1;
-    display: block;
-    width: 40px;
-    height: 40px;
-    cursor: pointer;
-    .xgplayer-icon {
-      margin-top: 7px;
-      width: 26px;
-      div {
-        position: absolute;
-      }
-    }
-    .xgplayer-tips {
-      margin-left: -22px;
-      .xgplayer-tip-reload {
-        display: block;
-      }
-    }
-    &:hover {
-      opacity: 0.85;
-      .xgplayer-tips {
-        display: block;
-      }
-    }
-  }
-}
-.xgplayer-lang-is-en {
-  .xgplayer-reload {
-    .xgplayer-tips {
-      margin-left: -26px;
-    }
-  }
-}
-.xgplayer-lang-is-jp {
-  .xgplayer-reload {
-    .xgplayer-tips {
-      margin-left: -38px;
-    }
-  }
-}

package/src/skin/style/controls/replay.scss

@@ -1,46 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-replay {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 105;
-    display: none;
-    justify-content: center;
-    align-items: center;
-    background: rgba(0, 0, 0, 0.54);
-    flex-direction: column;
-    svg{
-      background: rgba(0,0,0,0.58);
-      border-radius: 100%;
-      cursor: pointer;
-      path{
-        transform: translate(20px, 21px);
-        fill: #ddd;
-      }
-      &:hover{
-        background: rgba(0, 0, 0, .38);
-        path {
-          fill: #fff;
-        }
-      }
-    }
-    .xgplayer-replay-txt{
-      display: inline-block;
-      font-family: PingFangSC-Regular;
-      font-size: 14px;
-      color: #fff;
-      line-height: 34px;
-    }
-  }
-}
-
-.xgplayer-skin-default.xgplayer.xgplayer-ended {
-  .xgplayer-controls {
-    display: none;
-  }
-  .xgplayer-replay{
-    display: flex;
-  }
-}

package/src/skin/style/controls/rotate.scss

@@ -1,41 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-rotate {
-    position: relative;
-    order: 10;
-    display: block;
-    cursor: pointer;
-    .xgplayer-icon {
-      margin-top: 7px;
-      width: 26px;
-      div {
-        position: absolute;
-      }
-    }
-    .xgplayer-tips {
-      margin-left: -22px;
-      .xgplayer-tip-rotate {
-        display: block;
-      }
-    }
-    &:hover {
-      opacity: 0.85;
-      .xgplayer-tips {
-        display: block;
-      }
-    }
-  }
-}
-.xgplayer-lang-is-en {
-  .xgplayer-rotate {
-    .xgplayer-tips {
-      margin-left: -26px;
-    }
-  }
-}
-.xgplayer-lang-is-jp {
-  .xgplayer-rotate {
-    .xgplayer-tips {
-      margin-left: -38px;
-    }
-  }
-}