xgplayer 2.32.2 → 2.32.5

package/src/skin/controls/airplay.js

@@ -1,44 +0,0 @@
-import { createDom } from '../../utils/util'
-import AirplayIcon from '../assets/airplay.svg'
-import '../style/controls/airplay.scss'
-
-let s_airplay = function () {
-  let player = this
-  if(!player.config.airplay || !window.WebKitPlaybackTargetAvailabilityEvent) return
-
-  let btn = createDom('xg-airplay', `<xg-icon class="xgplayer-icon">
-    <div class="xgplayer-icon-airplay">${AirplayIcon}</div>
-  </xg-icon>`, {}, 'xgplayer-airplay')
-
-  let tips = createDom('xg-tips', `<span class="xgplayer-tip-airplay">${player.lang.AIRPLAY_TIPS}</span>`, {}, 'xgplayer-tips')
-  btn.appendChild(tips)
-  player.once('ready', () => {
-    player.controls.appendChild(btn)
-    player.video.addEventListener('webkitplaybacktargetavailabilitychanged',
-      event => {
-        switch (event.availability) {
-        case "available":
-          btn.hidden = false;
-          btn.disabled = false;
-          break;
-        case "not-available":
-          btn.hidden = true;
-          btn.disabled = true;
-          break;
-      }
-    });
-  });
-
-  ['click', 'touchend'].forEach(item => {
-    btn.addEventListener(item, function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      player.userGestureTrigEvent('airplayBtnClick')
-    })
-  })
-}
-
-export default {
-  name: 's_airplay',
-  method: s_airplay
-}

package/src/skin/controls/cssFullscreen.js

@@ -1,36 +0,0 @@
-import { createDom } from '../../utils/util'
-import RequestCssFullIcon from '../assets/requestCssFull.svg'
-import ExitCssFullIcon from '../assets/exitCssFull.svg'
-import '../style/controls/cssfullscreen.scss'
-
-let s_cssFullscreen = function () {
-  let player = this
-  if (!player.config.cssFullscreen) { return }
-  let btn = createDom('xg-cssfullscreen', `<xg-icon class="xgplayer-icon">
-                                             <div class="xgplayer-icon-requestfull">${RequestCssFullIcon}</div>
-                                             <div class="xgplayer-icon-exitfull">${ExitCssFullIcon}</div>
-                                           </xg-icon>`, {}, 'xgplayer-cssfullscreen')
-
-  let tipsText = {}
-  tipsText.requestfull = player.lang.CSSFULLSCREEN_TIPS
-  tipsText.exitfull = player.lang.EXITCSSFULLSCREEN_TIPS
-  let tips = createDom('xg-tips', `<span class="xgplayer-tip-requestfull">${tipsText.requestfull}</span>
-                                        <span class="xgplayer-tip-exitfull">${tipsText.exitfull}</span>`, {}, 'xgplayer-tips')
-  btn.appendChild(tips)
-  player.once('ready', () => {
-    player.controls.appendChild(btn)
-  });
-
-  ['click', 'touchend'].forEach(item => {
-    btn.addEventListener(item, function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      player.userGestureTrigEvent('cssFullscreenBtnClick')
-    })
-  })
-}
-
-export default {
-  name: 's_cssFullscreen',
-  method: s_cssFullscreen
-}

package/src/skin/controls/danmu.js

@@ -1,214 +0,0 @@
-import { createDom, deepCopy, addClass, removeClass } from '../../utils/util'
-import DanmuJs from 'danmu.js'
-import PanelIcon from '../assets/panel.svg'
-import '../style/controls/danmu.scss'
-
-let s_danmu = function () {
-  let player = this
-  let root = player.root
-  if(!player.config.danmu) { return }
-  let container = createDom('xg-danmu', '', {}, 'xgplayer-danmu')
-  player.once('ready', () => {
-    root.appendChild(container)
-  })
-  let config = deepCopy({
-    container,
-    player: player.video,
-    comments: [],
-    area: {
-      start: 0,
-      end: 1
-    }
-  }, player.config.danmu)
-  let panelBtn
-  if (player.config.danmu.panel) {
-    panelBtn = createDom('xg-panel', `<xg-panel-icon class="xgplayer-panel-icon">
-                                                ${PanelIcon}
-                                              </xg-panel-icon>
-                                              <xg-panel-slider class="xgplayer-panel-slider">
-                                                <xg-hidemode class="xgplayer-hidemode">
-                                                  <p class="xgplayer-hidemode-font">屏蔽类型</p>
-                                                  <ul class="xgplayer-hidemode-radio">
-                                                    <li class="xgplayer-hidemode-scroll" id="false">滚动</li><li class="xgplayer-hidemode-top" id="false">顶部</li><li class="xgplayer-hidemode-bottom" id="false">底部</li><li class="xgplayer-hidemode-color" id="false">色彩</li>
-                                                  </ul>
-                                                </xg-hidemode>
-                                                <xg-transparency class="xgplayer-transparency">
-                                                  <span>不透明度</span>
-                                                  <input class="xgplayer-transparency-line xgplayer-transparency-color xgplayer-transparency-bar xgplayer-transparency-gradient" type="range" min="0" max="100" step="0.1" value="50"></input>
-                                                </xg-transparency>
-                                                <xg-showarea class="xgplayer-showarea">
-                                                  <div class="xgplayer-showarea-name">显示区域</div>
-                                                  <div class="xgplayer-showarea-control">
-                                                    <div class="xgplayer-showarea-control-up">
-                                                      <span class="xgplayer-showarea-control-up-item xgplayer-showarea-onequarters">1/4</span>
-                                                      <span class="xgplayer-showarea-control-up-item xgplayer-showarea-twoquarters selected-color">1/2</span>
-                                                      <span class="xgplayer-showarea-control-up-item xgplayer-showarea-threequarters">3/4</span>
-                                                      <span class="xgplayer-showarea-control-up-item xgplayer-showarea-full">1</span>
-                                                    </div>
-                                                    <div class="xgplayer-showarea-control-down">
-                                                      <div class="xgplayer-showarea-control-down-dots">
-                                                        <span class="xgplayer-showarea-onequarters-dot"></span>
-                                                        <span class="xgplayer-showarea-twoquarters-dot"></span>
-                                                        <span class="xgplayer-showarea-threequarters-dot"></span>
-                                                        <span class="xgplayer-showarea-full-dot"></span>
-                                                      </div>
-                                                      <input class="xgplayer-showarea-line xgplayer-showarea-color xgplayer-showarea-bar xgplayer-gradient" type="range" min="1" max="4" step="1" value="1">
-                                                    </div>
-                                                  </div>
-                                                </xg-showarea>
-                                                <xg-danmuspeed class="xgplayer-danmuspeed">
-                                                  <div class="xgplayer-danmuspeed-name">弹幕速度</div>
-                                                  <div class="xgplayer-danmuspeed-control">
-                                                    <div class="xgplayer-danmuspeed-control-up">
-                                                      <span class="xgplayer-danmuspeed-control-up-item xgplayer-danmuspeed-small">慢</span>
-                                                      <span class="xgplayer-danmuspeed-control-up-item xgplayer-danmuspeed-middle selected-color">中</span>
-                                                      <span class="xgplayer-danmuspeed-control-up-item xgplayer-danmuspeed-large">快</span>
-                                                    </div>
-                                                    <div class="xgplayer-danmuspeed-control-down">
-                                                      <div class="xgplayer-danmuspeed-control-down-dots">
-                                                        <span class="xgplayer-danmuspeed-small-dot"></span>
-                                                        <span class="xgplayer-danmuspeed-middle-dot"></span>
-                                                        <span class="xgplayer-danmuspeed-large-dot"></span>
-                                                      </div>
-                                                      <input class="xgplayer-danmuspeed-line xgplayer-danmuspeed-color xgplayer-danmuspeed-bar xgplayer-gradient" type="range" min="50" max="150" step="50" value="100">
-                                                    </div>
-                                                  </div>
-                                                </xg-danmuspeed>
-                                                <xg-danmufont class="xgplayer-danmufont">
-                                                  <div class="xgplayer-danmufont-name">字体大小</div>
-                                                  <div class="xgplayer-danmufont-control">
-                                                    <div class="xgplayer-danmufont-control-up">
-                                                      <span class="xgplayer-danmufont-control-up-item xgplayer-danmufont-small">小</span>
-                                                      <span class="xgplayer-danmufont-control-up-item xgplayer-danmufont-middle">中</span>
-                                                      <span class="xgplayer-danmufont-control-up-item xgplayer-danmufont-large selected-color">大</span>
-                                                    </div>
-                                                    <div class="xgplayer-danmufont-control-down">
-                                                      <div class="xgplayer-danmufont-control-down-dots">
-                                                        <span class="xgplayer-danmufont-small-dot"></span>
-                                                        <span class="xgplayer-danmufont-middle-dot"></span>
-                                                        <span class="xgplayer-danmufont-large-dot"></span>
-                                                      </div>
-                                                      <input class="xgplayer-danmufont-line xgplayer-danmufont-color xgplayer-danmufont-bar xgplayer-gradient" type="range" min="20" max="30" step="5" value="25">
-                                                    </div>
-                                                  </div>
-                                                </xg-danmufont>
-                                              </xg-panel-slider>`, {tabindex: 7}, 'xgplayer-panel')
-    player.once('ready', () => {
-      player.controls.appendChild(panelBtn)
-    })
-  }
-  player.once('complete', () => {
-    let danmujs = new DanmuJs(config)
-    player.emit('initDefaultDanmu', danmujs)
-    player.danmu = danmujs
-
-    if (!player.config.danmu.panel) {
-      return
-    }
-
-    let slider = panelBtn.querySelector('.xgplayer-panel-slider')
-    let focusStatus
-    let focusarray = ['mouseenter', 'touchend', 'click']
-    focusarray.forEach(item => {
-      panelBtn.addEventListener(item, function (e) {
-        e.preventDefault()
-        e.stopPropagation()
-        addClass(slider, 'xgplayer-panel-active')
-        panelBtn.focus()
-        focusStatus = true
-      })
-    })
-    panelBtn.addEventListener('mouseleave', function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      removeClass(slider, 'xgplayer-panel-active')
-      focusStatus = false
-    })
-    slider.addEventListener('mouseleave', function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      if (focusStatus === false) {
-        removeClass(slider, 'xgplayer-panel-active')
-      }
-    })
-
-    let danmuConfig = player.config.danmu
-    let hidemodeScroll = panelBtn.querySelector('.xgplayer-hidemode-scroll')
-    let hidemodeTop = panelBtn.querySelector('.xgplayer-hidemode-top')
-    let hidemodeBottom = panelBtn.querySelector('.xgplayer-hidemode-bottom')
-    let hidemodeColor = panelBtn.querySelector('.xgplayer-hidemode-color')
-    let hidemodeArray = {
-      'scroll': hidemodeScroll,
-      'top': hidemodeTop,
-      'bottom': hidemodeBottom,
-      'color': hidemodeColor
-    }
-    for (let key in hidemodeArray) {
-      let keys = key
-      let ev = ['touchend', 'click']
-      ev.forEach(item => {
-        hidemodeArray[keys].addEventListener(item, function (e) {
-          if (hidemodeArray[keys].getAttribute('id') !== 'true') {
-            hidemodeArray[keys].style.color = '#f85959'
-            hidemodeArray[keys].setAttribute('id', 'true')
-            player.danmu.hide(keys)
-          } else {
-            hidemodeArray[keys].style.color = '#aaa'
-            hidemodeArray[keys].setAttribute('id', 'false')
-            player.danmu.show(keys)
-          }
-        })
-      })
-    }
-    let transparency = panelBtn.querySelector('.xgplayer-transparency-line')
-    let transparencyGradient = panelBtn.querySelector('.xgplayer-transparency-gradient')
-    let transparencyValue = 50
-    transparencyGradient.style.background = 'linear-gradient(to right, #f85959 0%, #f85959 ' + transparencyValue + '%, #aaa ' + transparencyValue + '%, #aaa)'
-    transparency.addEventListener('input', function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      transparencyValue = e.target.value
-      transparencyGradient.style.background = 'linear-gradient(to right, #f85959 0%, #f85959 ' + transparencyValue + '%, #aaa ' + transparencyValue + '%, #aaa)'
-      danmuConfig.comments.forEach(item => {
-        item.style.opacity = transparencyValue / 100
-      })
-    })
-    let showarea = panelBtn.querySelector('.xgplayer-showarea-line')
-    showarea.addEventListener('input', function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      let showareaValue = e.target.value
-      player.danmu.config.area.end = showareaValue / 100
-      player.config.danmu.area.end = showareaValue / 100
-      player.danmu.bulletBtn.main.channel.resize()
-    })
-    let danmuspeed = panelBtn.querySelector('.xgplayer-danmuspeed-line')
-    danmuspeed.addEventListener('input', function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      let danmuspeedValue = e.target.value
-      danmuConfig.comments.forEach(item => {
-        item.duration = (200 - danmuspeedValue) * 100
-      })
-    })
-    let danmufont = panelBtn.querySelector('.xgplayer-danmufont-line')
-    danmufont.addEventListener('input', function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      let danmufontValue = e.target.value
-      danmuConfig.comments.forEach(item => {
-        item.style.fontSize = danmufontValue + 'px'
-      })
-    })
-    if(navigator.userAgent.indexOf("Firefox") > -1) {
-      for (let i = 0; i < slider.querySelectorAll('input').length; i++) {
-        slider.querySelectorAll('input')[i].style.marginTop = '10px'
-      }
-    }
-  })
-}
-
-export default {
-  name: 's_danmu',
-  method: s_danmu
-}

package/src/skin/controls/definition.js

@@ -1,251 +0,0 @@
-import { createDom, addClass, removeClass, hasClass, toggleClass } from '../../utils/util'
-import sniffer from '../../utils/sniffer'
-import '../style/controls/definition.scss'
-
-let s_definition = function () {
-  let player = this
-  let root = player.root
-  let paused
-  let container = createDom('xg-definition', '', {tabindex: 3}, 'xgplayer-definition')
-  if (sniffer.device === 'mobile') {
-    player.config.definitionActive = 'click'
-  }
-
-  function onCanplayResourceReady () {
-    let list = player.definitionList
-    let tmp = ['<ul>'], src = player.config.url, a = document.createElement('a')
-    if (player.switchURL) {
-      ['mp4', 'hls', '__flv__', 'dash'].every(item => {
-        if (player[item]) {
-          if(player[item].url) {
-            a.href = player[item].url
-          }
-          if(item === '__flv__') {
-            if(player[item]._options) {
-              a.href = player[item]._options.url
-            } else {
-              a.href = player[item]._mediaDataSource.url
-            }
-          }
-          if(item === 'hls') {
-            a.href = player[item].originUrl || player[item].url
-            src = a.href
-          }
-          src = a.href
-          return false
-        } else {
-          return true
-        }
-      })
-    } else {
-      src = player.currentSrc || player.src
-    }
-    list.forEach(item => {
-      a.href = item.url
-      if (player.dash) {
-        tmp.push(`<li url='${item.url}' cname='${item.name}' class='${item.selected ? 'selected' : ''}'>${item.name}</li>`)
-      } else {
-        tmp.push(`<li url='${item.url}' cname='${item.name}' class='${a.href === src ? 'selected' : ''}'>${item.name}</li>`)
-      }
-    })
-    let cursrc = list.filter(item => {
-      a.href = item.url
-      if (player.dash) {
-        return item.selected === true
-      } else {
-        return a.href === src
-      }
-    })
-    console.warn('cursrc:', cursrc, 'src:', src, 'list:', list)
-    tmp.push(`</ul><p class='name'>${(cursrc[0] || {name: ''}).name}</p>`)
-    let urlInRoot = root.querySelector('.xgplayer-definition')
-    if (urlInRoot) {
-      urlInRoot.innerHTML = tmp.join('')
-      let cur = urlInRoot.querySelector('.name')
-      if (!player.config.definitionActive || player.config.definitionActive === 'hover') {
-        cur.addEventListener('mouseenter', (e) => {
-          e.preventDefault()
-          e.stopPropagation()
-          addClass(player.root, 'xgplayer-definition-active')
-          urlInRoot.focus()
-        })
-      }
-    } else {
-      container.innerHTML = tmp.join('')
-      let cur = container.querySelector('.name')
-      if (!player.config.definitionActive || player.config.definitionActive === 'hover') {
-        cur.addEventListener('mouseenter', (e) => {
-          e.preventDefault()
-          e.stopPropagation()
-          addClass(player.root, 'xgplayer-definition-active')
-          container.focus()
-        })
-      }
-      player.controls.appendChild(container)
-    }
-  }
-  function onResourceReady (list) {
-    player.definitionList = list
-    if (list && list instanceof Array && list.length > 0) {
-      addClass(root, 'xgplayer-is-definition')
-      player.once('canplay', onCanplayResourceReady)
-    }
-  }
-  player.on('resourceReady', onResourceReady)
-
-  function onPlayingChangeDefinition () {
-    player.currentTime = player.curTime
-    if (paused) {
-      player.pause()
-    } else {
-      let playPromise = player.play()
-      if (playPromise !== undefined && playPromise) {
-        playPromise.catch(err => {})
-      }
-    }
-  };
-  function onTimeupdateChangeDefinition () {
-    player.once('timeupdate', onPlayingChangeDefinition)
-  };
-  ['touchend', 'click'].forEach(item => {
-    container.addEventListener(item, function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      let list = player.definitionList
-      let li = e.target || e.srcElement, a = document.createElement('a')
-      if (li && li.tagName.toLocaleLowerCase() === 'li') {
-        let from, to
-        Array.prototype.forEach.call(li.parentNode.childNodes, item => {
-          if(hasClass(item, 'selected')) {
-            from = item.getAttribute('cname')
-            removeClass(item, 'selected')
-            player.emit('beforeDefinitionChange', item.getAttribute('url'))
-          }
-        })
-        if (player.dash) {
-          list.forEach(item => {
-            item.selected = false
-            if (item.name === li.innerHTML) {
-              item.selected = true
-            }
-          })
-        }
-
-        addClass(li, 'selected')
-        to = li.getAttribute('cname')
-        li.parentNode.nextSibling.innerHTML = `${li.getAttribute('cname')}`
-        a.href = li.getAttribute('url')
-        paused = player.paused
-        if (player.switchURL) {
-          let curRUL = document.createElement('a');
-          ['mp4', 'hls', '__flv__', 'dash'].every(item => {
-            if (player[item]) {
-              if(player[item].url) {
-                curRUL.href = player[item].url
-              }
-              if(item === '__flv__') {
-                if(player[item]._options) {
-                  curRUL.href = player[item]._options.url
-                } else {
-                  curRUL.href = player[item]._mediaDataSource.url
-                }
-              }
-              if(item === 'hls') {
-                curRUL.href = player[item].originUrl || player[item].url
-              }
-              return false
-            } else {
-              return true
-            }
-          })
-          if (curRUL.href !== a.href && !player.ended) {
-            player.switchURL(a.href)
-          }
-        } else {
-          if (player['hls']) {
-            let curRUL = document.createElement('a')
-            curRUL = player['hls'].url
-          }
-          if (a.href !== player.currentSrc) {
-            player.curTime = player.currentTime
-            if (!player.ended) {
-              player.src = a.href
-            }
-          }
-        }
-        if(navigator.userAgent.toLowerCase().indexOf('android') > -1) {
-          player.once('timeupdate', onTimeupdateChangeDefinition)
-        } else {
-          player.once('loadedmetadata', onPlayingChangeDefinition)
-        }
-        player.emit('definitionChange', {from, to})
-        if (sniffer.device === 'mobile') {
-          removeClass(player.root, 'xgplayer-definition-active')
-        }
-      } else if (player.config.definitionActive === 'click' && li && (li.tagName.toLocaleLowerCase() === 'p' || li.tagName.toLocaleLowerCase() === 'em')) {
-        if(sniffer.device === 'mobile') {
-          toggleClass(player.root, 'xgplayer-definition-active')
-        } else {
-          addClass(player.root, 'xgplayer-definition-active')
-        }
-        container.focus()
-      }
-      player.emit('focus')
-    }, false)
-  })
-
-  container.addEventListener('mouseleave', e => {
-    e.preventDefault()
-    e.stopPropagation()
-    removeClass(root, 'xgplayer-definition-active')
-  })
-
-  function onBlur () {
-    removeClass(root, 'xgplayer-definition-active')
-  }
-  player.on('blur', onBlur)
-
-  function onDestroy () {
-    player.off('resourceReady', onResourceReady)
-    player.off('canplay', onCanplayResourceReady)
-    if(navigator.userAgent.toLowerCase().indexOf('android') > -1) {
-      player.off('timeupdate', onTimeupdateChangeDefinition)
-      player.off('timeupdate', onPlayingChangeDefinition)
-    } else {
-      player.off('loadedmetadata', onPlayingChangeDefinition)
-    }
-    player.off('blur', onBlur)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-
-  player.getCurrentDefinition = function () {
-    let liList = player.controls.querySelectorAll('.xgplayer-definition ul li')
-    for(let i = 0; i < liList.length; i++) {
-      if(liList[i].className && liList[i].className.indexOf('selected') > -1) {
-        return {
-          name: liList[i].getAttribute('cname'),
-          url: liList[i].getAttribute('url')
-        }
-      }
-    }
-    return {
-      name: liList[0].getAttribute('cname'),
-      url: liList[0].getAttribute('url')
-    }
-  }
-
-  player.switchDefinition = function (definitionObj = {}) {
-    let liList = player.controls.querySelectorAll('.xgplayer-definition ul li')
-    for(let i = 0; i < liList.length; i++) {
-      if(liList[i].getAttribute('cname') === definitionObj.name || liList[i].getAttribute('url') === definitionObj.url || i === definitionObj.index) {
-        liList[i].click()
-      }
-    }
-  }
-}
-
-export default {
-  name: 's_definition',
-  method: s_definition
-}

package/src/skin/controls/download.js

@@ -1,29 +0,0 @@
-import { createDom } from '../../utils/util'
-import DownloadIcon from '../assets/download.svg'
-import '../style/controls/download.scss'
-
-let s_download = function () {
-  let player = this
-  if (!player.config.download) { return }
-  let btn = createDom('xg-download', `<xg-icon class="xgplayer-icon">${DownloadIcon}</xg-icon>`, {}, 'xgplayer-download')
-
-  let tipsText = player.lang.DOWNLOAD_TIPS
-  let tips = createDom('xg-tips', `<span class="xgplayer-tip-download">${tipsText}</span>`, {}, 'xgplayer-tips')
-  btn.appendChild(tips)
-  player.once('ready', () => {
-    player.controls.appendChild(btn)
-  });
-
-  ['click', 'touchend'].forEach(item => {
-    btn.addEventListener(item, function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      player.userGestureTrigEvent('downloadBtnClick')
-    })
-  })
-}
-
-export default {
-  name: 's_download',
-  method: s_download
-}

package/src/skin/controls/enter.js

@@ -1,21 +0,0 @@
-import { createDom } from '../../utils/util'
-import '../style/controls/enter.scss'
-
-let s_enter = function () {
-  let player = this
-  let root = player.root
-
-  let barStr = ''
-  for(let i = 1; i <= 12; i++) {
-    barStr += `<div class="xgplayer-enter-bar${i}"></div>`
-  }
-  let enter = createDom('xg-enter', `<div class="xgplayer-enter-spinner">
-                                                  ${barStr}
-                                                </div>`, {}, 'xgplayer-enter');
-  root.appendChild(enter)
-}
-
-export default {
-  name: 's_enter',
-  method: s_enter
-}

package/src/skin/controls/error.js

@@ -1,57 +0,0 @@
-import { addClass, removeClass, createDom } from '../../utils/util'
-import '../style/controls/error.scss'
-
-let s_error = function () {
-  let player = this
-  let root = player.root
-
-  let error = createDom('xg-error', '<span class="xgplayer-error-text">请<span class="xgplayer-error-refresh">刷新</span>试试</span>', {}, 'xgplayer-error')
-  player.once('ready', () => {
-    root.appendChild(error)
-  });
-
-  let text = error.querySelector('.xgplayer-error-text')
-  if (player.config.lang && player.config.lang === 'zh-cn') {
-    text.innerHTML = player.config.errorTips || `请<span class="xgplayer-error-refresh">刷新</span>试试`
-  } else {
-    text.innerHTML = player.config.errorTips || `please try to <span class="xgplayer-error-refresh">refresh</span>`
-  }
-  let refresh = null
-
-  function onError () {
-    // player.controls.style.display = 'none'
-    // if (player.error) {
-    //   text.innerHTML = player.error
-    // } else {
-    
-    // }
-    addClass(player.root, 'xgplayer-is-error')
-    refresh = error.querySelector('.xgplayer-error-refresh')
-    if (refresh) {
-      ['touchend', 'click'].forEach(item => {
-        refresh.addEventListener(item, function (e) {
-          e.preventDefault()
-          e.stopPropagation()
-          player.autoplay = true
-          let currentTime = player.currentTime
-          player.once('playing', () => {
-            player.currentTime = currentTime
-            removeClass(player.root, 'xgplayer-is-error')
-          })
-          player.src = player.config.url
-        })
-      })
-    }
-  }
-  player.on('error', onError)
-  function onDestroy () {
-    player.off('error', onError)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 's_error',
-  method: s_error
-}

package/src/skin/controls/flex.js

@@ -1,13 +0,0 @@
-import { createDom } from '../../utils/util'
-import '../style/controls/placeholder.scss'
-
-let s_flex = function () {
-  let player = this
-  let playceholder = createDom('xg-placeholder', '', {}, 'xgplayer-placeholder')
-  player.controls.appendChild(playceholder)
-}
-
-export default {
-  name: 's_flex',
-  method: s_flex
-}