xgplayer 2.32.1 → 2.32.3

package/src/skin/controls/fullscreen.js

@@ -1,43 +0,0 @@
-import { createDom, createImgBtn } from '../../utils/util'
-import RequestFullIcon from '../assets/requestFull.svg'
-import ExitFullIcon from '../assets/exitFull.svg'
-import '../style/controls/fullscreen.scss'
-
-let s_fullscreen = function () {
-  let player = this
-  let fullscreenBtn = player.config.fullscreenBtn ? player.config.fullscreenBtn : {}
-  let btn
-  if (fullscreenBtn.type === 'img') {
-    btn = createImgBtn('fullscreen', fullscreenBtn.url.request, fullscreenBtn.width, fullscreenBtn.height)
-  } else {
-    btn = createDom('xg-fullscreen', `<xg-icon class="xgplayer-icon">
-                                             <div class="xgplayer-icon-requestfull">${RequestFullIcon}</div>
-                                             <div class="xgplayer-icon-exitfull">${ExitFullIcon}</div>
-                                           </xg-icon>`, {}, 'xgplayer-fullscreen')
-  }
-
-  let tipsText = {}
-  tipsText.requestfull = player.lang.FULLSCREEN_TIPS
-  tipsText.exitfull = player.lang.EXITFULLSCREEN_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', () => {
-    if(player.controls) {
-      player.controls.appendChild(btn)
-    }
-  });
-
-  ['click', 'touchend'].forEach(item => {
-    btn.addEventListener(item, function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      player.userGestureTrigEvent('fullscreenBtnClick')
-    })
-  })
-}
-
-export default {
-  name: 's_fullscreen',
-  method: s_fullscreen
-}

package/src/skin/controls/i18n.js

@@ -1,168 +0,0 @@
-import { typeOf } from '../../utils/util'
-
-let s_i18n = function () {
-  let player = this; let lang = {};
-  lang.en = {
-    HAVE_NOTHING: 'There is no information on whether audio/video is ready',
-    HAVE_METADATA: 'Audio/video metadata is ready ',
-    HAVE_CURRENT_DATA: 'Data about the current play location is available, but there is not enough data to play the next frame/millisecond',
-    HAVE_FUTURE_DATA: 'Current and at least one frame of data is available',
-    HAVE_ENOUGH_DATA: 'The available data is sufficient to start playing',
-    NETWORK_EMPTY: 'Audio/video has not been initialized',
-    NETWORK_IDLE: 'Audio/video is active and has been selected for resources, but no network is used',
-    NETWORK_LOADING: 'The browser is downloading the data',
-    NETWORK_NO_SOURCE: 'No audio/video source was found',
-    MEDIA_ERR_ABORTED: 'The fetch process is aborted by the user',
-    MEDIA_ERR_NETWORK: 'An error occurred while downloading',
-    MEDIA_ERR_DECODE: 'An error occurred while decoding',
-    MEDIA_ERR_SRC_NOT_SUPPORTED: 'Audio/video is not supported',
-    REPLAY: 'Replay',
-    ERROR: 'Network is offline',
-    PLAY_TIPS: 'Play',
-    PAUSE_TIPS: 'Pause',
-    PLAYNEXT_TIPS: 'Play next',
-    DOWNLOAD_TIPS: 'Download',
-    ROTATE_TIPS: 'Rotate',
-    RELOAD_TIPS: 'Reload',
-    FULLSCREEN_TIPS: "Fullscreen",
-    EXITFULLSCREEN_TIPS: 'Exit fullscreen',
-    CSSFULLSCREEN_TIPS: 'Cssfullscreen',
-    EXITCSSFULLSCREEN_TIPS: 'Exit cssfullscreen',
-    TEXTTRACK: 'Caption',
-    PIP: 'Pip',
-    MINIPLAYER: 'Miniplayer',
-    SCREENSHOT: 'Screenshot',
-    LIVE: 'LIVE',
-    OFF: 'Off',
-    MINIPLAYER_DRAG: 'Click and hold to drag',
-    AIRPLAY_TIPS: 'Airplay',
-  }
-  lang['zh-cn'] = {
-    HAVE_NOTHING: '没有关于音频/视频是否就绪的信息',
-    HAVE_METADATA: '音频/视频的元数据已就绪',
-    HAVE_CURRENT_DATA: '关于当前播放位置的数据是可用的，但没有足够的数据来播放下一帧/毫秒',
-    HAVE_FUTURE_DATA: '当前及至少下一帧的数据是可用的',
-    HAVE_ENOUGH_DATA: '可用数据足以开始播放',
-    NETWORK_EMPTY: '音频/视频尚未初始化',
-    NETWORK_IDLE: '音频/视频是活动的且已选取资源，但并未使用网络',
-    NETWORK_LOADING: '浏览器正在下载数据',
-    NETWORK_NO_SOURCE: '未找到音频/视频来源',
-    MEDIA_ERR_ABORTED: '取回过程被用户中止',
-    MEDIA_ERR_NETWORK: '当下载时发生错误',
-    MEDIA_ERR_DECODE: '当解码时发生错误',
-    MEDIA_ERR_SRC_NOT_SUPPORTED: '不支持的音频/视频格式',
-    REPLAY: '重播',
-    ERROR: '网络连接似乎出现了问题',
-    PLAY_TIPS: '播放',
-    PAUSE_TIPS: '暂停',
-    PLAYNEXT_TIPS: '下一集',
-    DOWNLOAD_TIPS: '下载',
-    ROTATE_TIPS: '旋转',
-    RELOAD_TIPS: '重新载入',
-    FULLSCREEN_TIPS: "进入全屏",
-    EXITFULLSCREEN_TIPS: '退出全屏',
-    CSSFULLSCREEN_TIPS: '进入样式全屏',
-    EXITCSSFULLSCREEN_TIPS: '退出样式全屏',
-    TEXTTRACK: '字幕',
-    PIP: '画中画',
-    MINIPLAYER: '迷你播放器',
-    SCREENSHOT: '截图',
-    LIVE: '正在直播',
-    OFF: '关闭',
-    MINIPLAYER_DRAG: '点击按住可拖动视频',
-    AIRPLAY_TIPS: '隔空播放',
-  }
-  lang['zh-hk'] = {
-    HAVE_NOTHING: '沒有關於音頻/視頻是否就緒的信息',
-    HAVE_METADATA: '音頻/視頻的元數據已就緒',
-    HAVE_CURRENT_DATA: '關於當前播放位置的數據是可用的，但沒有足夠的數據來播放下壹幀/毫秒',
-    HAVE_FUTURE_DATA: '當前及至少下壹幀的數據是可用的',
-    HAVE_ENOUGH_DATA: '可用數據足以開始播放',
-    NETWORK_EMPTY: '音頻/視頻尚未初始化',
-    NETWORK_IDLE: '音頻/視頻是活動的且已選取資源，但並未使用網絡',
-    NETWORK_LOADING: '瀏覽器正在下載數據',
-    NETWORK_NO_SOURCE: '未找到音頻/視頻來源',
-    MEDIA_ERR_ABORTED: '取回過程被用戶中止',
-    MEDIA_ERR_NETWORK: '當下載時發生錯誤',
-    MEDIA_ERR_DECODE: '當解碼時發生錯誤',
-    MEDIA_ERR_SRC_NOT_SUPPORTED: '不支持的音頻/視頻格式',
-    REPLAY: '重播',
-    ERROR: '網絡連接似乎出現了問題',
-    PLAY_TIPS: '播放',
-    PAUSE_TIPS: '暫停',
-    PLAYNEXT_TIPS: '下壹集',
-    DOWNLOAD_TIPS: '下載',
-    ROTATE_TIPS: '旋轉',
-    RELOAD_TIPS: '重新載入',
-    FULLSCREEN_TIPS: "進入全屏",
-    EXITFULLSCREEN_TIPS: '退出全屏',
-    CSSFULLSCREEN_TIPS: '進入樣式全屏',
-    EXITCSSFULLSCREEN_TIPS: '退出樣式全屏',
-    TEXTTRACK: '字幕',
-    PIP: '畫中畫',
-    MINIPLAYER: '迷妳播放器',
-    SCREENSHOT: '截圖',
-    LIVE: '正在直播',
-    OFF: '關閉',
-    MINIPLAYER_DRAG: '點擊按住可拖動視頻',
-    AIRPLAY_TIPS: '隔空播放',
-  }
-  lang['jp'] = {
-    HAVE_NOTHING: 'オーディオ/ビデオが準備できているか情報がありません',
-    HAVE_METADATA: 'オーディオ/ビデオのメタデータは準備できています',
-    HAVE_CURRENT_DATA: '現在の再生位置に関するデータは利用可能ですが、次のフレーム/ミリ秒を再生するのに十分なデータがありません',
-    HAVE_FUTURE_DATA: '現在、少なくとも次のフレームのデータが利用可能です',
-    HAVE_ENOUGH_DATA: '利用可能なデータは再生を開始するのに十分です',
-    NETWORK_EMPTY: 'オーディオ/ビデオが初期化されていません',
-    NETWORK_IDLE: 'オーディオ/ビデオはアクティブでリソースが選択されていますが、ネットワークが使用されていません',
-    NETWORK_LOADING: 'ブラウザーはデータをダウンロードしています',
-    NETWORK_NO_SOURCE: 'オーディオ/ビデオ のソースが見つかりません',
-    MEDIA_ERR_ABORTED: 'ユーザーによってフェッチプロセスが中止されました',
-    MEDIA_ERR_NETWORK: 'ダウンロード中にエラーが発生しました',
-    MEDIA_ERR_DECODE: 'デコード中にエラーが発生しました',
-    MEDIA_ERR_SRC_NOT_SUPPORTED: 'オーディオ/ビデオ の形式がサポートされていません',
-    REPLAY: 'リプレイ',
-    ERROR: 'ネットワークの接続に問題が発生しました',
-    PLAY_TIPS: 'プレイ',
-    PAUSE_TIPS: '一時停止',
-    PLAYNEXT_TIPS: '次をプレイ',
-    DOWNLOAD_TIPS: 'ダウンロード',
-    ROTATE_TIPS: '回転',
-    RELOAD_TIPS: '再読み込み',
-    FULLSCREEN_TIPS: "フルスクリーン",
-    EXITFULLSCREEN_TIPS: 'フルスクリーンを終了',
-    CSSFULLSCREEN_TIPS: 'シアターモード',
-    EXITCSSFULLSCREEN_TIPS: 'シアターモードを終了',
-    TEXTTRACK: '字幕',
-    PIP: 'ミニプレーヤー',
-    MINIPLAYER: 'ミニプレーヤー',
-    SCREENSHOT: 'スクリーンショット',
-    LIVE: '生放送',
-    OFF: 'オフ',
-    MINIPLAYER_DRAG: 'ボタンを押して働画をドラッグする',
-    AIRPLAY_TIPS: '隔空放送',
-  }
-
-  Object.defineProperty(player, 'lang', {
-    get: function () {
-      if (player.config) {
-        return lang[player.config.lang] || lang['en']
-      } else {
-        return lang['en']
-      }
-    },
-    set: function (value) {
-      if (typeOf(value) === 'Object') {
-        Object.keys(value).forEach(key => {
-          lang[key] = value[key]
-        })
-      }
-    }
-  })
-
-}
-
-export default {
-  name: 's_i18n',
-  method: s_i18n
-}

package/src/skin/controls/loading.js

@@ -1,17 +0,0 @@
-import { createDom } from '../../utils/util'
-import Loading from '../assets/loading.svg'
-import '../style/controls/loading.scss'
-
-let s_loading = function () {
-  let player = this
-  let root = player.root
-  let container = createDom('xg-loading', `${Loading}`, {}, 'xgplayer-loading')
-  player.once('ready', () => {
-    root.appendChild(container)
-  })
-}
-
-export default {
-  name: 's_loading',
-  method: s_loading
-}

package/src/skin/controls/localPreview.js

@@ -1,18 +0,0 @@
-import { createDom } from '../../utils/util'
-
-let s_localPreview = function () {
-  let player = this
-  if (player.config.preview && player.config.preview.uploadEl) {
-    let preview = createDom('xg-preview', '<input type="file">', {}, 'xgplayer-preview')
-    let upload = preview.querySelector('input')
-    player.config.preview.uploadEl.appendChild(preview)
-    upload.onchange = function () {
-      player.emit('upload', upload)
-    }
-  }
-}
-
-export default {
-  name: 's_localPreview',
-  method: s_localPreview
-}

package/src/skin/controls/memoryPlay.js

@@ -1,39 +0,0 @@
-import { createDom, format } from '../../utils/util'
-import '../style/controls/memoryPlay.scss'
-
-let s_memoryPlay = function () {
-  let player = this
-  let lastPlayTime = player.config.lastPlayTime || 0
-  let lastPlayTimeHideDelay = player.config.lastPlayTimeHideDelay || 0
-  let dom = null
-  if (lastPlayTime <= 0) {
-    return
-  }
-  dom = createDom('xg-memoryplay', `<div class="xgplayer-memoryplay-spot"><div class="xgplayer-progress-tip">您上次观看到 <span class="xgplayer-lasttime">${format(lastPlayTime)}</span> ，为您自动续播 <span class="btn-close"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></span></div></div>`, {}, 'xgplayer-memoryplay');
-  dom.addEventListener('mouseover', (e) => {
-    e.stopPropagation();
-  });
-  const removeFunc = () => {
-    dom && dom.parentNode && dom.parentNode.removeChild(dom)
-    dom = null
-  }
-  dom.querySelector('.xgplayer-progress-tip .btn-close').addEventListener('click', removeFunc)
-  const handlePlay = () => {
-    if(lastPlayTimeHideDelay > 0) {
-      player.root.appendChild(dom);
-    }
-    player.emit('memoryPlayStart', lastPlayTime);
-    if (lastPlayTimeHideDelay > 0) {
-      setTimeout(() => {
-        removeFunc()
-      }, lastPlayTimeHideDelay * 1000)
-    }
-  }
-  player.once('playing', handlePlay)
-  player.once('ended', removeFunc)
-}
-
-export default {
-  name: 's_memoryPlay',
-  method: s_memoryPlay
-}

package/src/skin/controls/miniplayer.js

@@ -1,26 +0,0 @@
-import { createDom } from '../../utils/util'
-import '../style/controls/miniplayer.scss'
-
-let s_miniplayer = function () {
-  let player = this
-  if (!player.config.miniplayer) { return }
-  let miniplayer = player.lang.MINIPLAYER
-  let btn = createDom('xg-miniplayer', `<p class="name"><span>${miniplayer}</span></p>`, {tabindex: 9}, 'xgplayer-miniplayer')
-
-  player.once('ready', () => {
-    player.controls.appendChild(btn);
-  });
-
-  ['click', 'touchend'].forEach(item => {
-    btn.addEventListener(item, e => {
-      e.preventDefault()
-      e.stopPropagation()
-      player.userGestureTrigEvent('miniplayerBtnClick')
-    })
-  })
-}
-
-export default {
-  name: 's_miniplayer',
-  method: s_miniplayer
-}

package/src/skin/controls/nativeTextTrack.js

@@ -1,153 +0,0 @@
-import Player from '../../player'
-import '../style/controls/textTrack.scss'
-
-let s_nativeTextTrack = function () {
-  if (!this.config.nativeTextTrack) {
-    return
-  }
-  let player = this
-  let root = player.root
-  let util = Player.util
-  let container = util.createDom('xg-texttrack', '', {tabindex: 7}, 'xgplayer-texttrack')
-  let list = player.config.nativeTextTrack
-  if (list && Array.isArray(list) && list.length > 0) {
-    util.addClass(player.root, 'xgplayer-is-texttrack')
-    player.once('canplay', function () {
-      let tmp = ['<ul>']
-      tmp.push(`<li class='${this.textTrackShowDefault ? '' : 'selected'}'}'>${player.lang.OFF}</li>`)
-      list.forEach(item => {
-        tmp.push(`<li class='${item.default && this.textTrackShowDefault ? 'selected' : ''}'>${item.label}</li>`)
-      })
-      let controlText = player.lang.TEXTTRACK
-      tmp.push(`</ul><p class="name">${controlText}</p>`)
-
-      let urlInRoot = root.querySelector('.xgplayer-texttrack')
-      if (urlInRoot) {
-        urlInRoot.innerHTML = tmp.join('')
-        let cur = urlInRoot.querySelector('.name')
-        if (!player.config.textTrackActive || player.config.textTrackActive === 'hover') {
-          cur.addEventListener('mouseenter', e => {
-            e.preventDefault()
-            e.stopPropagation()
-            util.addClass(root, 'xgplayer-texttrack-active')
-            urlInRoot.focus()
-          })
-        }
-      } else {
-        container.innerHTML = tmp.join('')
-        let cur = container.querySelector('.name')
-        if (!player.config.textTrackActive || player.config.textTrackActive === 'hover') {
-          cur.addEventListener('mouseenter', e => {
-            e.preventDefault()
-            e.stopPropagation()
-            util.addClass(player.root, 'xgplayer-texttrack-active')
-            container.focus()
-          })
-        }
-        player.controls.appendChild(container)
-      }
-    })
-  };
-
-  ['touchend', 'click'].forEach(item => {
-    container.addEventListener(item, function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      let li = e.target || e.srcElement
-      if (li && li.tagName.toLocaleLowerCase() === 'li') {
-        Array.prototype.forEach.call(li.parentNode.childNodes, item => {
-          util.removeClass(item, 'selected')
-        })
-        util.addClass(li, 'selected')
-        let trackDoms = player.root.getElementsByTagName('Track')
-        if (li.innerHTML === player.lang.OFF) {
-          trackDoms[0].track.mode = 'hidden'
-          trackDoms[0].src = ''
-          util.removeClass(player.root, 'xgplayer-texttrack-active')
-        } else {
-          trackDoms[0].style.display = 'block'
-          util.addClass(player.root, 'xgplayer-texttrack-active')
-          trackDoms[0].track.mode = 'showing'
-
-          list.some(item => {
-            if (item.label === li.innerHTML) {
-              trackDoms[0].src = item.src
-              if (item.kind) {
-                trackDoms[0].kind = item.kind
-              }
-              trackDoms[0].label = item.label
-              if (item.srclang) {
-                trackDoms[0].srclang = item.srclang
-              }
-              return true
-            }
-          })
-          player.emit('textTrackChange', li.innerHTML)
-        }
-      } else if (player.config.textTrackActive === 'click' && li && (li.tagName.toLocaleLowerCase() === 'p' || li.tagName.toLocaleLowerCase() === 'em')) {
-        util.addClass(player.root, 'xgplayer-texttrack-active')
-        container.focus()
-      }
-    }, false)
-  })
-
-  player.on('play', () => {
-    let ul = root.querySelector('.xgplayer-texttrack ul')
-    let trackDoms = root.getElementsByTagName('Track')
-    if (!player['hls'] || !ul || !trackDoms) return
-    trackDoms[0].src = ''
-    Array.prototype.forEach.call(ul.childNodes, li => {
-      if (util.hasClass(li, 'selected')) {
-        if (li.innerHTML === player.lang.OFF) {
-          trackDoms[0].track.mode = 'hidden'
-          trackDoms[0].src = ''
-        } else {
-          trackDoms[0].track.mode = 'hidden'
-
-          list.some(item => {
-            if (item.label !== li.innerHTML) {
-              trackDoms[0].src = item.src
-              if (item.kind) {
-                trackDoms[0].kind = item.kind
-              }
-              trackDoms[0].label = item.label
-              if (item.srclang) {
-                trackDoms[0].srclang = item.srclang
-              }
-              return true
-            }
-          })
-
-          list.some(item => {
-            if (item.label === li.innerHTML) {
-              setTimeout(() => {
-                trackDoms[0].src = item.src
-                if (item.kind) {
-                  trackDoms[0].kind = item.kind
-                }
-                trackDoms[0].label = item.label
-                if (item.srclang) {
-                  trackDoms[0].srclang = item.srclang
-                }
-                trackDoms[0].track.mode = 'showing'
-              })
-              return true
-            }
-          })
-        }
-      }
-    })
-    util.removeClass(player.root, 'xgplayer-texttrack-active')
-  })
-
-  container.addEventListener('mouseleave', e => {
-    e.preventDefault()
-    e.stopPropagation()
-    util.removeClass(player.root, 'xgplayer-texttrack-active')
-  })
-}
-
-export default {
-  name: 's_nativeTextTrack',
-  method: s_nativeTextTrack
-}

package/src/skin/controls/pip.js

@@ -1,26 +0,0 @@
-import { createDom } from '../../utils/util'
-import '../style/controls/pip.scss'
-
-let s_pip = function () {
-  let player = this
-  if (!player.config.pip || typeof player.video.requestPictureInPicture !== 'function') { return }
-  let pip = player.lang.PIP
-  let btn = createDom('xg-pip', `<p class="name"><span>${pip}</span></p>`, {tabindex: 9}, 'xgplayer-pip')
-
-  player.once('ready', () => {
-    player.controls.appendChild(btn);
-  });
-
-  ['click', 'touchend'].forEach(item => {
-    btn.addEventListener(item, e => {
-      e.preventDefault()
-      e.stopPropagation()
-      player.userGestureTrigEvent('pipBtnClick')
-    })
-  })
-}
-
-export default {
-  name: 's_pip',
-  method: s_pip
-}

package/src/skin/controls/play.js

@@ -1,43 +0,0 @@
-import { createDom, createImgBtn } from '../../utils/util'
-import PlayIcon from '../assets/play.svg'
-import PauseIcon from '../assets/pause.svg'
-import '../style/controls/play.scss'
-
-let s_play = function () {
-  let player = this
-  let playBtn = player.config.playBtn ? player.config.playBtn : {}
-  let btn
-  if (playBtn.type === 'img') {
-    btn = createImgBtn('play', playBtn.url.play, playBtn.width, playBtn.height)
-  } else {
-    btn = createDom('xg-play', `<xg-icon class="xgplayer-icon">
-                                      <div class="xgplayer-icon-play">${PlayIcon}</div>
-                                      <div class="xgplayer-icon-pause">${PauseIcon}</div>
-                                     </xg-icon>`, {}, 'xgplayer-play')
-  }
-
-  let tipsText = {}
-  tipsText.play = player.lang.PLAY_TIPS
-  tipsText.pause = player.lang.PAUSE_TIPS
-  let tips = createDom('xg-tips', `<span class="xgplayer-tip-play">${tipsText.play}</span>
-                                        <span class="xgplayer-tip-pause">${tipsText.pause}</span>`, {}, 'xgplayer-tips')
-  btn.appendChild(tips)
-  player.once('ready', () => {
-    if(player.controls) {
-      player.controls.appendChild(btn)
-    }
-  });
-
-  ['click', 'touchend'].forEach(item => {
-    btn.addEventListener(item, function (e) {
-      e.preventDefault()
-      e.stopPropagation()
-      player.userGestureTrigEvent('playBtnClick')
-    })
-  })
-}
-
-export default {
-  name: 's_play',
-  method: s_play
-}

package/src/skin/controls/playNext.js

@@ -1,41 +0,0 @@
-import { createDom, addClass } from '../../utils/util'
-import PlayNextIcon from '../assets/playNext.svg'
-import '../style/controls/playNext.scss'
-
-let s_playNext = function () {
-  let player = this
-  let nextBtn = player.config.playNext
-  if (!nextBtn || !nextBtn.urlList) { return }
-  let btn = createDom('xg-playnext', `<xg-icon class="xgplayer-icon">${PlayNextIcon}</xg-icon>`, {}, 'xgplayer-playnext')
-  let tipsText = player.lang.PLAYNEXT_TIPS
-  let tips = createDom('xg-tips', `<span class="xgplayer-tip-playnext">${tipsText}</span>`, {}, 'xgplayer-tips')
-  btn.appendChild(tips)
-  player.once('ready', () => {
-    player.controls.appendChild(btn)
-  });
-
-  ['click', 'touchend'].forEach(item => {
-    btn.addEventListener(item, e => {
-      e.preventDefault()
-      e.stopPropagation()
-      addClass(player.root, 'xgplayer-is-enter')
-      player.userGestureTrigEvent('playNextBtnClick')
-    })
-  })
-
-  let onUrlListEnd = function () {
-    addClass(player.root, 'xgplayer-playnext-inactive')
-  }
-  player.on('urlListEnd', onUrlListEnd) 
-
-  function onDestroy () {
-    player.off('urlListEnd', onUrlListEnd)
-    player.off('destroy', onDestroy)
-  }
-  player.once('destroy', onDestroy)
-}
-
-export default {
-  name: 's_playNext',
-  method: s_playNext
-}