HTML5 Fullscreen Problem

[Anna Panama]

Hallo, ich habe ein [wie ich finde] sehr ausführliches Tutorial zum Thema HTML5 Fullscreen API gefunden:

https://www.sitepoint.com/use-html5-full-screen-api

Dieses habe ich nun versucht für meine Zwecke anzupassen. Ich will nicht nur ein Bild im Vollbild-Modus anzeigen lassen, sondern die gesamte Seite (die ich in den DIV-Container mit der ID "vollbild" packe).

Dies scheint auch zu funktionieren, nur wird der Vollbildmodus in meiner Version aus unerfindlichen Gründen nach Aktivierung sofort wieder beendet... warum? Was mache ich falsch? Vielen Dank für eure Stellungnahmen!

---

Mein Code:

<div id="vollbild">
<a href="" id="trigger">VOLLBILD</a>
<!-- +++ RESTLICHER CONTENT +++ -->
</div>

#vollbild:-webkit-full-screen {
	width: 100%;
	height: auto;
}
#vollbild:-moz-full-screen {
	width: 100%;
	height: auto;
}
#vollbild:-ms-fullscreen {
	width: 100%;
	height: auto;
}
#vollbild:fullscreen {
	width: 100%;
	height: auto;
}

// full-screen available?
if (
	document.fullscreenEnabled || 
	document.webkitFullscreenEnabled || 
	document.mozFullScreenEnabled ||
	document.msFullscreenEnabled
) {

	// image container
	var i = document.getElementById("trigger");
	var k = document.getElementById("vollbild");
	
	// click event handler
	i.onclick = function() {
	
		// in full-screen?
		if (
			document.fullscreenElement ||
			document.webkitFullscreenElement ||
			document.mozFullScreenElement ||
			document.msFullscreenElement
		) {

			// exit full-screen
			if (document.exitFullscreen) {
				document.exitFullscreen();
			} else if (document.webkitExitFullscreen) {
				document.webkitExitFullscreen();
			} else if (document.mozCancelFullScreen) {
				document.mozCancelFullScreen();
			} else if (document.msExitFullscreen) {
				document.msExitFullscreen();
			}
		
		}
		else {
		
			// go full-screen
			if (k.requestFullscreen) {
				k.requestFullscreen();
			} else if (k.webkitRequestFullscreen) {
				k.webkitRequestFullscreen();
			} else if (k.mozRequestFullScreen) {
				k.mozRequestFullScreen();
			} else if (k.msRequestFullscreen) {
				k.msRequestFullscreen();
			}
		
		}
	
	}

}