xgplayer 2.32.2 → 2.32.3

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

@@ -1,42 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-screenshot {
-    order: 11;
-    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: fit-content;
-        padding: 0 10px;
-        height: 20px;
-        line-height: 20px;
-        background: rgba(0, 0, 0, 0.38);
-        border-radius: 10px;
-        display:inline-block;
-        vertical-align:middle;
-      }
-    }
-  }
-}
-.xgplayer-lang-is-en, .xgplayer-lang-is-jp{
-  .xgplayer-screenshot {
-    .name {
-      span{
-        width: 75px;
-        height: 20px;
-      }
-    }
-  }
-}

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

@@ -1,78 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-start {
-    border-radius: 50%;
-    display: inline-block;
-    width: 70px;
-    height: 70px;
-    background: rgba(0, 0, 0, 0.38);
-    overflow: hidden;
-    text-align: center;
-    line-height: 70px;
-    vertical-align: middle;
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    z-index: 115;
-    margin: -35px auto auto -35px;
-    cursor: pointer;
-    div{
-      position: absolute;
-      svg{
-        fill: rgba(255, 255, 255, 0.7);
-      }
-    }
-    .xgplayer-icon-play{
-      display: block;
-    }
-    .xgplayer-icon-pause{
-      display: none;
-    }
-    &:hover{
-      opacity: 0.85;
-    }
-  }
-}
-
-.xgplayer-skin-default.xgplayer-start-hide {
-  .xgplayer-start {
-    display: none;
-  }
-}
-.xgplayer-skin-default.xgplayer-pause.xgplayer-start-hide {
-  .xgplayer-start {
-    display: none;
-  }
-}
-.xgplayer-skin-default.xgplayer-playing {
-  .xgplayer-start {
-    display: none;
-    .xgplayer-icon-play{
-      display: none;
-    }
-    .xgplayer-icon-pause{
-      display: block;
-    }
-  }
-}
-.xgplayer-skin-default.xgplayer-pause {
-  .xgplayer-start {
-    display: inline-block;
-    .xgplayer-icon-play{
-      display: block;
-    }
-    .xgplayer-icon-pause{
-      display: none;
-    }
-  }
-}
-.xgplayer-skin-default.xgplayer-is-replay {
-  .xgplayer-start {
-    display: none;
-    .xgplayer-icon-play{
-      display: block;
-    }
-    .xgplayer-icon-pause{
-      display: none;
-    }
-  }
-}

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

@@ -1,87 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-texttrack {
-    order: 7;
-    width: 60px;
-    height: 150px;
-    z-index: 18;
-    position: relative;
-    outline: none;
-    display: none;
-    cursor: default;
-    // margin-left: 10px;
-    margin-top: -119px;
-    // margin-bottom: 11px;
-    ul {
-      display: none;
-      list-style: none;
-      min-width: 78px;
-      background: rgba(0, 0, 0, 0.54);
-      border-radius: 1px;
-      position: absolute;
-      bottom: 30px;
-      text-align: center;
-      white-space: nowrap;
-      left: 50%;
-      transform: translateX(-50%);
-      width: fit-content;
-      z-index: 26;
-      cursor: pointer;
-      li {
-        opacity: 0.7;
-        font-family: PingFangSC-Regular;
-        font-size: 11px;
-        color: rgba(255, 255, 255, 0.80);
-        width: fit-content;
-        margin: auto;
-        padding: 6px 13px;
-        &.selected {
-          color: #fff;
-          opacity: 1;
-        }
-        &:hover {
-          color: #fff;
-          opacity: 1;
-        }
-      }
-    }
-    .name {
-      text-align: center;
-      font-family: PingFangSC-Regular;
-      font-size: 13px;
-      line-height: 20px;
-      height: 20px;
-      cursor: pointer;
-      color: rgba(255, 255, 255, 0.80);
-      position: absolute;
-      bottom: 0;
-      width: 60px;
-      height: 20px;
-      line-height: 20px;
-      background: rgba(0, 0, 0, 0.38);
-      border-radius: 10px;
-      display:inline-block;
-      vertical-align:middle;
-    }
-    &.xgplayer-texttrack-hide {
-      display: none;
-    }
-  }
-}
-
-xg-text-track {
-  transition: bottom .3s ease;
-}
-
-.xgplayer-skin-default.xgplayer-texttrack-active {
-  .xgplayer-texttrack {
-    ul {
-      display: block;
-    }
-  }
-}
-
-.xgplayer-skin-default.xgplayer-is-texttrack {
-  .xgplayer-texttrack {
-    display: block;
-  }
-}

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

@@ -1,24 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-time {
-    order: 2;
-    font-family: ArialMT;
-    font-size: 13px;
-    color: #fff;
-    line-height: 40px;
-    height: 40px;
-    text-align: center;
-    display: inline-block;
-    margin: auto 8px;
-    span {
-      color: rgba(255, 255, 255, 0.50);
-    }
-    .xgplayer-time-current {
-      color: #fff;
-    }
-    .xgplayer-time-current::after {
-      content: "/";
-      display: inline-block;
-      padding: 0 3px;
-    }
-  }
-}

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

@@ -1,24 +0,0 @@
-.xgplayer-skin-default {
-    .xgplayer-tips{
-      background: rgba(0, 0, 0, 0.54);
-      border-radius: 1px;
-      display: none;
-      position: absolute;
-      font-family: PingFangSC-Regular;
-      font-size: 11px;
-      color: #fff;
-      padding: 2px 4px;
-      text-align: center;
-      top: -30px;
-      left: 50%;
-      margin-left: -16px;
-      width: auto;
-      white-space: nowrap;
-    }
-}
-
-.xgplayer-skin-default.xgplayer-mobile {
-  .xgplayer-tips{
-    display: none !important;
-  }
-}

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

@@ -1,6 +0,0 @@
-.xgplayer-skin-default {
-    .xgplayer-screen-container {
-        display: block;
-        width: 100%;
-    }
-}

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

@@ -1,143 +0,0 @@
-.xgplayer-skin-default {
-  .xgplayer-volume {
-    outline: none;
-    order: 4;
-    width: 40px;
-    height: 40px;
-    display: block;
-    position: relative;
-    z-index: 18;
-    .xgplayer-icon {
-      margin-top: 8px;
-      cursor: pointer;
-      position: absolute;
-      bottom: -9px;
-      div {
-        position: absolute;
-      }
-      .xgplayer-icon-large {
-        display: block;
-      }
-      .xgplayer-icon-small {
-        display: none;
-      }
-      .xgplayer-icon-muted {
-        display: none;
-      }
-    }
-  }
-
-  .xgplayer-slider{
-    display: none;
-    position: absolute;
-    width: 28px;
-    height: 92px;
-    background: rgba(0, 0, 0, 0.54);
-    border-radius: 1px;
-    bottom: 42px;
-    outline: none;
-    &:after{
-      content:" ";
-      display:block;
-      height: 15px;
-      width:28px;
-      position: absolute;
-      bottom: -15px;
-      left: 0;
-      z-index: 20;
-    }
-  }
-
-  .xgplayer-bar,.xgplayer-drag{
-    display: block;
-    position: absolute;
-    bottom: 6px;
-    left: 12px;
-    background: rgba(255, 255, 255, 0.30);
-    border-radius: 100px;
-    width: 4px;
-    height: 76px;
-    outline: none;
-    cursor: pointer;
-  }
-  .xgplayer-drag{
-    bottom: 0;
-    left: 0;
-    background: #FA1F41;
-    max-height: 76px;
-    &:after{
-      content: " ";
-      display: inline-block;
-      width: 8px;
-      height: 8px;
-      background: #fff;
-      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
-      position: absolute;
-      border-radius: 50%;
-      left: -2px;
-      top: -6px;
-    }
-  }
-}
-
-.xgplayer-skin-default.xgplayer-volume-active {
-  .xgplayer-slider{
-    display: block;
-  }
-}
-
-.xgplayer-skin-default.xgplayer-volume-large {
-  .xgplayer-volume {
-    .xgplayer-icon {
-      .xgplayer-icon-large {
-        display: block;
-      }
-      .xgplayer-icon-small {
-        display: none;
-      }
-      .xgplayer-icon-muted {
-        display: none;
-      }
-    }
-  }
-}
-
-.xgplayer-skin-default.xgplayer-volume-small {
-  .xgplayer-volume {
-    .xgplayer-icon {
-      .xgplayer-icon-large {
-        display: none;
-      }
-      .xgplayer-icon-small {
-        display: block;
-      }
-      .xgplayer-icon-muted {
-        display: none;
-      }
-    }
-  }
-}
-
-.xgplayer-skin-default.xgplayer-volume-muted {
-  .xgplayer-volume {
-    .xgplayer-icon {
-      .xgplayer-icon-large {
-        display: none;
-      }
-      .xgplayer-icon-small {
-        display: none;
-      }
-      .xgplayer-icon-muted {
-        display: block;
-      }
-    }
-  }
-}
-
-.xgplayer-skin-default.xgplayer-mobile {
-  .xgplayer-volume {
-    .xgplayer-slider {
-      display: none;
-    }
-  }
-}

package/src/skin/style/index.scss

@@ -1,88 +0,0 @@
-// order:
-// xgplayer-play  0
-// xgplayer-playNext  1
-// xgplayer-reload  1
-// xgplayer-time  2
-// xgplayer-placeholder 3
-// xgplayer-volume 4
-// xgplayer-definition 5
-// xgplayer-bullet-btn 6
-// xgplayer-textTrack 7
-// xgplayer-playback 8
-// xgplayer-download 9
-// xgplayer-rotate 10
-// xgplayer-screenShot 11
-// xgplayer-airplay 11
-// xgplayer-cssFullscreen 12
-// xgplayer-fullscreen 13
-
-// z-index:
-// xgplayer-poster 100
-// xgplayer-progress-point 100
-// xgplayer-replay 105
-// xgplayer-pip-active 110
-// xgplayer-start 115
-// xgplayer-enter 120
-// xgplayer-error 125
-// xgplayer-pip-lay 130
-// xgplayer-pip-drag 135
-// xgplayer-is-fullscreen 9999
-// xgplayer-is-cssfullscreen 99999
-
-.xgplayer-skin-default{
-    background: #000;
-    width: 100%;
-    height: 100%;
-    position: relative;
-    user-select: none;
-    -ms-user-select: none;
-    *{
-        margin: 0;
-        padding: 0;
-        border: 0;
-        font-size: 100%;
-        font: inherit;
-        vertical-align: baseline;
-    }
-    .xgplayer-none{
-        display: none
-    }
-    &.xgplayer-rotate-fullscreen {
-        position: absolute;
-        top: 0;
-        left: 100%;
-        bottom: 0;
-        right: 0;
-        height: 100vw!important;
-        width: 100vh!important;
-        transform-origin: top left;
-        transform: rotate(90deg);
-    }
-    &.xgplayer-is-fullscreen{
-        width: 100%!important;
-        height: 100%!important;
-        // Undo any aspect ratio padding for fluid layouts
-        padding-top: 0 !important;
-        z-index: 9999;
-    }
-    &.xgplayer-is-fullscreen.xgplayer-inactive{
-        cursor: none;
-    }
-    video{
-        width:100%;
-        height: 100%;
-        outline: none;
-    }
-}
-
-.xgplayer-skin-default .xgplayer-none{
-    display: none;
-}
-
-@import "common/svg-url";
-@import "common/animation";
-@import "controls/controls";
-@import "controls/live";
-@import "controls/icon";
-@import "controls/tips";
-@import "controls/videoProxy";

package/src/utils/sniffer.js

@@ -1,47 +0,0 @@
-let sniffer = {}
-
-Object.defineProperty(sniffer, 'device', {
-  get: function () {
-    let r = sniffer.os
-    return r.isPc ? 'pc' : 'mobile'
-    // return r.isPc ? 'pc' : r.isTablet ? 'tablet' : 'mobile'
-  }
-})
-
-Object.defineProperty(sniffer, 'browser', {
-  get: function () {
-    let ua = navigator.userAgent.toLowerCase()
-    let reg = {
-      ie: /rv:([\d.]+)\) like gecko/,
-      firfox: /firefox\/([\d.]+)/,
-      chrome: /chrome\/([\d.]+)/,
-      opera: /opera.([\d.]+)/,
-      safari: /version\/([\d.]+).*safari/
-    }
-    return [].concat(Object.keys(reg).filter(key => reg[key].test(ua)))[0] || ''
-  }
-})
-
-Object.defineProperty(sniffer, 'os', {
-  get: function () {
-    let ua = navigator.userAgent
-    let isWindowsPhone = /(?:Windows Phone)/.test(ua)
-    let isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone
-    let isAndroid = /(?:Android)/.test(ua)
-    let isFireFox = /(?:Firefox)/.test(ua)
-    let isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua))
-    let isPhone = /(?:iPhone)/.test(ua) && !isTablet
-    let isPc = !isPhone && !isAndroid && !isSymbian && !isTablet
-    return {
-      isTablet,
-      isPhone,
-      isAndroid,
-      isPc,
-      isSymbian,
-      isWindowsPhone,
-      isFireFox
-    }
-  }
-})
-
-export default sniffer

package/src/utils/url.js

@@ -1,10 +0,0 @@
-
-export const getAbsoluteURL = function (url) {
-  // Check if absolute URL
-  if (!url.match(/^https?:\/\//)) {
-    const div = document.createElement('div')
-    div.innerHTML = `<a href="${url}">x</a>`
-    url = div.firstChild.href
-  }
-  return url
-}