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

Share Improve this question Follow asked Jan 27, 2013 at 16:39 AleksovAleksov 1,23055 gold badges1818 silver badges2828 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 15

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
}