Выключить свет при просмотре плеера на сайте
 | |
| Многие встречали скрипт включить и выключить свет на сайте при просмотре плеера, это основном ставят на тематику кого онлайн просмотр. Теперь вы можете установить на свой портал и разместить кнопку где вам нужно, это над плеером или в низу его. При выключение, сама кнопка становится светлее, также идут стили, что вы можете сами вывести оттенок затемнение. Это что касается самого затемнение и его процент, также вывести кнопку, здесь можно сменить под свою стилистику. Это можно сделать на любой площадке, где к материалу установлено видел, просто с описанием поставить выключатель. Но основном его стразу устанавливают вид материалов и комментариев, любого модуля. Но основном можно заметить на кино сайте, работает когда плеер не развернут на весь монитор. Плюс в том, что сам скрипт простой и полностью рабочий и по установке также. Здесь будет представлен код с кнопкой, это когда вы можете поставить ее сами по вашему выбору. Но есть еще и второй вариант, это тот где представлено изображение выключателя, вот оно больше для портала, где из материала идет как просмотр фильмов или другого видео. Так по умолчанию это выключатель будет установлен в левом ввернем углу. Здесь вам мешать, так как есть из чего выбрать, второй способ будет представлен в архиве, что нужно скачать. Первый здесь по установке расписан и предоставлено, как вообще будет происходить работа его на сайте. Просто пробовал сделать демонстрацию, на ней что то не получается и нужно чтоб он располагался в материале. Приступаем к установке: 1. Для начало в 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;} Теперь идем в админ панель и нужно установить кнопку, ставим там где вам нужно. Здесь сразу выставлено по центру. Код <div align="center"><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></div> 2. Остается найти плеер с канала ютуб пусть будет и на нем проверим. 3. Как нашли плеер, то его обязательно нужно поставить в этот код. Код <div class="dark-video">СТАВИМ ПЛЕЕР ЗДЕСЬ</div> На этом вся установка, все сохраняем и потом наслаждаемся этой функцией. Второй вариант вам будет предоставлен в архиве, что перекреплен к этому материалу. Как работает, вы можете посмотреть демонстрацию на этот материал. Источник: Fullweb.ucoz.ru | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 6 | |
|
| |
