Video Player: Prevent showing the status icon on unnecessary timing

ui/file_manager/video_player/css/media_controls.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 .media-button {
   height: 28px;
   position: relative;
   width: 26px;
 }
 
@@ skipping 503 matching lines @@
     url('../images/media/2x/media_fullscreen_down.png') 2x);
 }
 
 .media-button.fullscreen > .disabled {
   background-image: -webkit-image-set(
     url('../images/media/media_fullscreen_disabled.png') 1x,
     url('../images/media/2x/media_fullscreen_disabled.png') 2x);
 }
 
 .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;
   margin-top: -16px;
   opacity: 0;
   pointer-events: none;
   position: absolute;
   top: 50%;
   width: 32px;
   z-index: 2;
@@ skipping 15 matching lines @@
   top: 20%;
   width: 500px;
   z-index: 2;
 }
 
 .text-banner[visible] {
   -webkit-animation: text-banner-blowup 3000ms;
 }
 
 .playback-state-icon[state] {
-  -webkit-animation: blowup 500ms;
+  display: block;
 }
 
 @-webkit-keyframes blowup {
   from {
     opacity: 1;
   }
   to {
     -webkit-transform: scale(3);
     opacity: 0;
   }
@@ skipping 12 matching lines @@
     -webkit-transform: scale(1);
     opacity: 0.75;
   }
   to {
     -webkit-transform: scale(3);
     opacity: 0;
   }
 }
 
 .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);
 }