Как настроить tab ?

Привет всем, ребят можете помочь настроить tab плеера

<ul class="tabs nowrap">
			<li class="current">Смотреть онлайн</li>
			<li>Трейлер</li>
			</ul>
				
			<div class="k-rate-full" style="
    text-shadow: #000 1px 1px 1px;
    background: #1b201e;
    border: 2px solid #383F59;">{rating}</div>	
			
			 [xfgiven_film]<div class="player-box visible full-text" style="display: block; background: rgb(0, 0, 0); ">
						<iframe width="853" height="480" src="[xfvalue_film]?season=[xfvalue_se]&nocontrols_seasons=1" frameborder="0" allowfullscreen></iframe>
						<!-- это фильм -->
			</div>[/xfgiven_film]

			[xfgiven_treyler]<div class="player-box full-text" id="trailer-place" style="display: none; background: rgb(0, 0, 0); ">
                <div id="player"></div> 
            <script> var player = new Playerjs({id:"player", file:"https://www.youtube.com/watch?v=[xfvalue_treyler]"});</script>
				<!-- это трейлер -->
			</div>[/xfgiven_treyler]

Проблема вот в чём когда добавляешь только Трейлер вот что показывает

То есть вообще плеера нет...

Если убрать с этого кода

[xfgiven_treyler]<div class="player-box full-text" id="trailer-place" style="display: none; background: rgb(0, 0, 0);

(display: none;) то всё нормаль в той новости где только трейлер...

Но проблема уже в той новости где и фильм и трейлер появляется 2 плеера вот фото


Как это исправить ? вот даже пример на http://kinogo.cc/7043-hepdinand-2017.html