Multimedia Box – Show It All (Media) – Blancer.com Tutorials and projects

Multimedia Box – Show it All

Video the way YOU want it

Multimedia Box is not just a gallery. It also doubles as a standalone video player that comes with two playback modes. Video options include:

Custom HTML5 Video Player w/ Flash Fallback
Flash Video w/ Mobile Fallback
Youtube Video w/ Mobile Fallback
Vimeo Video w/ Mobile Fallback

Genuine Fullscreen Capability

The HTML5 Video player makes use of Webkit and Mozilla fullscreen API ’s. That means REAL fullscreen in the latest Firefox, Chrome and Safari browsers.

Thumbstrip Swipe for Mobile

Multimedia Box uses jQuery Mobile to enable touch swipe for thumbstrip scrolling.

100% CSS3 Transitions

All transitions in the gallery are powered by CSS3 with jQuery fallbacks.

HTML5 Canvas Blur Filter

Multimedia Box supports the famous blur filter for image descriptions and also includes an IE fallback.

SoundCloud Gallery

By far my favorite part of making this gallery. Be sure to check it out if you’re into SoundCloud.

Multimedia Options Include

Special Notes

Thumbnail resizing requires Photoshop. 17 psd’s are included for editing graphics.
Due to HTML5 Canvas security, the description bg blur filter is only available when images are used.
Due to mobile restrictions, autoplay for HTML5 video is not supported.
Tooltips will not be displayed on touch-screen devices.
The plugin does not need an HTML5 DocType.
Multimedia Box uses jQuery version 1.7.1
Images and Video shown in preview are for demonstration purposes only and are not included in the source download