Гость
Статистика Форума
Последнии темы Популярные темы Лучшии пользователи Новые пользователи
» [23.01.2019] Логотипчик для сайта (0)
» [22.01.2019] No Avatar для synthira (2)
» [22.01.2019] Различные иконки для игры или сайта Сталкер (12)
» [22.01.2019] Ui Icon Equipment (UIE) (0)
» [22.01.2019] Арты: Сталкер, апокалипсис, зона, конец света и... (8)
» [22.01.2019] Сталкер локации png (stalker maps png) (1)
» [22.01.2019] Различная графика для сайтов и игр (interface, ... (3)
» [22.01.2019] Иконки MISERY Stalker ui equipment (0)
» [22.01.2019] Фоны для сталкерского сайта (33)
» [22.01.2019] Игровые обои (1)
» Тайники и подсказки (82)
» FAQ прохождения по локациям DOPPELGANGER 7.63 Time Gap (50)
» Русскоязычное руководство по моду Frackin' Universe... (38)
» Фоны для сталкерского сайта (33)
» [DMX] Народное творчество (24)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» CoC Вылеты и их решение (21)
» Личные сообщения (18)
» Редактирование мода «Народная солянка Объединенный пак ... (18)
» Xemordio (3150)
» NL-Vincenz (12)
» Infe[R]nos (10)
» Duzeppa26 (5)
» Ghosteron (4)
» gromgold (1)
» kamelotto (1)
» Glomar (1)
» Бармен (1)
» ZION (1)
» [22.01.2019] Likhatchevs
» [22.01.2019] starwind
» [19.01.2019] gavyxte
» [18.01.2019] Sedoy
» [17.01.2019] Nik_nikolaev2k18
» [13.01.2019] dextyar96
» [09.01.2019] max202
» [07.01.2019] Infe[R]nos
» [06.01.2019] zgenaz
» [01.01.2019] iivelesii

  • Страница 1 из 1
  • 1
Форум » Web uCoz » Скрипты для uCoz » Плейлист для сайта uCoz
Плейлист для сайта uCoz
Xemordio Offline Дата: Среда, 02.01.2019, 19:15 | Сообщение # 1
Администратор
Звание: Маршал [?]
Сообщений: 3150

Это в любое место ну там где будет плейлист.
Код
<script type="text/javascript">$(document).ready(function () {
$('.vid-item').each(function(index){
$(this).on('click', function(){
var current_index = index+1;
$('.vid-item .thumb').removeClass('active');
$('.vid-item:nth-child('+current_index+') .thumb').addClass('active');
});
});
});</script>

КСС:
Код
.vid-main-wrapper {width: 100%;max-width: 1100px;min-width: 440px;background: #212121;margin: 0 auto;}
.vid-container {position: relative;padding-bottom: 1%;padding-top: 1px; height: 0; width:85%;float:left;}
.vid-container iframe,.vid-container object,.vid-container embed {position: absolute;top: 0;left: 0;width: 100%;min-height: 360px;}
.vid-list-container {width: 15%;height:360px;overflow: hidden;float:right;overflow-y: auto;}
.vid-list-container:hover, .vid-list-container:focus {overflow-y: auto;}
ol#vid-list {margin:0;padding:0;background: #262626;}
ol#vid-list li {list-style: none;}
ol#vid-list li a {text-decoration: none;background-color: #262626;height:25px;display:block;padding:4px;border:1px solid #333333;margin:2px;}
ol#vid-list li a:hover {background-color:#303030}
.vid-thumb {float:left;margin-right: 8px;}
.active-vid { background:#3A3A3A;}
#vid-list .desc {color: #CACACA;font-size: 13px;margin-top:5px;}
@media (max-width: 624px) {body {margin: 15px;}
.vid-list-container {padding-bottom: 20px;}

Ну и сам код плейлиста:
Код
<div class="vid-main-wrapper clearfix">
<div class="vid-container">
<iframe id="vid_frame" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true" src="ССЫЛКА НА ПЕРВУЮ СЕРИЮ" frameborder="0" width="100%" height="315">
</iframe></div>
<!-- THE PLAYLIST -->
<div class="vid-list-container">
<ol id="vid-list">
<li>
<a href="javascript:void();"
onClick="document.getElementById('vid_frame').src='ССЫЛКА НА СЕРИЮ">
<div class="desc">1 серия</div></a>
</li>
<li>
<a href="javascript:void();"
onClick="document.getElementById('vid_frame').src='ССЫЛКА НА СЕРИЮ'">
<div class="desc">2 серия</div></a>
</li>
<li>
<a href="javascript:void();"
onClick="document.getElementById('vid_frame').src='ССЫЛКА НА СЕРИЮ'">
<div class="desc">3 серия</div></a>
</li>
<li>
<a href="javascript:void();"
onClick="document.getElementById('vid_frame').src='ССЫЛКА НА СЕРИЮ'">
<div class="desc">4 серия</div></a>
</li>
<li>
<a href="javascript:void();"
onClick="document.getElementById('vid_frame').src='ССЫЛКА НА СЕРИЮ'">
<div class="desc">5 серия</div></a>
</li>
<li>
<a href="javascript:void();"
onClick="document.getElementById('vid_frame').src='ССЫЛКА НА СЕРИЮ'">
<div class="desc">6 серия</div></a>
</li>
<li>
<a href="javascript:void();"
onClick="document.getElementById('vid_frame').src='ССЫЛКА НА СЕРИЮ'">
<div class="desc">7 серия</div></a>
</li>
<li>
<a href="javascript:void();"
onClick="document.getElementById('vid_frame').src='ССЫЛКА НА СЕРИЮ'">
<div class="desc">8 серия</div></a>
</li>
<li>
<a href="javascript:void();"
onClick="document.getElementById('vid_frame').src='ССЫЛКА НА СЕРИЮ'">
<div class="desc">9 серия</div></a>
</li>
<li>
<a href="javascript:void();"
onClick="document.getElementById('vid_frame').src='ССЫЛКА НА СЕРИЮ'">
<div class="desc">10 серия</div></a>
</li>
</ul></div></div>
Дата регистрации: 22.07.2017
Форум » Web uCoz » Скрипты для uCoz » Плейлист для сайта uCoz
  • Страница 1 из 1
  • 1
Поиск:

06:01