Закладки плееров (хак/модуль?)

Доброго времени суток!)

Что-то я зачастил с созданием тем))) Но так или иначе...

Ребят, кто может подсказать хак или модуль какой для добавления закладок с разными плеерами? Ну, я думаю, что все такое видели на разных сайтах (плеер 1, плеер 2 и так далее). Модуль интересует меньше всего. Желательно хак какой-нибудь или как там это дело реализовать?

Заранее благодарен всем

 

Никто не знает как это реализовывается?

 

@Dr.ZLo, ой как все запущено.... К черту это все - желание пропало делать)))

 

@ZerocooL, да я понимаю, что дело говорит. Тут и не спорю, за что спасибо ему. Но там черт ногу сломит - не понимаю я как это делается)) Для меня это темный лес, учитывая, что там нужно что-то в css еще делать... Я думал так - вписал какой-то код и все тут)) Вот у меня вывод плеера:

Code:

    <div class="player-box">
        <h2 class="cat-title actors-title movie-title">
            {title} смотреть онлайн в хорошем качестве
            <div class="switcher">
                <input type="checkbox" name="light" id="light" />
                <label for="light" data-light="on"></label>
            </div>
        </h2>
        <div class="full-text">
           [hdlight-player]{hdlight-player}[/hdlight-player]
        
        </div>
    </div>
 
<!-- end player-box -->

И что там куда эти css, jquery, html... Не..))

 

http://pcvector.net/tags/tabs/
http://dbmast.ru/sozdaem-effektnye-vkladki-taby-dlya-sajta
выбирайте любые там много

 

@kinoveb, ой ща как попробую....)))

 

Не, ничего не вышло. Плееры разместились один под другим.

 

676107918 аська моя напишите мне сейчас посмотрим

 

Я себе так сделал. Если шаблон подключен к Bootstrap.

<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Трейлер</a></li>
<li><a href="#tab2" data-toggle="tab">Плеер 1 </a></li>
<li><a href="#tab3" data-toggle="tab">Плеер 2</a></li>
</ul>
</div>
<div class="full-content">
<div class="tabbable">
<div class="tab-content">
<div class="tab-pane active" id="tab1">
Содержимое или код трейлера
</div>
</div>
<div class="tab-pane" id="tab2">
Код плеера 2
</div>
<div class="tab-pane" id="tab3">
Код плеера 3
</div>
</div>

 

@kinoveb, дружище, спасибо тебе за желание помочь))

В том и дело, что подключил.... Но что-то видимо не так сделал.

Это что за зверь?)

 

Набор инструментов. Вот можно ознакомиться: http://bootstrap-3.ru/index.php - клевая штука.

 

Да ну, лучше на ajax сделать подгрузку, чем заставлять юзера грузить сразу все плееры

 

#del

 

не советовал бы. Созданные таким способом табы не будут останавливать видео при переключении. Тоесть к примеру посмотрел пол трейлера и захотелось включить фильм, то сперва нужно будет остановить трейлер а уж потом кликать на таб с фильмом, естественно при этом(если реализовано) трейлер будет подгружаться до конца... короче лучше другие табы найти.

 

Есть 4 таба. В 4-й вставлен код на трейлер, но видео не отображает.
Без таба видео работает, в чем может быть проблема?
сам код
<!--noindex--><div id="tab4">[xfgiven_treyler]<video width="660" height="370" controls="controls" preload="none"><source src="[xfvalue_treyler]" type="video/mp4"></video>[/xfgiven_treyler]</div><!--/noindex-->
где -[xfvalue_treyler] вставляется ссылка http://kp.cdn.yandex.net/839960/kinopoisk.ru-Prizrak-248373.mp4