» »

Каркас для видео плееров uCoz


Каркас для видео плееров uCoz

Удобный каркас для несколько видео плееров сделан для кино сайтов которые созданные в системе uCoz

Суть данного каркаса в том что он позволяет добавлять несколько фильмов так как установив один плеер с фильмом его могут удалить и он станет не работоспособным что плохо скажется на вашем кино портале.
А с этим каркасом вы сможете вставлять несколько видео фильмов с разных ресурсов + трейлер к фильму.

И так давайте установим!

1.Скачайте архив и распакуйте его на ваш ПК
2.Загрузите 2 текстовых файла в ваш файловый менеджер сайта
jquery-ui-1.9.2.custom
jquery-ui-1.9.2.custom.min

3.Теперь скопируйте код который расположен чуть ниже и вставляйте его в полное описание материала при добавления вашего фильма


Код
<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>


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

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

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

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

Комментарий: 32
Dimstrik
Dimstrik 01.12.2014 05:581
+1
Вот тут я установил на свой сайт всё работает без глюков и багов Тук тук стучится кто то :)
Kosten
Kosten 01.12.2014 14:162
0
Dimstrik, круто!
Dimstrik
Dimstrik 01.12.2014 15:333
0
Kosten, Сегодня только вытащил его так как у дочки 2 дня концерты были не до интернета было, но когда я начал вытаскивать я увидел что этого скрипта отдельные стили были не перемешанные со всеми что помогло за 5 мин вытащить и поставить на сайт
Dimstrik
Dimstrik 01.12.2014 17:154
0
Slavik, Стараемси smile
Kosten
Kosten 01.12.2014 18:085
0
Dimstrik, да ты просто профи, сейчас у многих этот каркас можно будет наблюдать)
Dimstrik
Dimstrik 01.12.2014 18:116
0
Kosten, Ну скажем я не профи а только учусь , но а если будут брать пользователи так это хорошо smile
Kosten
Kosten 01.12.2014 18:467
0
Dimstrik, да, ладно, такой барский греф закинул в интернет, безусловно пригодиться.
Dimstrik
Dimstrik 01.12.2014 18:508
0
Kosten, Да уже в ЛС пришло письмо о помощи установить этот скрипт smile щас буду помогать
Kosten
Kosten 02.12.2014 00:219
0
Dimstrik, ты создай на форуме тему, а здесь я ссылку пропишу, кто не может установить, перейти ссылка на тему.
Kosten
Kosten 04.12.2014 22:2010
0
Кто нибудь установил, если можно глянуть, скиньте в ЛС ссылку посмотреть.
1 2 3 »
avatar