Этот скрипт больше подойдет для сайтов, где происходит просмотр видео, так как он по клику по кнопке может затемнить монитор, а точнее все, что не качается самого экрана. Где один плеер будет смотреться корректно, а по сторонам идет светло затемненная пленка, вообщем как вы сами выставите на стилистике CSS, которая закреплена к основе.
Сам скрипт простой по конструкций и по самой установке, где вы можете посмотреть его работу. Также здесь идет кнопка, если вы выключаете свет, то изначально написано, что отключено, при включение уже пишет, что все активировано, вообщем это можно сделать как вам угодно, главное, что функция полностью работает.
Так выглядит при установки:

Демонстрация
Код
[c]<h2>Выключить свет на сайте при просмотре видео</h2> [/c]
[c]<div class="dark-video"><iframe width="560" height="315" src="https://www.youtube.com/embed/Xy9tuH21q2I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>[/c]
[c]<a href="javascript://" onclick="setCookie('light-on',1,365);eraseCookie('light-off');" id="switch-on">Выключить свет</a>
<a href="javascript://" onclick="setCookie('light-off',1,365);eraseCookie('light-on');" id="switch-off">Включить свет</a>
<script type="text/javascript" src="http://zornet.ru/Aben/Aben-Abag/darkino.js"></script>[/c]
<style type="text/css">
.shortstory iframe,.shortstory object,.dark-video {position:relative;z-index:999;}
#dark-block {position:fixed;top:0;left:0;background:rgba(0,0,0,0.9);z-index:998;width:100%;height:100%;display:none;}
/*стили плавающей иконки*/
img#switch-on {position:fixed;top:30px;left:15px;z-index:999;cursor:pointer;}
img#switch-off {position:fixed;top:30px;left:15px;z-index:999;cursor:pointer;display:none;}
/*стили обычной кнопки*/
a#switch-on {background:#888;color:#fff;position:relative;z-index:999;}
a#switch-off {background:#fff;color:#888;position:relative;z-index:999;display:none;}
a[id^="switch"] {padding:5px 10px;display:inline;border-radius:4px;}
a[id^="switch"]:hover {opacity:0.7;}
</style>