VideoPlayer: Create subtitles button.

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.
 
 /**
  * @param {!HTMLElement} playerContainer Main container.
  * @param {!HTMLElement} videoContainer Container for the video element.
  * @param {!HTMLElement} controlsContainer Container for video controls.
  * @constructor
  * @struct
@@ skipping 348 matching lines @@
               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 {
       metrics.recordPlayType(metrics.PLAY_TYPE.LOCAL);
       videoPlayerElement.removeAttribute('casting');
 
       this.videoElement_ = document.createElement('video');
       getRequiredElement('video-container').appendChild(this.videoElement_);
 
       var videoUrl = video.toURL();
-      this.controls.attachMedia(this.videoElement_);
       var source = document.createElement('source');
       source.src = videoUrl;
       this.videoElement_.appendChild(source);
 
       media.isAvailableForCast().then(function(result) {
         if (result)
           videoPlayerElement.setAttribute('castable', true);
         else
           videoPlayerElement.removeAttribute('castable');
       }).catch(function() {
@@ skipping 26 matching lines @@
           this.videoElement_.addEventListener('loadedmetadata', handler);
 
           this.videoElement_.addEventListener('play', function() {
             chrome.power.requestKeepAwake('display');
             this.updateInactivityWatcherState_();
           }.wrap(this));
           this.videoElement_.addEventListener('pause', function() {
             chrome.power.releaseKeepAwake();
             this.updateInactivityWatcherState_();
           }.wrap(this));
+          this.controls.attachMedia(this.videoElement_);
           // TODO(ryoh):
           // If you modify the video element that is already inserted,
           // you have to call load() method.
           // https://dev.w3.org/html5/spec-author-view/video.html
           // But we always create new video element (see above),
           // we don't have to call load().
           // If you call load() method here,
           // you can't see subtitles.
           // (It might be a bug: https://crbug.com/594537)
           //this.videoElement_.load();
@@ skipping 305 matching lines @@
   return new Promise(function(fulfill, reject) {
     util.URLsToEntries(window.appState.items, function(entries) {
       metrics.recordOpenVideoPlayerAction();
       metrics.recordNumberOfOpenedFiles(entries.length);
 
       player.prepare(entries);
       player.playFirstVideo(player, fulfill);
     }.wrap());
   }.wrap());
 }.wrap());