Best jQuery Fullscreen Plugins & Tutorials with Demo

    YoutubeTV : jQuery YouTube User/Playlist player

    YoutubeTV : jQuery YouTube User/Playlist player

    A small, slick, library independent YouTube User/Playlist player.

    Features:

    • Library Independent
    • Customizable via CSS
    • Autoplay
    • Remove YouTube Chrome
    • Supports Playlists and Users
    • jQuery Support
    • Module Support

    Demos :

    jQuery Fullscreen Editor

    jQuery Fullscreen Editor

    A lightweight jQuery plugin that prettifies and transforms text fields into fullscreen text editors with two different transition options.

    Nex : jQuery Blazing Fast FullScreen Slider

    Nex : jQuery Blazing Fast FullScreen Slider

    Nex slider is a blazing fast fullscreen slider optimized for best performances and compatible with all platforms. It allows you to embed images, videos and even google maps in the same slider.

    It’s speed is based upon the fact that it is based on the Animo library which implements custom features from modern browsers like “requestAnimationFrame” and “Gpu Acceleration”.

    Features:

    • Customizable slider look
    • Optimized Speed
    • Touch Support
    • Keyboard Support
    • Pattern Support
    • SEO Friendly
    • 10 types of effects:
      1. Fade
      2. Slide from left
      3. Slide from right
      4. Slide from top
      5. Slide from bottom
      6. Zoom
      7. Skew
      8. Rotate
      9. Random
      10. None
    • 5 Predifined Color themes: amethyst, coral, sun, turquoise, and the default one
    • Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia. (Note that they currently are working only under chrome, opera and safari)
    • Different Content types: image, video, map
    • Customizeable map style: ROADMAP, SATELLITE, HYBRID, TERRAIN
    • Customizable maps: zoom size, show infowindow, or hide it

    Strapslide : jQuery Responsive Bootstrap Slider Plugin

    Strapslide : jQuery Responsive Bootstrap Slider Plugin

    Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos and captions paired with simple, modern and fancy 3D transitions. Even more important, it is fully responsive and mobile optimized and can take on any dimensions.

    Features:

    • jQuery 1.7 – jQuery 2.x Supported
    • Based on Bootstrap
    • CSS3 Transition library
    • Touch Enabled
    • Responsive
    • Pause on Hover
    • Dynamic Pagination
    • Keyboard Navigation
    • HTML5 Support to play self hosted videos
    • Animation of each Caption element
    • Powerful CSS Transitions with jQuery FallBack
    • Adapts to Bootstrap spans
    • Set Fullscreen YouTube and Vimeo Videos

    jQuery FullScreen Background / Gallery – Image and Video

    jQuery FullScreen Background / Gallery - Image and Video

    This jQuery plugin can be used as Full Screen Multimedia Background, Full Screen Multimedia Gallery and Full Width Multimedia Slider with both Image and Video.

    Features:

    • Over 40 js options from where you can customize the plugin.
    • The plugin is fully responsive, including images and texts and will adapt the browser/device resolution.
    • It is compatible with IOS and Android operating systems.
    • Animated text from any direction: top, bottom, left and right, CSS and HTML formated.
    • Parameters for color, dimensions & transparency.

    S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations

    S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations

    S Gallery is a responsive jQuery gallery plugin with CSS3  animations.It is inspired from SONY’s products gallery which is made in Flash.The gallery is accessible by keyboard and you can navigate through the images via keyboard shortcuts.

    The plugin makes use of HTML5’s FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features.

    jQuery Fullscreen Scroll Gallery

    jQuery Fullscreen Scroll Gallery

    A jQuery plugin help you to display fullscreen images with auto delay slideshow support.

    Features:

    • Scrollable thumbnails navigation.
    • Auto delay slideshow.
    • Fullscreen image.

    Dasky : jQuery Timeline Slider

    Dasky : jQuery Timeline Slider

    Dasky is a jQuery timeline slider,you can use it to show you products’s chagelog/loadmark, or loadmark of you team/life. And others what you want. It based on the power of css transforms and will fallback in old browsers who do not support it.

    Features:

    • Fluid layout
    • Fullscreen or not
    • Auto play
    • Mousewheel control
    • Keybords control
    • Major browsers compatible and fallback to old browsers

    Simple Instagram VIDEO with jQuery & HTML5

    Simple Instagram VIDEO with jQuery & HTML5

    Simple Instagram Video is a premium Instagram plugin that uses the power of HTML5 Video to showcase the latest functionality of the Instagram API. We know you will love it as much as we do because we’ve designed it to be as beautiful as it is useful. Give it a try, have some fun, and share you moments with the world!

    Features:

    • Superior Codebase – Built on our amazingly bulletproof framework
    • Responsive Design – Fully mobile-ready design adapts to any device.
    • Fullscreen Video – Enjoy your videos fully regardless of the device.
    • Advanced Video Thumbnail Gallery Mode – Share your best Instagram videos with our clean thumbnail gallery.
    • Premium Video Playlist Gallery Mode – Display your videos with our unique playlist style video player.
    • Popular Instagram Feed Mode – This feed mode pulls in the photos from the Instagram popular feed.
    • Tag Instagram Feed Mode – This feed mode allows you to specify a tag to search from the Instagram API.
    • User Instagram Feed Mode – This feed mode allows you to specify a user id to pull in photos from a specific user.
    • Multiuser Instagram Feed Mode – This feed mode allows you to specify multiple user id’s to pull in photos from specific users. Note, this feature does NOT allow load more functionality.
    • Liked Instagram Feed Mode – Display photos and videos that you’ve liked all accross the Instagram API.

    jQuery Horizontal Gridfolio Pro

    jQuery Horizontal Gridfolio Pro

    Horizontal Gridfolio Pro is a fully responsive media grid plugin that allows you to display media content with an unique and original layout. It’s perfect for presentations, for anyone that want to obtain a great impact on their visitors.

    Horizontal Gridfolio Pro features a large variety of options, it can have any number of categories and each category can have any number of images. When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, no action or open a webpage. The lightbox can display images, iframe (html pages) and videos loaded from YouTube or Vimeo.

    Features:

    • Responsive / Flexible / Fluid layout: the grid can be used with three display types, responsive/fixed, fluid width or fullscreen.
    • Autoscale: The grid can resize it’s height proportional to the width this way on smaller screens it will keep a correct ratio and it will be completely visible (optional).
    • Drag or Scroll Function: The grid can be dragged with the mouse/finger or scrolled like a regular HTML page.
    • Mouse wheel support: The grid can be scrolled with the mouse wheel (optional).