Implementing full screen mode for video player in Chrome OS File Browser.

chrome/browser/resources/file_manager/js/image_editor/gallery.js

 // Copyright (c) 2012 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.
 
 /*
  * Base class that Ribbon uses to display photos.
  */
 
 function RibbonClient() {}
 
@@ skipping 116 matching lines @@
   this.toolbar_.appendChild(this.buttonSpacer_);
 
   this.ribbonSpacer_ = doc.createElement('div');
   this.ribbonSpacer_.className = 'ribbon-spacer';
   this.toolbar_.appendChild(this.ribbonSpacer_);
 
   this.mediaToolbar_ = doc.createElement('div');
   this.mediaToolbar_.className = 'media-controls';
   this.toolbar_.appendChild(this.mediaToolbar_);
 
-  this.mediaControls_ =
-      new MediaControls(this.videoElement_, this.mediaToolbar_);
+  this.mediaControls_ = new MediaControls(this.videoElement_,
+      this.mediaToolbar_, this.toggleFullscreen_.bind(this));
 
   this.arrowBox_ = this.document_.createElement('div');
   this.arrowBox_.className = 'arrow-box';
   this.container_.appendChild(this.arrowBox_);
 
   this.arrowLeft_ = this.document_.createElement('div');
   this.arrowLeft_.className = 'arrow left tool dimmable';
   this.arrowLeft_.appendChild(doc.createElement('div'));
   this.arrowBox_.appendChild(this.arrowLeft_);
 
@@ skipping 223 matching lines @@
   }
 
   dir.getFile(newName, {create: false, exclusive: false},
       onVictimFound, doRename);
 };
 
 Gallery.prototype.isRenaming_ = function() {
   return this.container_.hasAttribute('renaming');
 };
 
+Gallery.prototype.toggleFullscreen_ = function() {
+  if (this.document_.webkitIsFullScreen) {
+    this.document_.webkitCancelFullScreen();
+  } else {
+    this.document_.body.webkitRequestFullScreen();
+  }
+};
+
 Gallery.prototype.onClose_ = function() {
+  if (this.document_.webkitIsFullScreen) {
+    // Closing the Gallery iframe while in full screen will crash the tab.
+    this.document_.addEventListener(
+        'webkitfullscreenchange', this.onClose_.bind(this));
+    this.document_.webkitCancelFullScreen();
+    return;
+  }
   // TODO: handle write errors gracefully (suggest retry or saving elsewhere).
   this.saveChanges_(this.closeCallback_);
 };
 
 Gallery.prototype.prefetchImage = function(id, content, metadata) {
   if (Gallery.isVideoContent(content, metadata))
     return;
 
   this.editor_.prefetchImage(id, content, metadata);
 };
@@ skipping 791 matching lines @@
 ShareMode.prototype.setUp = function() {
   ImageEditor.Mode.prototype.setUp.apply(this, arguments);
   ImageUtil.setAttribute(this.menu_, 'hidden', false);
   ImageUtil.setAttribute(this.button_, 'pressed', false);
 };
 
 ShareMode.prototype.cleanUpUI = function() {
   ImageEditor.Mode.prototype.cleanUpUI.apply(this, arguments);
   ImageUtil.setAttribute(this.menu_, 'hidden', true);
 };