Skip to content

Instantly share code, notes, and snippets.

@SaFrMo
Last active August 4, 2016 14:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save SaFrMo/368656cd43798b54ee74ed4dedf3c10e to your computer and use it in GitHub Desktop.
Save SaFrMo/368656cd43798b54ee74ed4dedf3c10e to your computer and use it in GitHub Desktop.
// Make sure that iframe resizes correctly on fullscreen exit
// (ie, make Vimeo or YouTube videos return to the iFrame bounds on fullscreen exit)
var isFullscreen = false;
var videoSizer = null;
function onFullscreenToggle(){
var isFullscreen = document.fullscreenElement ||
document.webkitFullscreenElement ||
document.mozFullScreenElement ||
document.msFullscreenElement;
if( !isFullscreen ){
// Resize after brief delay to account for zoom-out animation
setTimeout(function(){
sizeVideos();
}, 200);
}
}
function sizeVideos(){
// Size your videos here!
}
// Fullscreen event handlers
//document.addEventListener("fullscreenchange", onFullscreenToggle, false);
//document.addEventListener("webkitfullscreenchange", onFullscreenToggle, false);
//document.addEventListener("mozfullscreenchange", onFullscreenToggle, false);
// Or in jQuery style:
jQuery(document).on('mozfullscreenchange webkitfullscreenchange fullscreenchange', onFullscreenToggle);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment