What is Revolution Lightbox?

Revolution Lightbox is a flexible and responsive lightbox, that allows to create galleries of multimedia content in a popup window. Built with techniques and using the latest Javascript and CSS techniques it offers advanced features to showcase your media.

Revolution Lightbox main features

Responsive Layout – fully responsive and adaptable regardless of which device is used.

Display Anything You Can Think Of – display images (.jpg, .jpeg, .png, .bmp, .gif, .tif, .tiff, .jfi, .jfif, .exif, .svg), audio (.mp3, .m4a, .acc), Shoutcast, Icecast, video (.mp4, .webm, .ogv), Youtube, Vimeo, HLS/HTTP Live Streaming/m3u8, DASH MPEG, Google Drive, Dropbox and other cloud platforms, PDF, HTML content, Iframe and more…

Static Content And Dynamic Content – the static content will automatically create the lightbox galleries and add the necessary events to the page elements related to a query selector, on the other hand, the dynamic content allows displaying one or more galleries created from hidden HTML markup or JSON by clicking an element in the page at your choosing.

Easy Video Player Included – the only lightbox in the world that has true video & audio integration. Easy Video Player is the engine used to play video & audio files and boy it is awesome, it supports multiple audio and video formats (mp4, mp3, mp4a, .acc, .m3u8, .mpd, Youtube, Vimeo, etc) and comes with premium features like, subtitles, Chromecast, VAST & VMAP advertising, Google Adsense advertising, native fullscreen support and much more…

Easy To Configure And Install – easy to include in your project. Featuring detailed documentation and video tutorials with sample demo pages ready for use.

Desktop And Mobile Optimized – support for mouse and touch for mobile devices and touch screens.

Graphics Image .png Skin Or Vector Skin – customizable skin with png image icons or vector SVG icons, visually the vector and graphics skins look the same. Figma/.fig files included plus video tutorial about how to use the graphics and vector skin.

True Multimedia Content – support for images (.jpg, .jpeg, .png, .bmp, .gif, .tif, .tiff, .jfi, .jfif, .exif, .svg), audio (.mp3, m4a, .acc),Shoutcast, Icecast, video (.mp4, .webm, .ogv), Google Drive, Dropbox or other cloud platforms, Youtube, Vimeo, HLS/HTTP Live Streaming m3u8, DASH MPEG, Google maps, PDF, HTML content, Iframe and more.

360-degree videos and immersive VR – play 360 Degree Panoramic Video and Panoramic 360 VR Aand Stereoscopic Video, 360 Immersive VR / virtual reality 360 video and Cardboard mode support are added using WebXR, any Html5 video is supported including Mpeg Dash, HLS Native and HLS.JS, turn your device into a virtual reality video machine, this feature allows using Cardboard goggles or VR hardware like Oculus Rift or HTC Vive to display a VR 360 video scene.

Multiple video quality levels for HTTP Live Streaming HLS / .m3u8 files – HLS handles quality switch automatically and multiple audio tracks support, using heuristics based on fragment loading bitrate and quality level bandwidth exposed in the variant manifest, basically the player will choose the best possible quality based on user bandwidth and player size also it supports optional quality level buttons when playing an HLS video file the quality levels will be generated and the user will be able to select the quality from the quality selector buttons, example here.

Audio Tracks Support For .mp4 / Video – support for video / mp4 multiple audio tracks, please note that this feature is limited by browser support, browsers that do not have support for the HTMLMediaElement.audioTracks video property will not display the headphone button that allows changing the video audio track.

Automatic Media Content Type Detection – Revolution Lightbox will set the appropriate type (video, audio, image, etc) based on the media URL, to the media items without any extra requirements.

Deeplinking – unique and shareable link for the current opened gallery item.

Modal Support – possibility to set the lightbox as modal, this way it can only be closed using the close button.

Static And Dynamic Content – the only lightbox in the world with both static and dynamic content.

Custom Media Query Selector – set your Custom Query Selector to any CSS selector as a class name(s) or attribute(s) in order to open the matching element(s) from your document.

Lazy Loading – this feature is loading the images and video posters in the background for a seamless user experience.

Keyboard Support – ESC: close lightbox, LEFT & RIGHT ARROWS: skip video 10 seconds forward or backward if the video is playing or change slides if the video is not playing, F: video fullscreen/normalscreen, UP & DOWN ARROWS: video volume up or volume down, M: video mute/unmute, SPACE: video play/pause.

Drag Support – drag support to navigate between slides/items on both mouse and touch-based screens.

Buttons Auto Hide – the lightbox buttons (close, share, next, prev, etc) can hide after several seconds of user inactivity, the duration for this can be set as needed.

Item Buttons Navigation – next and previous buttons to navigate to the next or previous slide/item.

Slideshow & Slideshow Button – lightbox slideshow using a play/pause button, the time interval between slides can be set in milliseconds.

Slideshow Autoplay & Autostop – the slideshow can be set to autoplay, or autostop when the last slide is showed.

Circular Slideshow Animation – circular slideshow animation for displaying the slideshow progress.

Fullscreen Support – fullscreen/normalscreen button and native fullscreen support on both desktop and mobile.

Maximize & Minimize For Images – maximize/minimize button and maximize/minimize double click/tap feature for images. The maximize zoom factor can be set to a custom value to allow fine tune controll on the maximized image.

Three…