Reload page using Jquery/JS when Mac Safari goes full screen

Question

I have to refresh a web page whenever Mac Safari goes full screen by clicking on expand button as in the screenshot attached.

Please keep in mind that I already tried resize and fullscreen event but doesn't work.

Answer 1

Not a proper solution, but here is a workaround:

function reloadWhenFullScreen ( ) {
   // if it is full screen
   if ( !window.screenTop && !window.screenY ) {
      window.location.reload();
   }

   window.setTimeout(reloadWhenFullScreen, 1000);
}

reloadWhenFullScreen();