--- a/toolkit/content/widgets/videocontrols.xml
+++ b/toolkit/content/widgets/videocontrols.xml
@@ -1946,30 +1946,19 @@
         }, aTimeout);
       },
 
       hideControls() {
         if (!this.Utils.dynamicControls) {
           return;
         }
         this.Utils.startFadeOut(this.Utils.controlBar);
-        if (this.firstShow) {
-          this.videocontrols.addEventListener("transitionend", this);
-        }
       },
 
       handleEvent(aEvent) {
-        if (aEvent.type == "transitionend") {
-          this.firstShow = false;
-          try {
-            this.videocontrols.removeEventListener("transitionend", this);
-          } catch (ex) {}
-          return;
-        }
-
         if (this.videocontrols.randomID != this.Utils.randomID) {
           this.terminateEventListeners();
         }
       },
 
       terminateEventListeners() {
         for (var event of this.videoEvents) {
           try {
@@ -1997,16 +1986,17 @@
           self.delayHideControls(self.controlsTimeout);
         });
         this.Utils.muteButton.addEventListener("click", function() { self.delayHideControls(self.controlsTimeout); });
 
         this.Utils.controlsSpacer.addEventListener("mouseup", function(event) {
           if (event.originalTarget == self.Utils.controlsSpacer) {
             if (self.firstShow) {
               self.Utils.video.play();
+              self.firstShow = false;
             }
             self.toggleControls();
           }
         });
 
         // The first time the controls appear we want to just display
         // a play button that does not fade away. The firstShow property
         // makes that happen. But because of bug 718107 this init() method