I try bind FullScreenChange event, but it not work. Maybe i did something wrong?

$(document).bind('webkitfullscreenchange mozfullscreenchange fullscreenchange',function(){
if(document.fullScreen){
    console.log('Go to Full Screen mode');
    }else{
    console.log('Exit Full Screen mode');
    }
});

I try bind FullScreenChange event, but it not work. Maybe i did something wrong?

$(document).bind('webkitfullscreenchange mozfullscreenchange fullscreenchange',function(){
if(document.fullScreen){
    console.log('Go to Full Screen mode');
    }else{
    console.log('Exit Full Screen mode');
    }
});

• javascript
• jquery
• html
• fullscreen

2 Answers 2

You probably need to use the vendor specific prefix for the document.fullScreen property

var isFullScreen = document.fullScreen || 
                   document.mozFullScreen || 
                   document.webkitIsFullScreen;

Further information available here:

https://developer.mozilla/en-US/docs/DOM/Using_fullscreen_mode

This worked for me:

window.onresize = resize
function resize() {
  //code
}