Hi, HTML5 Full Screen API used in krpano works great on all browsers but you can't display any html content over krpano then...
So instead of using krpano fullscreen method I use external javascript to go native fullscreen and then content can be displayed over krpano (great !)
It works on firefox & chrome perfect, but on IE11 it goes fullscreen but displays a black screen instead of the pano and I don't understand why, this script works perfect with html content but don't with krpano html5...
If someone has an idea ???
here is the code :
Code
function toggleFullScreen() {
if ((document.fullScreenElement && document.fullScreenElement !== null) || // alternative standard method
(!document.msFullScreenElement && !document.mozFullScreenElement && !document.webkitFullScreenElement)) { // current working methods
if (document.documentElement.requestFullScreen) {
document.documentElement.requestFullScreen();
} else if (document.documentElement.msRequestFullscreen) {
document.documentElement.msRequestFullscreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullScreen) {
document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.msFullscreenElement) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}
}
Alles anzeigen
and a link to the demo : http://www.irealite360.com/civa