Show reload button only when the slider is at the end.

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.
 
 /**
  * @fileoverview MediaControls class implements media playback controls
  * that exist outside of the audio/video HTML element.
  */
 
 /**
@@ skipping 471 matching lines @@
  * This is the right moment to save the play state.
  */
 MediaControls.prototype.onPlayStateChanged = function() {};
 
 /**
  * Updates the play button state.
  * @param {boolean} playing If the video is playing.
  * @private
  */
 MediaControls.prototype.updatePlayButtonState_ = function(playing) {
-  if (playing) {
+  if (this.media_.ended && this.progressSlider_.isAtEnd()) {
+    this.playButton_.setAttribute('state',
+                                  MediaControls.ButtonStateType.ENDED);
+  } else if (playing) {
     this.playButton_.setAttribute('state',
                                   MediaControls.ButtonStateType.PLAYING);
-  } else if (!this.media_.ended) {
+  } else {
     this.playButton_.setAttribute('state',
                                   MediaControls.ButtonStateType.DEFAULT);
-  } else {
-    this.playButton_.setAttribute('state',
-                                  MediaControls.ButtonStateType.ENDED);
   }
 };
 
 /**
  * Restore play state. Base implementation is empty.
  */
 MediaControls.prototype.restorePlayState = function() {};
 
 /**
  * Encode current state into the page URL or the app state.
@@ skipping 190 matching lines @@
  * Mousedown/mouseup handler.
  * @param {boolean} on True if the mouse is down.
  * @private
  */
 MediaControls.Slider.prototype.onInputDrag_ = function(on) {
   this.isDragging_ = on;
   this.onDrag_(on);
 };
 
 /**
+ * Check if the slider position is at the end of the control.
+ * @return {boolean} True if the slider position is at the end.
+ */
+MediaControls.Slider.prototype.isAtEnd = function() {
+  return this.input_.value === this.input_.max;
+};
+
+/**
  * Create a customized slider with animated thumb movement.
  *
  * @param {HTMLElement} container The containing div element.
  * @param {number} value Initial value [0..1].
  * @param {number} range Number of distinct slider positions to be supported.
  * @param {function(number)} onChange Value change handler.
  * @param {function(boolean)} onDrag Drag begin/end handler.
  * @param {function(number):string} formatFunction Value formatting function.
  * @constructor
  */
@@ skipping 536 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);
   }
 };