» »

Спойлер по видео для ucoz


Спойлер по видео для ucoz

Когда то рипнула этот спойлер, он довольно не плохой, исключительно под видео формат. Я сама использую его на своем сайте.
CSS
Код

/* AniSpoiler Style */
.anispoiler {
width: 100%;
border-bottom: solid 1px #a4c6e5;
}

.anispoiler h3 {
background: #e4f0ff;
padding: 7px 15px;
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border: solid 1px #a4c6e5;
border-bottom: none;
cursor: pointer;
}

.anispoiler h3:hover {
background-color: #bbd9f4;
}

.accordion h2 {
width: 600px;
background: #4EEE94;
padding: 7px 15px;
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border: solid 1px #c4c4c4;
border-bottom: none;
cursor: pointer;
}

.accordion h2:hover {
background-color: #54FF9F;
}

.anispoiler p {
background: #ecf4fe;
margin: 0;
padding-top:10px;
padding-bottom:10px;
border-left: solid 1px #a4c6e5;
border-right: solid 1px #a4c6e5;
}
/* ---------------- */


Html при добавлении
Код

<div class="anispoiler">
<div id="msg">

<h3 onclick="upAnime(2);">Название</h3><p align="center" id="an2" style="display:none;"></p><p id="an_ul2" style="display:none;">код плеера или ссылка на видео</p>
<h3 onclick="upAnime(4);">Название</h3><p align="center" id="an4" style="display:none;"></p><p id="an_ul4" style="display:none;">код плеера или ссылка на видео</p>

</div>
</div>


Между тегами на стр. материала
Код

<script type="text/javascript" src="/js/js.js"></script>

Если будут какие то проблемы пишите
06.01.2016 Просмотров: 613 Комментарий: (18)

Поделиться в социальных сетях

Материал разместил

Комментарий: 17
Melisa
Melisa 06.01.2016 06:041
0
js который не выложила, не спам
Ссылка на файл
-SAM-
-SAM- 07.01.2016 02:2016
0
Там встраивается рекламный iframe, смотрим в самый конец кода скрипта smile
Это связано с тем, что там в скрипте функционал и плеер того аниме-сайта, откуда вы брали скрипт этот, видимо. И это и следует учесть, если кто будет брать этот скрипт себе - в том смысле, что нужно понимать чего там в том скрипте и что именно он делает. А делает он то, что если публикуется ссылка на видео, то есть подмена на плеер того сайта (опять же, если публикуется ссылка на тот сервис, привязка к которому в скрипте прописана, а именно: rutube.ru, video.mail.ru, static.video.yandex.ru, video.i.ua, www.youtube.com, kiwi.kz, video.sibnet.ru, myvi.ru, now.ru, 24video.net, vkontakte.ru\vk.com - не факт, что все привязки будут работать, что они актуальны, но плеер тот лучше залить себе на сайт, переписав скрипт, а iframe рекламный - убрать нужно).

UPD.: Ну это хорошо, что вы знаете. Просто это не спойлер, как таковой... спойлер тут сделан тем, что просто идет скрытие под display:none, а скрипт - проводит подмену содержимого блока с выводом плеера того сайта (display:block).
.accordion h2 - лишнее вообще, как я понял.

Этот скрипт будет полезен для таких вот сайтов, где публикуют просто списком серии - кидают ссылки на них, а уже скрипт это всё обрабатывает и публикует плейлист такой вот, как на скрине, автоматом плеер приписывая и в свёрнутом виде.
Melisa
Melisa 07.01.2016 02:4317
0
Мне это известно)
trem200
trem200 06.01.2016 18:552
0
Довольно красивый скрипт, такой вот вопрос, данный скрипт для модуля видео или же его можно пользовать на всех модулях,
Kosten
Kosten 06.01.2016 19:073
0
Думаю только для видео, но может попробовать на других модулях, нужно спрашивать, кто залил, так как у человека на сайте стоит, и реально большей информацией обладает.
Melisa
Melisa 06.01.2016 22:3310
0
он для всех модулей
Kvint
Kvint 06.01.2016 22:3711
0
Но так и думал, что для всех, кроме форума.
trem200
trem200 07.01.2016 01:2115
0
Очень хорошая новость, что данный скрипт для всех модулей
csretven
csretven 06.01.2016 19:384
0
Но если написано под видео, видать только под него, но просто не чего не вижу такого, что можно поставить на другое.
Kosten
Kosten 06.01.2016 20:079
0
Вот мудро сказано, и не нужно гадать, для чего этот скрипт.
nikolla76
nikolla76 06.01.2016 19:435
0
А здесь что музыка или что так пказывают на скрине, понять и разобрать не могу.
Kosten
Kosten 06.01.2016 20:068
0
Какая музыка, разве кто то о ней писал, здесь про видео идет речь.
Brung
Brung 06.01.2016 19:546
0
Но что читать не умеем, что это по видео, но споллер там для чего, чтоб открыть и выбрать, что смотреть.
Kosten
Kosten 06.01.2016 20:067
0
Все спрашиваем у Melisa, она загрузила, и она его отработала на одном сайте, значит знает хорошо.
Melisa
Melisa 06.01.2016 23:0212
0
Спойлер для всех модулей! Он исключительно для видео контента
Из него даже можно сделать вид материалов для модуля видео
Kosten
Kosten 06.01.2016 23:0813
0
Но это для тех кто кино онлайн тематика, или просто раздел видео на сайте.
Melisa
Melisa 06.01.2016 23:1214
0
Для новостных сайтов тоже подойдет
avatar