Add fullscreen mode
Handling the fullscreen functionality via the fullscreen JavaScript API. Press »f« on the keyboard to enter fullscreen mode.
This commit is contained in:
parent
c34be2e976
commit
2869f8a4ee
1 changed files with 21 additions and 1 deletions
22
js/reveal.js
22
js/reveal.js
|
@ -435,6 +435,8 @@ var Reveal = (function(){
|
|||
case 13: isOverviewActive() ? deactivateOverview() : triggered = false; break;
|
||||
// b, period
|
||||
case 66: case 190: togglePause(); break;
|
||||
// f
|
||||
case 70: enterFullscreen(); break;
|
||||
default:
|
||||
triggered = false;
|
||||
}
|
||||
|
@ -1192,7 +1194,25 @@ var Reveal = (function(){
|
|||
// another timeout
|
||||
cueAutoSlide();
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Handling the fullscreen functionality via the fullscreen API
|
||||
* @see http://fullscreen.spec.whatwg.org/
|
||||
* @see https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode
|
||||
*/
|
||||
function enterFullscreen() {
|
||||
var element = document.body;
|
||||
|
||||
// Check which implementation is available
|
||||
var requestMethod = element.requestFullScreen ||
|
||||
element.webkitRequestFullScreen ||
|
||||
element.mozRequestFullScreen ||
|
||||
element.msRequestFullScreen;
|
||||
if (requestMethod) {
|
||||
requestMethod.apply(element);
|
||||
}
|
||||
}
|
||||
|
||||
// Expose some methods publicly
|
||||
return {
|
||||
initialize: initialize,
|
||||
|
|
Loading…
Reference in a new issue