diff --git a/src/components/Play.vue b/src/components/Play.vue index 6555008..f432847 100644 --- a/src/components/Play.vue +++ b/src/components/Play.vue @@ -309,6 +309,7 @@ export default { videoStop: true, showList: true, showHistory: true, + quitMiniMode: true, videoTitle: true, airplay: true, closeVideoTouch: true, @@ -550,6 +551,7 @@ export default { document.querySelector('.xgplayer-playbackrate').style.display = 'none' }, playVideo (index = 0, time = 0) { + document.querySelector('xg-btn-quitMiniMode').style.display = 'none' document.querySelector('xg-btn-showhistory').style.display = 'block' document.querySelector('.xgplayer-playbackrate').style.display = 'inline-block' this.fetchM3u8List().then(m3u8Arr => { @@ -776,11 +778,13 @@ export default { }, async miniEvent () { this.xg.getCssFullscreen() + document.querySelector('xg-btn-quitMiniMode').style.display = 'block' this.miniMode = true }, async exitMiniEvent () { win.setBounds(this.mainWindowBounds) this.xg.exitCssFullscreen() + document.querySelector('xg-btn-quitMiniMode').style.display = 'none' this.miniMode = false }, shareEvent () { @@ -1282,6 +1286,10 @@ export default { this.videoStop() }) + this.xg.on('quitMiniMode', () => { + if (this.miniMode) this.exitMiniEvent() + }) + const ev = ['click', 'touchend', 'mousemove'] let timerID ev.forEach(item => { @@ -1348,6 +1356,10 @@ export default { Player.install('videoStop', function () { addPlayerBtn.bind(this, 'videoStop', '', { title: '停止播放' })() }) + Player.install('quitMiniMode', function () { + addPlayerBtn.bind(this, 'quitMiniMode', '', + { title: '退出精简模式' })() + }) Player.install('showList', function () { addPlayerBtn.bind(this, 'showList', '', { title: '播放列表' })() }) @@ -1404,7 +1416,8 @@ export default { .xgplayer-skin-default .xg-btn-playNextOne, .xgplayer-skin-default .xg-btn-showList, .xgplayer-skin-default .xg-btn-showHistory, -.xgplayer-skin-default .xg-btn-videoStop { +.xgplayer-skin-default .xg-btn-videoStop, +.xgplayer-skin-default .xg-btn-quitMiniMode { width: 32px; position: relative; -webkit-order: 0; @@ -1418,7 +1431,8 @@ export default { .xgplayer-skin-default .xg-btn-playNextOne:hover, .xgplayer-skin-default .xg-btn-showList:hover, .xgplayer-skin-default .xg-btn-showHistory:hover, -.xgplayer-skin-default .xg-btn-videoStop:hover { +.xgplayer-skin-default .xg-btn-videoStop:hover, +.xgplayer-skin-default .xg-btn-quitMiniMode:hover { opacity: 0.8; } .xgplayer-skin-default .xg-btn-playNextOne { @@ -1427,15 +1441,22 @@ export default { .xgplayer-skin-default .xgplayer-play, .xgplayer-skin-default .xgplayer-play-img { order: 1 !important; } + .xgplayer-skin-default .xg-btn-videoStop { order: 2; } + +.xgplayer-skin-default .xg-btn-quitMiniMode { + order: 4; +} + .xgplayer-skin-default .xg-btn-showList { order: 4; } .xgplayer-skin-default .xg-btn-showHistory { order: 4; } + .xgplayer-skin-default .xg-btn-showList ul, .xgplayer-skin-default .xg-btn-showHistory ul { display: none; list-style: none;