The full screen API is an easy way to get the full web content to be displayed on the page. It's very similar to pressing F11 on your keyboard but this can be done at the developers choice. This is a great feature to use for things on slideshows, you can make the browser go into full screen on a click of an image.
The best thing about this feature is that it doesn't have to be the entire page, you can make any HTML element go full screen. This mean instead of always making the entire page go full screen, just assign the full screen API to an image and on the click of the image you can just focus on the image in full screen.
Full Screen API Support
Unfortunately not all browsers support this feature so you need to make sure that your visitors browser supports this feature before you try to use it.
If the browser they are using supports this then you can use it, if the browser doesn't support this feature then you can make sure you do something else instead of using full screen.
According to the website Can I Use the full screen API is currently supported on Firefox, Chrome/Safari and Opera.
- Chrome 15+
- Firefox 10+
- Safari 5.1+
- Opera 12.50+
Subscribe To Newsletter
Get weekly updates to your email