Fullscreen Webpage Presentation

I am developing a web system for training and the trainer can show the content by zooming with the css3 property that increases the size of the screen. What I'm trying to achieve i

Solution 1:

HTML5 Fullscreen API: http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/

// mozilla proposal
element.requestFullScreen();
document.cancelFullScreen(); 

// Webkit (works in Safari and Chrome Canary)
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

// Firefox (works in nightly)
element.mozRequestFullScreen();
document.mozCancelFullScreen(); 

// W3C Proposal
element.requestFullscreen();
document.exitFullscreen();

Also, check out this for making a presentation with HTML5: http://slides.html5rocks.com/#landing-slide

Solution 2:

It seems to me that it's best to let the user control this. F11 works in all browsers (that I know of) to toggle full-screen on and off.

HTH

Solution 3:

Most browsers support pushing F11 to go into full screen mode....

Solution 4:

Most web browsers have a full screen mode - hit F11 on a Windows machine with either Internet Explorer or Firefox and they will go full screen. Hit escape to exit full screen.

You may also want to conside using S5 ( http://meyerweb.com/eric/tools/s5/ ) to make HTML based presentations.

Good luck!

Solution 5:

https://www.w3schools.com/howto/howto_js_fullscreen.asp

This use element.requestFullscreen() method