Video Player: Prevent showing the status icon on unnecessary timing

ui/file_manager/video_player/css/media_controls.css

Index: ui/file_manager/video_player/css/media_controls.css
diff --git a/ui/file_manager/video_player/css/media_controls.css b/ui/file_manager/video_player/css/media_controls.css
index ba167eec138d4c7e35c214f26f9d274da858c02a..cb307f5da9471c98b6179c69b33175b37ba61948 100644
--- a/ui/file_manager/video_player/css/media_controls.css
+++ b/ui/file_manager/video_player/css/media_controls.css
@@ -521,10 +521,12 @@
 }
 
 .playback-state-icon {
+  -webkit-animation: none;
   background-color: #202020;
   background-position: center center;
   background-repeat: no-repeat;
   border-radius: 2.5px;
+  display: none;
   height: 32px;
   left: 50%;
   margin-left: -16px;
@@ -560,7 +562,7 @@
 }
 
 .playback-state-icon[state] {
-  -webkit-animation: blowup 500ms;
+  display: block;
 }
 
 @-webkit-keyframes blowup {
@@ -593,12 +595,14 @@
 }
 
 .playback-state-icon[state='play'] {
+  -webkit-animation: blowup 500ms;
   background-image: -webkit-image-set(
     url('../images/media/media_play.png') 1x,
     url('../images/media/2x/media_play.png') 2x);
 }
 
 .playback-state-icon[state='pause'] {
+  -webkit-animation: blowup 500ms;
   background-image: -webkit-image-set(
     url('../images/media/media_pause.png') 1x,
     url('../images/media/2x/media_pause.png') 2x);