Skip to content

Instantly share code, notes, and snippets.

@parrfolio
Created June 30, 2011 19:11
Show Gist options
  • Save parrfolio/1056967 to your computer and use it in GitHub Desktop.
Save parrfolio/1056967 to your computer and use it in GitHub Desktop.
Fullscreen Mode Pseudo Classes
/*--
-webkit-full-screen
-webkit-full-screen-document
--*/
/* fullscreen mode */
#video-player:-webkit-full-screen {
position:absolute;
top:0;
left:0;
width:100%;
}
/* the document that contains the fullscreen mode */
:webkit-full-screen-document {
overflow: hidden;
}
@parrfolio
Copy link
Author

Fullscreen mode works in Safari 5.1+. The pseudo classes work on any element. iFrame content must have "webkitallowfullscreen" attribute.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment