Video Player: Add support for Media Keys

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.
  * @constructor
  */
 function FullWindowVideoControls(
     playerContainer, videoContainer, controlsContainer) {
   VideoControls.call(this,
       controlsContainer,
       this.onPlaybackError_.wrap(this),
       loadTimeData.getString.wrap(loadTimeData),
       this.toggleFullScreen_.wrap(this),
       videoContainer);
 
   this.playerContainer_ = playerContainer;
   this.decodeErrorOccured = false;
 
   this.updateStyle();
   window.addEventListener('resize', this.updateStyle.wrap(this));
   document.addEventListener('keydown', function(e) {
-    if (e.keyIdentifier == 'U+0020') {  // Space
-      this.togglePlayStateWithFeedback();
-      e.preventDefault();
+    switch (e.keyIdentifier) {
+      case 'U+0020': // Space
+      case 'MediaPlayPause':
+        this.togglePlayStateWithFeedback();
+        break;
+      case 'U+001B': // Escape
+        util.toggleFullScreen(
+            chrome.app.window.current(),
+            false);  // Leave the full screen mode.
+        break;
+      case 'Right':
+      case 'MediaNextTrack':
+        player.advance_(1);
+        break;
+      case 'Left':
+      case 'MediaPreviousTrack':
+        player.advance_(0);
+        break;
+      case 'MediaStop':
+        //TODO: Define "Stop" behavior.

[yoshiki, 2014/07/14 23:48:39]

nit: add a space before 'TODO'.

[etrunko, 2014/07/15 13:31:14]

Done.

+        break;
     }
-    if (e.keyIdentifier == 'U+001B') {  // Escape
-      util.toggleFullScreen(
-          chrome.app.window.current(),
-          false);  // Leave the full screen mode.
-      e.preventDefault();
-    }
+    e.preventDefault();
   }.wrap(this));
 
   // TODO(mtomasz): Simplify. crbug.com/254318.
   videoContainer.addEventListener('click', function(e) {
     if (e.ctrlKey) {
       this.toggleLoopedModeWithFeedback(true);
       if (!this.isPlaying())
         this.togglePlayStateWithFeedback();
     } else {
       this.togglePlayStateWithFeedback();
@@ skipping 368 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));