mirror of
https://github.com/videojs/video.js.git
synced 2025-01-10 23:30:03 +02:00
Added esc key for fullscreen mode.
This commit is contained in:
parent
097cdaa14c
commit
d76fa8abfe
@ -25,8 +25,14 @@
|
||||
VideoJS.setup();
|
||||
}
|
||||
|
||||
document.addEventListener("keydown", function(e){
|
||||
// alert(e.keyCode);
|
||||
}, false);
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<!-- Include the VideoJS Stylesheet -->
|
||||
<link rel="stylesheet" href="video-js.css" type="text/css" media="screen" title="Video JS" charset="utf-8">
|
||||
</head>
|
||||
|
13
video.js
13
video.js
@ -104,6 +104,14 @@ var VideoJS = Class.extend({
|
||||
// Have to add the mouseout to the controller too or it may not hide.
|
||||
// For some reason the same isn't needed for mouseover
|
||||
this.controls.addEventListener("mouseout", this.onVideoMouseOut.context(this), false);
|
||||
|
||||
// Create listener for esc key while in full screen mode
|
||||
// Creating it here to add context
|
||||
this.escKeyListener = function(event){
|
||||
if (event.keyCode == 27) {
|
||||
this.fullscreenOff();
|
||||
}
|
||||
}.context(this);
|
||||
|
||||
// Support older browsers that used autobuffer
|
||||
if (this.video.preload) this.video.autobuffer = true;
|
||||
@ -490,6 +498,9 @@ var VideoJS = Class.extend({
|
||||
// Storing original doc overflow value to return to when fullscreen is off
|
||||
this.docOrigOverflow = document.documentElement.style.overflow;
|
||||
|
||||
// Add listener for esc key to exit fullscreen
|
||||
document.addEventListener("keydown", this.escKeyListener, false);
|
||||
|
||||
// Hide any scroll bars
|
||||
document.documentElement.style.overflow = 'hidden';
|
||||
|
||||
@ -505,6 +516,8 @@ var VideoJS = Class.extend({
|
||||
fullscreenOff: function(){
|
||||
this.videoIsFullScreen = false;
|
||||
|
||||
document.removeEventListener("keydown", this.escKeyListener, false);
|
||||
|
||||
// Unhide scroll bars.
|
||||
document.documentElement.style.overflow = this.docOrigOverflow;
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user