» »

Каркас с переключением видео для 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>


В скрипте вам нужно найти такие строчки

Первый плеер фильма, Второй плеер фильма и Трейлер фильма вот в замен них и вставляете коды фильмов и трейлера к фильму.
21.09.2015 Загрузок: 16 Просмотров: 564 Комментарий: (11)

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

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

Комментарий: 11
Brung
Brung 21.09.2015 20:301
0
Дизайн темный, можно его просто переделать и сделать совершенно другой цвет.
Kosten
Kosten 21.09.2015 20:382
0
Brung, все можно сделать, он будет автоматически становиться по ширине. А что оттенок поменять, это не проблеме, также если вы соображаете в скрипте, то и дизайн можно сменить. Просто основном идут темные, на светлый или совершенно темный сайт.
Canon
Canon 21.09.2015 20:413
+1
На многих сайтах такой каркас видел, а вот источника точно не могу сказать. А что менять оттенок, так они основном и идут в таком, зачем из кино онлайн, делать разноцветный ресурс.
FeStemBer
FeStemBer 21.09.2015 20:444
0
Brung, извиняюсь но скажу как есть. Просто возможно вам на самом сайте нужно поменять дизайн, но не как на этом скрипте, на таких как названо каркасах вообще то не менять дизайн, то там надписи другим цветом не шло, но чтоб сам цвет, это уже за приделом моего воображение о ведение сайта.
Brung
Brung 21.09.2015 20:466
0
Мне нужен оригинал а не как у всех и стараюсь немного переделать, возможно не подойдет по дизайну, то такой пость в цвете будет один.
FeStemBer
FeStemBer 21.09.2015 20:477
0
Да хоть логотип на его поставите, сам дизайн останется и его краска не поможет узнать, но где то с вами согласен.
Kosten
Kosten 21.09.2015 20:445
0
Человек может просто поинтересовался и сам не понял, что ему нужно.
Brung
Brung 21.09.2015 20:518
0
Вообще пока кино сайта нет, прост вчера заел а раздел адаптированные шаблоны и увидел шаблон под эту тематику и теперь вот ищу к нему приложение типа таких, так как его там нет. И также еще не известно, будет ли оно адаптированно.
Kosten
Kosten 21.09.2015 20:539
0
Здесь точно не кажу, так как шаблон адаптированный и он наверно черный, только один там такой продается, у него значит страницы материалов и комментариев уже сделано. А этот каркас, вы же не будите прописывать в тело, его ставят уже с плеерами на кино или что там, вообщем на видео и должно быть все нормально.
FeStemBer
FeStemBer 21.09.2015 20:5510
0
Kosten, но здесь не известно, ваш CSTAV, вообще только под широкий экран настроен, что вы его не сделаете под мобильные устройства.
Kosten
Kosten 21.09.2015 20:5711
0
Tventum, да развивал свое время, теперь понял, что просто на одном сайте надо заострить ум, а второй, иногда добавляю фильмы новые, когда в хорошем качестве. А вот уже рекламу отключать извольте, по самому низкому тарифу делаю.
avatar