web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2024-12-23 02:04:34 +02:00
Code Releases Activity

Updatd to latest version

Browse Source
This commit is contained in:
Steve Heffernan 2010-06-10 17:05:39 -07:00
parent 45e611e45d
commit 8993a05793
2 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
video-js/demo.html
View File

@ -25,8 +25,14 @@
VideoJS.setup(); VideoJS.setup();
} }
document.addEventListener("keydown", function(e){
// alert(e.keyCode);
}, false);
</script> </script>
<!-- Include the VideoJS Stylesheet --> <!-- Include the VideoJS Stylesheet -->
<link rel="stylesheet" href="video-js.css" type="text/css" media="screen" title="Video JS" charset="utf-8"> <link rel="stylesheet" href="video-js.css" type="text/css" media="screen" title="Video JS" charset="utf-8">
</head> </head>

14
video-js/video.js
View File

@ -104,6 +104,15 @@ var VideoJS = Class.extend({
// Have to add the mouseout to the controller too or it may not hide. // Have to add the mouseout to the controller too or it may not hide.
// For some reason the same isn't needed for mouseover // For some reason the same isn't needed for mouseover
this.controls.addEventListener("mouseout", this.onVideoMouseOut.context(this), false); this.controls.addEventListener("mouseout", this.onVideoMouseOut.context(this), false);
// Create listener for esc key while in full screen mode
// Creating it during initialization to add context
// and because it has to be removed with removeEventListener
this.escKeyListener = function(event){
if (event.keyCode == 27) {
this.fullscreenOff();
}
}.context(this);
// Support older browsers that used autobuffer // Support older browsers that used autobuffer
if (this.video.preload) this.video.autobuffer = true; if (this.video.preload) this.video.autobuffer = true;
@ -490,6 +499,9 @@ var VideoJS = Class.extend({
// Storing original doc overflow value to return to when fullscreen is off // Storing original doc overflow value to return to when fullscreen is off
this.docOrigOverflow = document.documentElement.style.overflow; this.docOrigOverflow = document.documentElement.style.overflow;
// Add listener for esc key to exit fullscreen
document.addEventListener("keydown", this.escKeyListener, false);
// Hide any scroll bars // Hide any scroll bars
document.documentElement.style.overflow = 'hidden'; document.documentElement.style.overflow = 'hidden';
@ -505,6 +517,8 @@ var VideoJS = Class.extend({
fullscreenOff: function(){ fullscreenOff: function(){
this.videoIsFullScreen = false; this.videoIsFullScreen = false;
document.removeEventListener("keydown", this.escKeyListener, false);
// Unhide scroll bars. // Unhide scroll bars.
document.documentElement.style.overflow = this.docOrigOverflow; document.documentElement.style.overflow = this.docOrigOverflow;