Video Player: Use Google Cast API extension instead of deprecated way

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 262 matching lines @@
   document.querySelector('#error').removeAttribute('visible');
   this.controls.inactivityWatcher.disabled = false;
   this.controls.decodeErrorOccured = false;
 
   if (this.currentCast_) {
     videoPlayerElement.setAttribute('casting', true);
     this.videoElement_ = new CastVideoElement();
     this.controls.attachMedia(this.videoElement_);
 
     document.querySelector('#cast-name-label').textContent =
-        loadTimeData.getString('VIDEO_PLAYER_PLAYING_ON');;
-    document.querySelector('#cast-name').textContent = this.currentCast_.name;
+        loadTimeData.getString('VIDEO_PLAYER_PLAYING_ON');
+    document.querySelector('#cast-name').textContent =
+        this.currentCast_.friendlyName;
   } else {
     videoPlayerElement.removeAttribute('casting');
 
     this.videoElement_ = document.createElement('video');
     document.querySelector('#video-container').appendChild(this.videoElement_);
 
     this.controls.attachMedia(this.videoElement_);
     this.videoElement_.src = url;
   }
 
@@ skipping 98 matching lines @@
   var currentVideo = this.videos_[this.currentPos_];
   this.loadVideo_(currentVideo.fileUrl, currentVideo.entry.name, opt_callback);
 };
 
 /**
  * Invokes when a menuitem in the cast menu is selected.
  * @param {Object} cast Selected element in the list of casts.
  */
 VideoPlayer.prototype.onCastSelected_ = function(cast) {
   // If the selected item is same as the current item, do nothing.
-  if ((this.currentCast_ && this.currentCast_.name) === (cast && cast.name))
+  if ((this.currentCast_ && this.currentCast_.label) === (cast && cast.label))
     return;
 
   this.currentCast_ = cast || null;
   this.reloadCurrentVideo_();
 };
 
 /**
  * Set the list of casts.
  * @param {Array.<Object>} casts List of casts.
  */
@@ skipping 13 matching lines @@
     return;
   }
 
   var item = new cr.ui.MenuItem();
   item.label = loadTimeData.getString('VIDEO_PLAYER_PLAY_THIS_COMPUTER');
   item.addEventListener('activate', this.onCastSelected_.wrap(this, null));
   menu.appendChild(item);
 
   for (var i = 0; i < casts.length; i++) {
     var item = new cr.ui.MenuItem();
-    item.label = casts[i].name;
+    item.label = casts[i].friendlyName;
     item.addEventListener('activate',
                           this.onCastSelected_.wrap(this, casts[i]));
     menu.appendChild(item);
   }
   button.classList.remove('hidden');
 };
 
 /**
  * Initialize the list of videos.
  * @param {function(Array.<Object>)} callback Called with the video list when
@@ skipping 31 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));