https://plyr.io/
Use http://www.initializr.com/ to get an HTML5 Boilerplate template with jQuery, Bootstrap and more (you can choose what to put in and what to leave out)
Then goto http://bootstrapzero.com/bootstrap-templates or http://bootswatch.com/ and get one of the beautiful free templates.
On bootstrapzero, there is also some extra functionality in some themes. But I haven’t tested them yet.
Thinking on using one of these two on my next app.
With the launching of this API we have welcomed two new document property which does two different functions. The first one is document.visibilityState and second one is document.hidden.
document.visibilityState holds four different values which are as below:
- hidden: Page is not visible on any screen
- prerender: Page is loaded off-screen and not visible to user
- visible: Page is visible
- unloaded: Page is about to unload (user is navigating away from current page)
Full article on http://code.tutsplus.com/articles/html5-page-visibility-api–cms-22021