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;