title: MediaElement (version 2.16.4) iframe fullscreen video issue - firefox, IE11
body: <p>I'm using mediaelement.js version 2.16.4 to load video in an iframe created by thickbox.js. When I try to click fullscreen button in firefox-37.0.2/IE-11 the video goes to fullscreen but immediately goes back to smaller size of the iframe. If I don't initialize mediaelement and only the HTML5  tag then the fullscreen works fine in an iframe. So, it has to do something with the mediaelement player. This doesn't happen in Chrome! Can anybody guide me here why this is happening and how it can be resolved?</p>
  
  <p>FYI: I have "webkitallowfullscreen mozallowfullscreen allowfullscreen" in the iframe.</p>
  
  <pre><code>&lt;video id="videoPlayer" width="100%" height="100%" controls="controls" preload="none" autoplay="true"&gt;
          &lt;source type="video/mp4" src="&lt;%=Url%&gt;" /&gt;
      &lt;/video&gt;
  
  $(document).ready(function() {
  
      if ($('video')) {
         var player =  $('video').mediaelementplayer({
              videoWidth: '100%',
              videoHeight: '100%',
              // initial volume when the player starts
              startVolume: 0.8,
              // enables Flash and Silverlight to resize to content size
              //enableAutosize: true,
              // the order of controls you want on the control bar (and other plugins below)
              features: ['playpause', 'current', 'progress', 'duration', 'tracks', 'volume', 'fullscreen'],
              // Hide controls when playing and mouse is not over the video
              alwaysShowControls: false,
              isNativeFullScreen: true,
              success: function (mediaElement, domObject, player) {
                  mediaElement.addEventListener('ended', function () {
                      player.exitFullScreen();
                  }, false);
              }
         });
  
  
      }
  
  });
  </code></pre>