Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
E
edx-platform-release
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Wiki
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Deploy
Releases
Package Registry
Model registry
Operate
Terraform modules
Monitor
Incidents
Service Desk
Analyze
Value stream analytics
Contributor analytics
Repository analytics
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
Hsin-Yu Chien
edx-platform-release
Commits
2be9a1e6
Commit
2be9a1e6
authored
13 years ago
by
Kyle Fiedler
Browse files
Options
Downloads
Patches
Plain Diff
Removed fullscreen js as it breaks the video
parent
3c60d7a6
No related branches found
Branches containing commit
Tags
release-2021-06-30-06.16
Tags containing commit
No related merge requests found
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
static/js/jquery.fullscreen.js
+0
-145
0 additions, 145 deletions
static/js/jquery.fullscreen.js
with
0 additions
and
145 deletions
static/js/jquery.fullscreen.js
deleted
100644 → 0
+
0
−
145
View file @
3c60d7a6
/**
* @name jQuery FullScreen Plugin
* @author Martin Angelov
* @version 1.0
* @url http://tutorialzine.com/2012/02/enhance-your-website-fullscreen-api/
* @license MIT License
*/
(
function
(
$
){
// Adding a new test to the jQuery support object
$
.
support
.
fullscreen
=
supportFullScreen
();
// Creating the plugin
$
.
fn
.
fullScreen
=
function
(
props
){
if
(
!
$
.
support
.
fullscreen
||
this
.
length
!=
1
){
// The plugin can be called only
// on one element at a time
return
this
;
}
if
(
fullScreenStatus
()){
// if we are already in fullscreen, exit
cancelFullScreen
();
return
this
;
}
// You can potentially pas two arguments a color
// for the background and a callback function
var
options
=
$
.
extend
({
'
background
'
:
'
#111
'
,
'
callback
'
:
function
(){}
},
props
);
// This temporary div is the element that is
// actually going to be enlarged in full screen
var
fs
=
$
(
'
<div>
'
,{
'
css
'
:
{
'
overflow-y
'
:
'
auto
'
,
'
background
'
:
options
.
background
,
'
width
'
:
'
100%
'
,
'
height
'
:
'
100%
'
}
});
var
elem
=
this
;
// You can use the .fullScreen class to
// apply styling to your element
elem
.
toggleClass
(
'
fullscreen
'
);
// Inserting our element in the temporary
// div, after which we zoom it in fullscreen
fs
.
insertBefore
(
elem
);
fs
.
append
(
elem
);
requestFullScreen
(
fs
.
get
(
0
));
fs
.
click
(
function
(
e
){
if
(
e
.
target
==
this
){
// If the black bar was clicked
cancelFullScreen
();
}
});
elem
.
cancel
=
function
(){
cancelFullScreen
();
return
elem
;
};
onFullScreenEvent
(
function
(
fullScreen
){
if
(
!
fullScreen
){
// We have exited full screen.
// Remove the class and destroy
// the temporary div
elem
.
removeClass
(
'
fullScreen
'
).
insertBefore
(
fs
);
fs
.
remove
();
}
// Calling the user supplied callback
options
.
callback
(
fullScreen
);
});
return
elem
;
};
// These helper functions available only to our plugin scope.
function
supportFullScreen
(){
var
doc
=
document
.
documentElement
;
return
(
'
requestFullscreen
'
in
doc
)
||
(
'
mozRequestFullScreen
'
in
doc
&&
document
.
mozFullScreenEnabled
)
||
(
'
webkitRequestFullScreen
'
in
doc
);
}
function
requestFullScreen
(
elem
){
if
(
elem
.
requestFullscreen
)
{
elem
.
requestFullscreen
();
}
else
if
(
elem
.
mozRequestFullScreen
)
{
elem
.
mozRequestFullScreen
();
}
else
if
(
elem
.
webkitRequestFullScreen
)
{
elem
.
webkitRequestFullScreen
();
}
}
function
fullScreenStatus
(){
return
document
.
fullscreen
||
document
.
mozFullScreen
||
document
.
webkitIsFullScreen
;
}
function
cancelFullScreen
(){
if
(
document
.
exitFullscreen
)
{
document
.
exitFullscreen
();
}
else
if
(
document
.
mozCancelFullScreen
)
{
document
.
mozCancelFullScreen
();
}
else
if
(
document
.
webkitCancelFullScreen
)
{
document
.
webkitCancelFullScreen
();
}
}
function
onFullScreenEvent
(
callback
){
$
(
document
).
on
(
"
fullscreenchange mozfullscreenchange webkitfullscreenchange
"
,
function
(){
// The full screen status is automatically
// passed to our callback as an argument.
callback
(
fullScreenStatus
());
});
}
})(
jQuery
);
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment