I am currently working on a three.js webGL application and attempting to make it go fullscreen using the following code:
launchFullscreen(document.documentElement);
function launchFullscreen(element) {
if(element.requestFullscreen) {
element.requestFullscreen();
} else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if(element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if(element.msRequestFullscreen) {
element.msRequestFullscreen();
}
}
While this functionality works perfectly in Chrome, Firefox, and Safari, I am encountering an issue in IE11 where the application loads to a blank white screen. Does anyone have any suggestions on how to resolve this problem?
To see an example of the issue, visit this link.