From 702302f04154724a840a241169663e1225ec0a73 Mon Sep 17 00:00:00 2001
From: guokeke <guo.ke.ke.a@gmail.com>
Date: Thu, 25 Jan 2018 02:18:02 +0800
Subject: [PATCH] Fix danmaku blocked after fullscreen

---
 src/css/player.scss | 12 ++++++++----
 src/js/player.js    |  2 ++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/css/player.scss b/src/css/player.scss
index 6a5823a..1620379 100644
--- a/src/css/player.scss
+++ b/src/css/player.scss
@@ -22,14 +22,14 @@
             .dplayer-danmaku-bottom {
                 &.dplayer-danmaku-move {
                     animation: danmaku-center 6s linear;
-                    animation-play-state: paused;
+                    animation-play-state: inherit;
                 }
             }
 
             .dplayer-danmaku-right {
                 &.dplayer-danmaku-move {
                     animation: danmaku 8s linear;
-                    animation-play-state: paused;
+                    animation-play-state: inherit;
                 }
             }
         }
@@ -106,8 +106,12 @@
         .dplayer-bezel .diplayer-loading-icon {
             display: block;
         }
+    }
 
-        .dplayer-danmaku .dplayer-danmaku-move {
+    &.dplayer-loading,
+    &.dplayer-paused {
+        .dplayer-danmaku,
+        .dplayer-danmaku-move {
             animation-play-state: paused;
         }
     }
@@ -165,4 +169,4 @@
     left: 0;
     margin: 0;
     padding: 0;
-}
\ No newline at end of file
+}
diff --git a/src/js/player.js b/src/js/player.js
index dcebd6d..ef7abae 100644
--- a/src/js/player.js
+++ b/src/js/player.js
@@ -183,6 +183,7 @@ class DPlayer {
         }).then(() => {
         });
         this.time.enable();
+        this.container.classList.remove('dplayer-paused');
         this.container.classList.add('dplayer-playing');
         if (this.danmaku) {
             this.danmaku.play();
@@ -212,6 +213,7 @@ class DPlayer {
         this.video.pause();
         this.time.disable();
         this.container.classList.remove('dplayer-playing');
+        this.container.classList.add('dplayer-paused');
         if (this.danmaku) {
             this.danmaku.pause();
         }