Detach video when the another video is loaded

ui/file_manager/video_player/js/video_player.js

 // Copyright 2014 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';
 
 /**
  * @param {Element} playerContainer Main container.
  * @param {Element} videoContainer Container for the video element.
  * @param {Element} controlsContainer Container for video controls.
@@ skipping 289 matching lines @@
       videoPlayerElement.removeAttribute('last-video');
 
     if (this.currentPos_ === 0)
       videoPlayerElement.setAttribute('first-video', true);
     else
       videoPlayerElement.removeAttribute('first-video');
 
     // Re-enables ui and hides error message if already displayed.
     document.querySelector('#video-player').removeAttribute('disabled');
     document.querySelector('#error').removeAttribute('visible');
+    this.controls.detachMedia();
     this.controls.inactivityWatcher.disabled = true;
     this.controls.decodeErrorOccured = false;
     this.controls.casting = !!this.currentCast_;
 
     videoPlayerElement.setAttribute('loading', true);
 
     var media = new MediaManager(video.entry);
 
     Promise.all([media.getThumbnail(), media.getToken()]).then(
         function(results) {
@@ skipping 348 matching lines @@
 var initPromise = Promise.all(
     [new Promise(initVideos.wrap(null)),
      new Promise(initStrings.wrap(null)),
      new Promise(util.addPageLoadHandler.wrap(null))]);
 
 initPromise.then(function(results) {
   var videos = results[0];
   player.prepare(videos);
   return new Promise(player.playFirstVideo.wrap(player));
 }.wrap(null));