Bug 850458 - Add full screen video element to html5 video controls. r=mbrubeck

browser/metro/theme/jar.mn

@@ -77,6 +77,8 @@ chrome.jar:
   skin/images/pause-hdpi.png                (images/pause-hdpi.png)
   skin/images/mute-hdpi.png                 (images/mute-hdpi.png)
   skin/images/unmute-hdpi.png               (images/unmute-hdpi.png)
+  skin/images/fullscreen-hdpi.png           (images/fullscreen-hdpi.png)
+  skin/images/exitfullscreen-hdpi.png       (images/exitfullscreen-hdpi.png)
   skin/images/scrubber-hdpi.png             (images/scrubber-hdpi.png)
   skin/images/selection-monocle.png         (images/selection-monocle.png)
   skin/images/appbar-icons.png              (images/appbar-icons.png)

browser/metro/theme/touchcontrols.css

@@ -27,6 +27,7 @@
   -moz-box-flex: 0;
 }
 
+.fullscreenButton,
 .playButton,
 .muteButton {
   -moz-appearance: none;
@@ -35,11 +36,28 @@
   border: none !important;
 }
 
+.fullscreenButton {
+  background: url("chrome://browser/skin/images/fullscreen-hdpi.png") no-repeat center;
+}
+
+.fullscreenButton[fullscreened="true"] {
+  background: url("chrome://browser/skin/images/exitfullscreen-hdpi.png") no-repeat center;
+}
+
 .playButton {
-  transform: translateX(21px);
   background: url("chrome://browser/skin/images/pause-hdpi.png") no-repeat center;
 }
 
+/*
+ * Normally the button bar has fullscreen spacer play spacer mute, but if
+ * this is an audio control rather than a video control, the fullscreen button
+ * is hidden by videocontrols.xml, and that alters the position of the
+ * play button.  This workaround moves it back to center.
+ */
+.controlBar.audio .playButton {
+  transform: translateX(28px);
+}
+
 .playButton[paused="true"] {
   background: url("chrome://browser/skin/images/play-hdpi.png") no-repeat center;
 }
@@ -52,11 +70,6 @@
   background: url("chrome://browser/skin/images/unmute-hdpi.png") no-repeat center;
 }
 
-/* This button is hidden until bug 704229 is fixed. */
-.fullscreenButton {
-  display: none;
-}
-
 /* bars */
 .scrubberStack {
   width: 100%;