{"id":126,"date":"2014-11-18T17:42:53","date_gmt":"2014-11-18T17:42:53","guid":{"rendered":"http:\/\/www.turnoffthelights.com\/support\/?p=126"},"modified":"2023-11-18T15:00:18","modified_gmt":"2023-11-18T15:00:18","slug":"do-you-have-an-api-to-highlight-a-web-item","status":"publish","type":"post","link":"https:\/\/www.turnoffthelights.com\/support\/browser-extension\/do-you-have-an-api-to-highlight-a-web-item\/","title":{"rendered":"Do you have an API to highlight a web item on our website (easy to add in 3 steps)?"},"content":{"rendered":"\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><div><div><a href=\"#introduction\">Introduction<\/a><\/div><div><a href=\"#what-is-the-turn-off-the-lights-browser-extension\">What is the Turn Off the Lights browser extension?<\/a><\/div><div><a href=\"#api\">API<\/a><\/div><div><a href=\"#faq\">FAQ<\/a><div><div><a href=\"#faq-question-1700081904715\">How can I ensure that my Adobe Flash video player is detected and highlighted by the Turn Off the Lights browser extension?<\/a><\/div><div><a href=\"#faq-question-1700081922372\">Is the Turn Off the Lights API necessary for HTML5 video and YouTube embedded video players?<\/a><\/div><div><a href=\"#faq-question-1700081939592\">What are the key elements required on my web page for the Turn Off the Lights extension to detect and highlight specific content?<\/a><\/div><div><a href=\"#faq-question-1700081952391\">Since when has Turn Off the Lights been a standard in web browser technology, and what sets it apart from other extensions or companies?<\/a><\/div><div><a href=\"#faq-question-1700081964551\">Why should I use the Turn Off the Lights API code for my web page?<\/a><\/div><\/div><\/div><\/div><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"introduction\">Introduction<\/h2>\n\n\n\n<p>If you are a webmaster or web developer, and you want to have your Adobe Flash video player or presentation object detected well in the Turn Off the Lights browser extension. Then you must use the Turn Off the Lights API code. You can find an example on this <a aria-label=\"official Turn Off the Lights API web page (opens in a new tab)\" href=\"https:\/\/www.turnoffthelights.com\/api\/\" target=\"_blank\" rel=\"noreferrer noopener\">official Turn Off the Lights API web page<\/a>.<\/p>\n\n\n\n<p>Important note: The API is not needed for the HTML5 video and the <a aria-label=\"YouTube (opens in a new tab)\" href=\"https:\/\/www.youtube.com\/c\/turnoffthelights?sub_confirmation=1\" target=\"_blank\" rel=\"noreferrer noopener\">YouTube<\/a> embedded video player. Because that is default detected by the browser extension. And will highlight this automatically when you dim the web page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-the-turn-off-the-lights-browser-extension\">What is the Turn Off the Lights browser extension?<\/h2>\n\n\n\n<p>The &#8220;Turn Off the Lights&#8221; browser extension is a popular tool designed to enhance online video-watching experiences. Compatible with various browsers, including Chrome and Firefox, it allows users to dim the background of a webpage, emphasizing the video content and reducing distractions. With a simple click on its icon, the extension darkens the surrounding elements, providing a theater-like atmosphere. Additionally, it offers customization options, such as adjustable opacity and ambient lighting effects. This extension is widely appreciated for its user-friendly interface and its ability to create a more immersive and focused environment for enjoying online videos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"api\">API<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.turnoffthelights.com\/support\/wp-content\/uploads\/2014\/11\/turn-off-the-lights-extension-api.png\"><img decoding=\"async\" width=\"1024\" height=\"428\" src=\"https:\/\/www.turnoffthelights.com\/support\/wp-content\/uploads\/2014\/11\/turn-off-the-lights-extension-api-1024x428.png\" alt=\"Turn Off the Lights extension API\" class=\"wp-image-1040\" srcset=\"https:\/\/www.turnoffthelights.com\/support\/wp-content\/uploads\/2014\/11\/turn-off-the-lights-extension-api-1024x428.png 1024w, https:\/\/www.turnoffthelights.com\/support\/wp-content\/uploads\/2014\/11\/turn-off-the-lights-extension-api-300x125.png 300w, https:\/\/www.turnoffthelights.com\/support\/wp-content\/uploads\/2014\/11\/turn-off-the-lights-extension-api-60x25.png 60w, https:\/\/www.turnoffthelights.com\/support\/wp-content\/uploads\/2014\/11\/turn-off-the-lights-extension-api-150x63.png 150w, https:\/\/www.turnoffthelights.com\/support\/wp-content\/uploads\/2014\/11\/turn-off-the-lights-extension-api.png 2014w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">API<\/figcaption><\/figure>\n\n\n\n<p>Turn Off the Lights has created this&nbsp;industry standard in web browser technology&nbsp;since the year 2009. It is one of the elements that Turn Off the Lights and push the internet forward, and no other extensions or companies have done this before.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>id=&#8221;dont-turn-off-the-lights&#8221;<\/p>\n\n\n\n<p>class=&#8221;dont-turn-off-the-lights&#8221;<\/p>\n<\/blockquote>\n\n\n\n<p>By having one of these elements on your web page, the Turn Off the Lights browser extension will detect this element and highlight only that&nbsp;element on top of the dark layer. So it makes it very easy for your users to see the important element on top of it. And we the users have a comfortable experience in our web browser.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQ<\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1700081904715\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How can I ensure that my Adobe Flash video player is detected and highlighted by the Turn Off the Lights browser extension?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To have your Adobe Flash video player or presentation object detected by the Turn Off the Lights browser extension, use the Turn Off the Lights API code. You can find an example on the official Turn Off the Lights API web page.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1700081922372\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Is the Turn Off the Lights API necessary for HTML5 video and YouTube embedded video players?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>No, the Turn Off the Lights API is not needed for HTML5 video and YouTube embedded video players. The browser extension automatically detects and highlights these elements by default when you dim the web page.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1700081939592\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">What are the key elements required on my web page for the Turn Off the Lights extension to detect and highlight specific content?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To enable detection and highlighting, include either id=&#8221;dont-turn-off-the-lights&#8221; or class=&#8221;dont-turn-off-the-lights&#8221; on the element you want to emphasize. The Turn Off the Lights extension will then highlight only that specific element on top of the dark layer.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1700081952391\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Since when has Turn Off the Lights been a standard in web browser technology, and what sets it apart from other extensions or companies?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Turn Off the Lights has been an industry standard in web browser technology since 2009. It distinguishes itself by pushing the internet forward with unique features, such as the ability to detect and highlight specific elements on a web page, a capability not offered by other extensions or companies.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1700081964551\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Why should I use the Turn Off the Lights API code for my web page?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Using the Turn Off the Lights API code enhances the user experience by allowing the browser extension to detect and highlight specific elements, such as Adobe Flash video players. This ensures that users can easily focus on the important content on top of the dark layer, providing a comfortable browsing experience.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Introduction If you are a webmaster or web developer, and you want to have your Adobe Flash video player or presentation object detected well in the Turn Off the Lights browser extension. Then you must use the Turn Off the Lights API code. You can find an example on this official Turn Off the Lights [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,9,4],"tags":[],"class_list":["post-126","post","type-post","status-publish","format-standard","hentry","category-browser-extension","category-mobile","category-windows-store-app"],"lang":"en","translations":{"en":126},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www.turnoffthelights.com\/support\/wp-json\/wp\/v2\/posts\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.turnoffthelights.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.turnoffthelights.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.turnoffthelights.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.turnoffthelights.com\/support\/wp-json\/wp\/v2\/comments?post=126"}],"version-history":[{"count":2,"href":"https:\/\/www.turnoffthelights.com\/support\/wp-json\/wp\/v2\/posts\/126\/revisions"}],"predecessor-version":[{"id":12752,"href":"https:\/\/www.turnoffthelights.com\/support\/wp-json\/wp\/v2\/posts\/126\/revisions\/12752"}],"wp:attachment":[{"href":"https:\/\/www.turnoffthelights.com\/support\/wp-json\/wp\/v2\/media?parent=126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.turnoffthelights.com\/support\/wp-json\/wp\/v2\/categories?post=126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.turnoffthelights.com\/support\/wp-json\/wp\/v2\/tags?post=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}