Bug 1273468 - Revert video controls to use prefixed Fullscreen API again. r=dolske

MozReview-Commit-ID: IlxS0MFTxIk

--HG--
extra : source : f7f76f18484a7c53e7213d4fc654b11a93ab4dcf

toolkit/content/TopLevelVideoDocument.js

@@ -29,10 +29,10 @@ document.addEventListener("keypress", ev => {
     ev.preventDefault();
     ev.stopPropagation();
 
-    if (!document.fullscreenElement) {
+    if (!document.mozFullScreenElement) {
-      videoElement.requestFullscreen();
+      videoElement.mozRequestFullScreen();
     } else {
-      document.exitFullscreen();
+      document.mozCancelFullScreen();
     }
     return;
   }

toolkit/content/tests/widgets/test_videocontrols.html

@@ -304,7 +304,7 @@ function runTest(event) {
       break;
 
     case 24:
-      is(event.type, "fullscreenchange", "checking event type");
+      is(event.type, "mozfullscreenchange", "checking event type");
       is(video.volume, 0.6, "Volume should still be 0.6");
       isVolumeSliderShowingCorrectVolume(video.volume);
 
@@ -312,7 +312,7 @@ function runTest(event) {
       break;
 
     case 25:
-      is(event.type, "fullscreenchange", "checking event type");
+      is(event.type, "mozfullscreenchange", "checking event type");
       is(video.volume, 0.6, "Volume should still be 0.6");
       isVolumeSliderShowingCorrectVolume(video.volume);
 
@@ -336,7 +336,7 @@ function canplaythroughevent(event) {
   video.addEventListener("volumechange", runTest, false);
   video.addEventListener("seeking", runTest, false);
   video.addEventListener("seeked", runTest, false);
-  document.addEventListener("fullscreenchange", runTest, false);
+  document.addEventListener("mozfullscreenchange", runTest, false);
   // Begin the test.
   runTest(event);
 }

toolkit/content/widgets/videocontrols.xml

@@ -1007,7 +1007,7 @@
                     } else {
                         element.setAttribute("fadeout", true);
                         if (element.classList.contains("controlBar") && !this.hasError() &&
-                            document.fullscreenElement == this.video)
+                            document.mozFullScreenElement == this.video)
                             this.controlsSpacer.setAttribute("hideCursor", true);
 
                     }
@@ -1065,17 +1065,17 @@
                 },
 
                 isVideoInFullScreen : function () {
-                    return document.fullscreenElement == this.video;
+                    return document.mozFullScreenElement == this.video;
                 },
 
                 toggleFullscreen : function () {
                     this.isVideoInFullScreen() ?
-                        document.exitFullscreen() :
+                        document.mozCancelFullScreen() :
-                        this.video.requestFullscreen();
+                        this.video.mozRequestFullScreen();
                 },
 
                 setFullscreenButtonState : function () {
-                    if (this.isAudioOnly || !document.fullscreenEnabled) {
+                    if (this.isAudioOnly || !document.mozFullScreenEnabled) {
                         this.controlBar.setAttribute("fullscreen-unavailable", true);
                         this.adjustControlSize();
                         return;
@@ -1525,7 +1525,7 @@
 
                     addListener(this.videocontrols, "resizevideocontrols", this.adjustControlSize);
                     addListener(this.videocontrols, "transitionend", this.onTransitionEnd);
-                    addListener(this.video.ownerDocument, "fullscreenchange", this.onFullscreenChange);
+                    addListener(this.video.ownerDocument, "mozfullscreenchange", this.onFullscreenChange);
                     addListener(this.video, "keypress", this.keyHandler);
 
                     addListener(this.videocontrols, "dragstart", function(event) {