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>

This CSS ID and Class name worked since the Turn Off the Lights Browser extension version 1.0. That is available for Google Chrome, Firefox, Opera, Safari, Maxthon, Microsoft Internet Explorer and Microsoft Edge.