[Skip to Content]
Turn Off the Lights lamp Icon for YouTube Turn Off the Lights™
Please use and enjoy it, and if you can make a donation of any amount, we'd appreciate it immensely

API for you website

This is for the website developer / webmaster. If you want to focus on you website also a div or other HTML elements. Just follow this step below to bring focus on an element on your website. There two way to focus an element. The first way is give the element an id name and the other with a class style name.


Example: id way

You can give for each element you want to focus this id name.

<div id="dont-turn-off-the-lights">This is faster than a ...</div>

Example: class way

For an image you can give it the class name inside it.

<img alt="Stefan vd Logo" sr="https://www.stefanvd.net/images/Stefan vd.png" class="dont-turn-off-the-lights"/>

Note: You choose what is the best for you website. But I recommend that you use the class way. It give you a better overview on your website.

Example for Adobe Flash video

<object width="480" height="295" class="dont-turn-off-the-lights">
<param name="movie" value="//www.youtube.com/v/cZY0atsYHdY&hl=en_US&fs=1&"/>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<embed src="https://www.youtube.com/v/cZY0atsYHdY&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed>
</object>


Example for a HTML 5 video

HTML 5 video doesn't need an API code. The 'Turn Off the Lights' browser extension will detect automatically all the HTML5 videos on that website:

<video src="movie.ogv" controls="controls">
your browser does not support the video tag
</video>