title: Reload page at resize event versus hmtl5 video full screen mode
body: <p>I have the following problem:</p>
  
  <p>On my new webpage (<a href="http://test.kosuch.eu/en/stefanie/index.php" rel="nofollow">http://test.kosuch.eu/en/stefanie/index.php</a>) I generelly want pages to reload when the window size has been changed. I use a template ruled by Isotope (see isotope.metafizzy.co) and have the following function for the resize event. So far everything works fine!</p>
  
  <pre><code>$(window).resize(function() {
          $container_home.isotope('reLayout')
  }).trigger("resize");
  </code></pre>
  
  <p>Now I am also using the html5 video tag to post videos, see <a href="http://test.kosuch.eu/en/stefanie/dancing/" rel="nofollow">http://test.kosuch.eu/en/stefanie/dancing/</a>. However, when clicking on the "Full screen" button for the video, the event is regarded as a window resize, i.e., the page reloads and the full screen is immediately closing down again. It's quite logical, I know.</p>
  
  <p>So does anyone has an idea how to handle this?</p>
  
  <p>I had the following 3 ideas and I searched for answers on the net but did not find any answer:
  1. Can I turn of the resize trigger just for the page with the videos? (Not optimal, but would be sufficient for the moment.)
  2. Can I turn of the resize trigger when changing to video full screen mode?
  3. Is there a html5 video tag option that does open the video without a resize event or something similar?</p>
  
  <p>Any help and ideas welcome!</p>
  
  <p>Regards,
  Stefanie</p>