title: webkitfullscreenchange event not firing, when the element contains Flash
body: <p>I have an element that contains a video player: that video player can either be Flash or HTML5 based. I want to be able to make that element fullscreen (I know, only works in webkit at the moment) and run some resizing scripts when it happens.</p>
  
  <p>Here is how I do it:</p>
  
  <pre><code>this.getEl('.fullscreen').bind('click', $.proxy(function() {
      this.getEl('#tpPlayer')[0].webkitRequestFullScreen();
  }, this));
  </code></pre>
  
  <p>And the event listener:</p>
  
  <pre><code>this.getEl('#tpPlayer').bind('webkitfullscreenchange', function() {
      console.log('fullscreen change');
      $(this).toggleClass('tpPlayer tpPlayerFullScreen');
  });
  </code></pre>
  
  <p>When <code>#tpPlayer</code> contains a <code>&lt;video&gt;</code> element, everything works fine: the element goes fullscreen, the event fires, the message is logged and the classes are toggled. However, when <code>#tpPlayer</code> contains a Flash <code>&lt;object&gt;</code>, the element goes fullscreen fine, but no event is fired (so the callback does not run either).</p>
  
  <p>Why is this happening and how to avoid this?</p>