fix: 🐛 (xgplayer) ensure poster is hidden when play catched

Author: gemxx

packages/xgplayer/src/plugins/poster/index.js

@@ -35,14 +35,18 @@ class Poster extends Plugin {
   }
 
   hide () {
-    Util.addClass(this.root, 'hide')
+    if (!this.isHide) {
+      Util.addClass(this.root, 'hide')
+      this.isHide = true
+    }
   }
 
   /**
    * @param {string} [value]
    * @returns
    */
   show (value) {
+    this.isHide = false
     Util.removeClass(this.root, 'hide')
   }
 
@@ -55,24 +59,28 @@ class Poster extends Plugin {
   afterCreate () {
     this.on(Events.ENDED, () => {
       if (this.isEndedShow) {
-        Util.removeClass(this.root, 'hide')
+        this.show()
       }
     })
 
+    this.on(Events.PLAYING, () => {
+      this.hide()
+    })
+
     if (this.config.hideCanplay) {
       this.once(Events.TIME_UPDATE, () => {
         this.onTimeUpdate()
       })
       this.on(Events.URL_CHANGE, () => {
-        Util.removeClass(this.root, 'hide')
+        this.show()
         Util.addClass(this.root, 'xg-showplay')
         this.once(Events.TIME_UPDATE, () => {
           this.onTimeUpdate()
         })
       })
     } else {
       this.on(Events.PLAY, () => {
-        Util.addClass(this.root, 'hide')
+        this.hide()
       })
     }
   }