Dim the Lights on Any Web Video

Dim the Lights in Firefox

Some websites, like Hulu for example, give you the ability to dim everything in the background on a page so that you can focus on the video you are watching.  What if you could do that on every website? That is what the add-on for Firefox, Turn Off the Lights, brings to the browser.

This brings distraction free video watching to Firefox, plain and simple.  Here are a few more features of Turn Off the Lights:

  • Turn the lights back on, by clicking on it
  • Fade in and out effect just like the Chrome, Safari and Opera extension
  • Support multiple video sites: YouTube, HTML5 video
  • Support multiple image sites: Google Images Search

More features are planned for the future too.  They are looking to add autoplay, color changing, context menu options and more. You can learn more about the Turn Off the Lights project from their Google Code project website and pick up the add-on for Firefox from the Firefox Add-ons website.

, , , , , , , ,

6 Responses to Dim the Lights on Any Web Video

  1. Troy Roark Nov/24 at 10:36 am #

    Wow, hey cool… it ain’t workin.

  2. Ebookfan Nov/24 at 2:47 pm #

    Good sharing information, try to keep it up, i will follow you

  3. Zak Nov/24 at 3:04 pm #

    Yeah… I can’t get it to work either.

  4. PhonesLand Nov/24 at 5:26 pm #

    Wooohoo, this really helps, thanks !

  5. Manas Shah Nov/26 at 6:26 am #

    Don’t go for these add-ons !! instead add this script to your browser with greasemonkey..

    http://greasefire.userscripts.org/scripts/show/33042

  6. dwight.stegall Nov/26 at 5:05 pm #

    I use this

    Dim The Lights

    javascript:(function(){var%20newSS,%20styles=’*%20{background-color:black%20!important;%20color:white%20!important;%20border-color:black%20!important;%20font-weight:900%20!important;}%20:link%20{text-decoration:underline%20!important;%20color:yellow%20!important;}%20:visited%20{text-decoration:underline%20!important;%20color:lime%20!important}%20iframe%20{display:none%20!important;}’;%20if(document.createStyleSheet)%20{%20document.createStyleSheet(%22javascript:’%22+styles+%22′%22);%20}%20else%20{%20newSS=document.createElement(‘link’);%20newSS.rel=’stylesheet’;%20newSS.href=’data:text/css,’+escape(styles);%20document.getElementsByTagName(%22head%22)[0].appendChild(newSS);%20}%20})();

    It works on every site in every browser except that awful Internet Explorer.