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

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

Spoiler: Пример

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

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

 

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

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> -->

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

 

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> -->

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

 

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

 

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