» »

Спойлер по видео для 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 Просмотров: 905 Комментарий: (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
Вот мудро сказано, и не нужно гадать, для чего этот скрипт.
Марковичь
Марковичь 06.01.2016 19:435
0
А здесь что музыка или что так пказывают на скрине, понять и разобрать не могу.
Kosten
Kosten 06.01.2016 20:068
0
Какая музыка, разве кто то о ней писал, здесь про видео идет речь.
Kolinkor
Kolinkor 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