Fullscreen

# Fullscreen ##### [source : https://jsfiddle.net/softm/ey9dewj9/ ](https://jsfiddle.net/softm/ey9dewj9/) ```html

HTML5 Full-Screen Demonstration

``` ```css ``` ```javascript // full-screen available? if ( document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled ) { // image container var i = document.getElementById("myimage"); // 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 (i.requestFullscreen) { this.requestFullscreen(); } else if (i.webkitRequestFullscreen) { i.webkitRequestFullscreen(); } else if (i.mozRequestFullScreen) { i.mozRequestFullScreen(); } else if (i.msRequestFullscreen) { i.msRequestFullscreen(); } } } } ```