Каркас с переключением видео для ucoz
 | |
| Смотришь на некоторые порталы и там фильмы размешают на одной странице, в один ряд, если это сериал, вы можете воспользоваться скриптом Каркас с переключением видео для ucoz который упростить эту функциональность. На его можно до 5 роликов поставить, это скажем сериал на 4 серий, или просто фильм с несколькими разными плеерами и трейлером на его. Вообщем удобная штука для сайтов с тематикой онлайн и установка его легкая. Спешу поделится с вами одним нужным и полезным скриптом, в частности данный скрипт нужен тем кто держит свои сайты с контекстом онлайн кино просмотр фильмов. Данный скрипт сможет вам выводить два разных плеера плюс трейлер фильма, это удобно для того если один плеер отказал по той или иной причине то гость сайта сможет посмотреть фильм через другой рабочий плеер фильма. Скрипт переключателя плееров настроен и готов полностью к работе на вашем сайте и радовать как вас так и ваших посетителей. Для того что бы пользоваться данным скриптом вам нужно загрузить стили и скрипт в файловый менеджер вашего сайта, их вы сможете найти в архиве нашего сайта. Далее когда добавляете фильм вам остаётся всего лишь вставлять в материал сам код видео плееров, который расположен чуть ниже. Код <script src="/jquery-ui-1.9.2.custom.min.js"></script> <link type="text/css" href="/jquery-ui-1.9.2.custom.css" rel="Stylesheet" /> <div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all"> <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist"> <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tabs-1" aria-labelledby="ui-id-1" aria-selected="true"><a href="#tabs-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Первый плеер</a></li> <li class="ui-state-default ui-corner-top ui-state-hover" role="tab" tabindex="-1" aria-controls="tabs-2" aria-labelledby="ui-id-2" aria-selected="false"><a href="#tabs-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">Второй плеер</a></li> <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-3" aria-labelledby="ui-id-3" aria-selected="false"><a href="#tabs-3" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">Трейлер фильма</a></li> </ul> <div id="tabs-1" aria-labelledby="ui-id-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-expanded="true" aria-hidden="false"> <div id="player"> <div class="MsoPlayer">Первый плеер фильма</div></div> </div> <div id="tabs-2" aria-labelledby="ui-id-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none;"> <div id="player"> <div class="MsoPlayer">Второй плеер фильма</div></div> </div> <div id="tabs-3" aria-labelledby="ui-id-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none;"> <div id="player"> <div class="MsoPlayer">Трейлер фильма</div></div> </div> <script>$("#tabs").tabs();</script> </div> В скрипте вам нужно найти такие строчки Первый плеер фильма, Второй плеер фильма и Трейлер фильма вот в замен них и вставляете коды фильмов и трейлера к фильму. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 11 | |
|
| |
