Video Player: Prevent showing the status icon on unnecessary timing

ui/file_manager/video_player/js/media_controls.js

 // 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.
 
 'use strict';
 
 /**
  * @fileoverview MediaControls class implements media playback controls
  * that exist outside of the audio/video HTML element.
  */
@@ skipping 995 matching lines @@
  */
 VideoControls.RESUME_REWIND = 5;  // seconds.
 
 VideoControls.prototype = { __proto__: MediaControls.prototype };
 
 /**
  * Shows icon feedback for the current state of the video player.
  * @private
  */
 VideoControls.prototype.showIconFeedback_ = function() {
-  this.stateIcon_.removeAttribute('state');
+  var stateIcon = this.stateIcon_;
+  stateIcon.removeAttribute('state');
+
   setTimeout(function() {
-    this.stateIcon_.setAttribute('state', this.isPlaying() ? 'play' : 'pause');
+    var newState = this.isPlaying() ? 'play' : 'pause';
+
+    var onAnimationEnd = function(state, event) {
+      if (stateIcon.getAttribute('state') === state)
+        stateIcon.removeAttribute('state');
+
+      stateIcon.removeEventListener('webkitAnimationEnd', onAnimationEnd);
+    }.bind(null, newState);
+    stateIcon.addEventListener('webkitAnimationEnd', onAnimationEnd);
+
+    // Shows the icon with animation.
+    stateIcon.setAttribute('state', newState);
   }.bind(this), 0);
 };
 
 /**
  * Shows a text banner.
  *
  * @param {string} identifier String identifier.
  * @private
  */
 VideoControls.prototype.showTextBanner_ = function(identifier) {
@@ skipping 198 matching lines @@
 AudioControls.prototype.onAdvanceClick_ = function(forward) {
   if (!forward &&
       (this.getMedia().currentTime > AudioControls.TRACK_RESTART_THRESHOLD)) {
     // We are far enough from the beginning of the current track.
     // Restart it instead of than skipping to the previous one.
     this.getMedia().currentTime = 0;
   } else {
     this.advanceTrack_(forward);
   }
 };