feat: cache wideScrenn status in session

IronKinoko · May 19, 2021 · 10847cc · 10847cc
1 parent 4976b28
commit 10847cc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/agefans/play.js b/src/agefans/play.js
@@ -79,7 +79,6 @@ async function switchPart(href, $dom, push = true) {
   try {
     const vurl = await getVurlWithLocal(href)
     player.src = vurl
-
     showCurrentLink(vurl)
     const $active = getActivedom()
     $active.css('color', '')

diff --git a/src/player/index.js b/src/player/index.js
@@ -45,6 +45,8 @@ class KPlayer {
     this.isWideScreen = false
     this.wideScreenBodyStyles = {}
 
+    this.statusSessionKey = 'k-player-status'
+
     this._injectNext()
     this._injectSreen()
     this._initEvent()
@@ -63,6 +65,12 @@ class KPlayer {
       const dom = document.querySelector('.plyr')
       if (!this.isHoverControls) dom.classList.add('plyr--hide-controls')
     }, 1000)
+
+    const status = window.sessionStorage.getItem(this.statusSessionKey)
+    if (status) {
+      window.sessionStorage.removeItem(this.statusSessionKey)
+      this._toggleFullscreen(true)
+    }
   }
 
   /** @private */
@@ -197,6 +205,8 @@ class KPlayer {
     if (this.isWideScreen === bool) return
     this.isWideScreen = bool
 
+    window.sessionStorage.setItem(this.statusSessionKey, this.isWideScreen)
+
     this._setFullscreenIcon(this.isWideScreen)
 
     if (this.isWideScreen) {