Video Player: Close the video when the session is disconnected

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 141 matching lines @@
   this.controls_ = null;
   this.videoElement_ = null;
   this.videos_ = null;
   this.currentPos_ = 0;
 
   this.currentSession_ = null;
   this.currentCast_ = null;
 
   this.loadQueue_ = new AsyncUtil.Queue();
 
+  this.onCastSessionUpdateBound_ = this.onCastSessionUpdate_.wrap(this);
+
   Object.seal(this);
 }
 
 VideoPlayer.prototype = {
   get controls() {
     return this.controls_;
   }
 };
 
 /**
@@ skipping 152 matching lines @@
 
       videoElementInitializePromise =
         media.isAvailableForCast().then(function(result) {
             if (!result)
               return Promise.reject('No casts are available.');
 
             return new Promise(function(fulfill, reject) {
               chrome.cast.requestSession(
                   fulfill, reject, undefined, this.currentCast_.label);
             }.bind(this)).then(function(session) {
+              session.addUpdateListener(this.onCastSessionUpdateBound_);
+
               this.currentSession_ = session;
               this.videoElement_ = new CastVideoElement(media, session);
               this.controls.attachMedia(this.videoElement_);
             }.bind(this));
           }.bind(this));
     } else {
       videoPlayerElement.removeAttribute('casting');
 
       this.videoElement_ = document.createElement('video');
       document.querySelector('#video-container').appendChild(
@@ skipping 62 matching lines @@
       if (this.videoElement_.dispose)
         this.videoElement_.dispose();
       // Detach the previous video element, if exists.
       if (this.videoElement_.parentNode)
         this.videoElement_.parentNode.removeChild(this.videoElement_);
     }
     this.videoElement_ = null;
 
     if (!opt_keepSession && this.currentSession_) {
       this.currentSession_.stop(callback, callback);
+      this.currentSession_.removeUpdateListener(this.onCastSessionUpdateBound_);
       this.currentSession_ = null;
     } else {
       callback();
     }
   }.wrap(this));
 };
 
 /**
  * Called when the first video is ready after starting to load.
  * @private
@@ skipping 146 matching lines @@
     }
   }
 };
 
 /**
  * Called when the current cast is disappear from the cast list.
  * @private
  */
 VideoPlayer.prototype.onCurrentCastDisappear_ = function() {
   this.currentCast_ = null;
+  this.currentSession_.removeUpdateListener(this.onCastSessionUpdateBound_);
   this.currentSession_ = null;
   this.controls.showErrorMessage('GALLERY_VIDEO_DECODING_ERROR');
   this.unloadVideo();
 };
 
 /**
+ * This method should be called when the session is updated.
+ * @param {boolean} alive Whether the session is alive or not.
+ * @private
+ */
+VideoPlayer.prototype.onCastSessionUpdate_ = function(alive) {
+  if (!alive)
+    this.unloadVideo();
+};
+
+/**
  * Initialize the list of videos.
  * @param {function(Array.<Object>)} callback Called with the video list when
  *     it is ready.
  */
 function initVideos(callback) {
   if (window.videos) {
     var videos = window.videos;
     window.videos = null;
     callback(videos);
     return;
@@ skipping 23 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));