Скачать Выключить свет вокруг плеера скрипт

Это скрипт с помощью которого можно организовать такую функцию как выключение света, позволяющую при нажатии на специальную кнопку или иконку, затемнить основную область сайта кроме блока с плеером.

Для начало вам необходимо скачать js файл из вложений и залить его в папку с вашим шаблон, а далее следуете инструкции ниже.

Перед закрывающимся тегом

</body>

подключаем js скрипт:

<script type="text/javascript" src="{THEME}/js/jquery.allofthelights.min.js"></script>

В полную новость перед iframe добавить:

<div class="switch"></div>

Далее необходимо iframe присвоить класс "video", Пример:

<iframe class="video" width="560" height="315" src="https://www.youtube.com/embed/h4TLfeXccJY" frameborder="0" allowfullscreen></iframe>

В любой js файл в самый конец добавить:

$(document).ready(function() {
    $('.video').allofthelights();
});

Куда вам удобнее поставить кнопку при нажатие на которой будет происходить выключение света:

<span class="switch button allofthelights">Выключить свет</span>