Skip to content
Mar 30 / Andrew Spaulding

Create a cinema lighting experience with JQuery for your video player

I wanted to add a website dimming experience akin to video player features similar to those found on Hulu or on AdobeTV, where you can toggle the “lights” so to speak on your site. In my example I

use some simple JQuery to append or remove a Div to the HTML DOM, and leverage some basic JQuery effects to fade in or fade out the Div. The darkened web site result is achieved by Div with a black background at 80% opacity that sits above all other web content on your page.

Try the example yourself, and turn the lights on and off!
View the source to see how it all works.

Comments / Reactions / Trackbacks