(adsbygoogle = window.adsbygoogle || []).push({}); Things needed:
- Firebug or Chrome
-Little Knowledge of Coding
-YouTube Access

Tutorial:

1. Make your way to YouTube.com
2. Search for any video you want, click on it.
3. Right click in the blank white area, and right click "Inspect Element"
4. Look for

    <meta itemprop="height" content="360">

, under that, look for

    </div>

5. Right click on

    </div>

And edit HTML.
6. Replace the contents with this:

    <div id="earth-hour-switches">

      <a onmousedown="_toggleEarthHour(); return false;" title="Turn out the lights for Earth Hour." id="earth-hour-switch-on">

        <img src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif">

      </a>

      <a onmousedown="_toggleEarthHour(); return false;" title="Turn the lights back on." id="earth-hour-switch-off">

        <img src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif">

      </a>

    </div> 

7. The switch may be a little to the left side, but it will be there.

Install greasemonkey for firefox and install the "turn the lights out script".

That shit made me mad when it went on for me...

Cool post though, others might like it whereas I did not.