Вопрос? Как сделать табы озвучка|субтитры?

Добрый день, не знаю в этот раздел написал или нет, если что модераторы перенесите пожалуйста.
Теперь к сути, нужно сделать для новости разделение плеера на Субтитры|Озвучка
Вот пример:

Spoiler: Пример

Мне нужно сделать тоже самое для моего сайта.
Мне нужно чтобы была проверка на предмет есть ли плеер в переменной или нет. Т.Е. предположим что на одной из новостей есть плеер с сабами, но нет с озвучкой, то будет выводиться плеер с сабами,а кнопка озвучка будет доступна и на оборот если есть озвучка но нет сабов
А если есть И сабы И озвучка то две кнопки активны и можно между ними переключать

Если не понятно могу скинуть сыллку на пример где все это реализовано

 

melkitasit в чужой плеер не влезешь, если у него отдачи как такового на проверку.

 

Дак мне не нужно это в плеере делать, а просто НАД плеером чтоб это было

Spoiler: Не рабочий код

HTML:

<!--<div class="vibor" id="knopki">
    [xfgiven_subplayer]<button id="sub" value="1" onclick="showhideBlocks(value)">Субтитры </button>[/xfgiven_subplayer]
    [xfgiven_dubplayer]<button id="rus" value="2" onclick="showhideBlocks(value)">Озвучка </button>[/xfgiven_dubplayer]
</div>
</center>
   <div id="hdgoplayer" style="margin-top: 20px; ">
<iframe id="ifr_sub" src="[xfvalue_subplayer]" frameborder="0" scrolling="yes" width="620" height="360" allowfullscreen=""></iframe>
<iframe id="ifr_dub" src="[xfvalue_dubplayer]" frameborder="0" scrolling="yes" width="620" height="360" allowfullscreen="" style="display: none;"></iframe></div>-->
<!--<div id="hdgoplayer" style="margin-top: 20px; ">
<iframe src="[xfvalue_pleer]" frameborder="0" scrolling="yes" width="620" height="360" allowfullscreen=""></iframe> </div> -->

Code:

<!-- <script>
function showhideBlocks(val)
{
if (val==1) {document.getElementById('ifr_sub').style.display='block';document.getElementById('ifr_dub').style.display='none';}
if (val==2) {document.getElementById('ifr_dub').style.display='block';document.getElementById('ifr_sub').style.display='none';}
}
function init()
{
var znch;
if (ifr_sub.src) {znch=1};
if (ifr_dub.src) {znch=2};
if ((ifr_sub.src)&&(ifr_dub.src)){znch=3};
switch (znch)
{
case 1: showhideBlocks(1); document.getElementById('knopki').style.display='none'; break;
case 2: showhideBlocks(2); document.getElementById('knopki').style.display='none'; break;
case 3: document.getElementById('knopki').style.display='block'; break;
}
}
</script> -->

Мы со знакомым пытались это сделать, но к сожалению оно криво работало

 

melkitasit гугл в помощь. Табы на jq или css ищи.

 

Spoiler: Не рабочий код

HTML:

<!--<div class="vibor" id="knopki">
    [xfgiven_subplayer]<button id="sub" value="1" onclick="showhideBlocks(value)">Субтитры </button>[/xfgiven_subplayer]
    [xfgiven_dubplayer]<button id="rus" value="2" onclick="showhideBlocks(value)">Озвучка </button>[/xfgiven_dubplayer]
</div>
</center>
   <div id="hdgoplayer" style="margin-top: 20px; ">
<iframe id="ifr_sub" src="[xfvalue_subplayer]" frameborder="0" scrolling="yes" width="620" height="360" allowfullscreen=""></iframe>
<iframe id="ifr_dub" src="[xfvalue_dubplayer]" frameborder="0" scrolling="yes" width="620" height="360" allowfullscreen="" style="display: none;"></iframe></div>-->
<!--<div id="hdgoplayer" style="margin-top: 20px; ">
<iframe src="[xfvalue_pleer]" frameborder="0" scrolling="yes" width="620" height="360" allowfullscreen=""></iframe> </div> -->

Code:

<!-- <script>
function showhideBlocks(val)
{
if (val==1) {document.getElementById('ifr_sub').style.display='block';document.getElementById('ifr_dub').style.display='none';}
if (val==2) {document.getElementById('ifr_dub').style.display='block';document.getElementById('ifr_sub').style.display='none';}
}
function init()
{
var znch;
if (ifr_sub.src) {znch=1};
if (ifr_dub.src) {znch=2};
if ((ifr_sub.src)&&(ifr_dub.src)){znch=3};
switch (znch)
{
case 1: showhideBlocks(1); document.getElementById('knopki').style.display='none'; break;
case 2: showhideBlocks(2); document.getElementById('knopki').style.display='none'; break;
case 3: document.getElementById('knopki').style.display='block'; break;
}
}
</script> -->

Ребят, до сих пор нужна помощь. Вот с этим кода беда в том, что если нету плеера сабов, то появляется только кнопка Озвучка, если нажать то он выводит плеер, а нужно чтобы он сразу выводил плеер.
И еще сделать так, если только сабы или озвучка то чтоб не было этих кнопок

 

Как и сказал геймер, если нужны табы то просто напишите в гугле "табы для сайта" выбора много. А в чужой плеер вы и правда не влезете.
А если нужно что то сделать за лимонад такое простое - то пишите в лс

 

Для примера:

HTML:

    <ul class="tabs">
        <li[xfgiven_player] class="current"[/xfgiven_player]>Смотреть онлайн</li>
        <li[xfnotgiven_player] class="current"[/xfnotgiven_player]>Трейлер</li>
    </ul>
    <div class="box[xfgiven_player] visible[/xfgiven_player]" style="display:[xfgiven_player] block[/xfgiven_player][xfnotgiven_player] none[/xfnotgiven_player]; background: rgb(0, 0, 0);">
        <iframe width="640" height="372" src="[xfvalue_player]" style="border-width:0" allowfullscreen>
        </iframe>
    </div>
    <div class="box[xfnotgiven_player]  visible[/xfnotgiven_player]" style="display: [xfgiven_player] none[/xfgiven_player][xfnotgiven_player] block[/xfnotgiven_player]; background: rgb(0, 0, 0);">
        <iframe src="/trailer/{news-id}/" width="640" height="372" style="border-width:0" allowfullscreen=""></iframe>
    </div>

Аналогично и ТС нужно просто правильно прописать условия доп полей, и не надо его отправлять в гугл, если не можете помочь ему дать совета!

 

Да причем здесь плеер то? Мне нужно чтоб плеер выводился из этих табов, но должны выполняться условия которые я описал... ПЛЕЕР тут ВООБЩЕ ни причем

 

я совершенно не понимаю как работать с табами

 

тут главное понять логику работы условий доп полей, и уже потом сделать их как надо, для примера я привел код своего шаблона где показываются два таба, и если нет первого, то отображается только второй таб без первого...