Как настроить 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);