Спойлер по видео для 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> Если будут какие то проблемы пишите | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 17 | |
Там встраивается рекламный iframe, смотрим в самый конец кода скрипта
 Это связано с тем, что там в скрипте функционал и плеер того аниме-сайта, откуда вы брали скрипт этот, видимо. И это и следует учесть, если кто будет брать этот скрипт себе - в том смысле, что нужно понимать чего там в том скрипте и что именно он делает. А делает он то, что если публикуется ссылка на видео, то есть подмена на плеер того сайта (опять же, если публикуется ссылка на тот сервис, привязка к которому в скрипте прописана, а именно: 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 - лишнее вообще, как я понял. Этот скрипт будет полезен для таких вот сайтов, где публикуют просто списком серии - кидают ссылки на них, а уже скрипт это всё обрабатывает и публикует плейлист такой вот, как на скрине, автоматом плеер приписывая и в свёрнутом виде. | |
