Затемнение при просмотре видео Ucoz
1715
10 из 10
Проголосовало: 4
Проголосовало: 4
Хак затемнение при просмотре видео ucoz, с помощью скрипта можно затемнять экран при просмотре видео или ролика
1. Найти и открыть в файле Страница материала и коментария к нему:
</head>
Выше добавить:
Код
<script>
function toggle () {
var perde = document.getElementById("perde");
if (perde.style.display != "block")
perde.style.display = "block";
else
perde.style.display = "none";
}
</script>
function toggle () {
var perde = document.getElementById("perde");
if (perde.style.display != "block")
perde.style.display = "block";
else
perde.style.display = "none";
}
</script>
Найти:
<body>
Добавить ниже:
Код
<div id="perde"></div>
2. В css:
Код
#perde {
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.8;
filter: alpha(opacity=80);
z-index: 100;
}
.ac-kapa {
position: relative;
background-color: tomato;
z-index: 101;
padding:10px;
color:white;
text-align:center;
text-decoration:none;
}
.video {
position: relative;
z-index: 101;
display:block;
}
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.8;
filter: alpha(opacity=80);
z-index: 100;
}
.ac-kapa {
position: relative;
background-color: tomato;
z-index: 101;
padding:10px;
color:white;
text-align:center;
text-decoration:none;
}
.video {
position: relative;
z-index: 101;
display:block;
}
3. В файле шаблон страница материала и коментария к нему в нужном вам месте установить кнопку Включить / Выключить свет там где вы хотите:
Код
<a href="javascript:;" class="ac-kapa" onclick="toggle();">Включить свет / Выключить свет</a>
Вы можете персонализировать нужную кнопку. Например, вы можете добавить визуальный эфект, а не текст.
4. И наконец, область, где используется видео-плеер для редактирования:
Код
<div class="video">Тут код видео плеера</div>
Автор публикации: Загрузка
Загрузка
- Всего комментариев: 3
0
|
О.... ЭТОТ КРУЧЕ ЧЕМ ТОТ С ПЕРЕКЛЮЧАТЕЛЕМ =)
|
0
|
О, мой шаб на скрине))
|
0
|
да
 Только не доработаный 
|
- Оставить комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
| |  |  |  |  |  |
 |  |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2026 г.
- Design by Вовчик Администратор:)