Нужна помощь с вкладками для плееров

Ув. помогите со вкладками для плеера.
Есть такой код на сайте:

HTML:

        <div class="tabs" style="background: url([xfvalue_bg-player]);">
            <ul class="reset">
                [xfgiven_film_player]<li id="player-film"[xfgiven_trailer_player] class="active"[/xfgiven_trailer_player]>Смотреть фильм <i class="fa fa-video-camera"></i></li>[/xfgiven_film_player]
                [xfgiven_trailer_player]<li id="player-trailer"[xfnotgiven_film_player] class="active"[/xfnotgiven_film_player]>Смотреть трейлер <i class="fa fa-youtube-play"></i></li>[/xfgiven_trailer_player]

            </ul>
   [xfgiven_film_player]<iframe src="[xfvalue_film_player]" class="player_frame player-film" width="800" height="500" frameborder="0" allowfullscreen></iframe>[/xfgiven_film_player]
        [xfgiven_trailer_player]<iframe src="https://www.youtube.com/embed/[xfvalue_trailer_player]?rel=0&amp;showinfo=0" class="player_frame player-trailer[xfnotgiven_film_player] block[/xfnotgiven_film_player]" width="800" height="500" frameborder="0" allowfullscreen></iframe>[/xfgiven_trailer_player]
        </div>

Хочу добавить еще одну вкладку для второго плеера. Делаю так:

HTML:

        <div class="tabs" style="background: url([xfvalue_bg-player]);">
            <ul class="reset">
                [xfgiven_film_player]<li id="player-film"[xfgiven_trailer_player] class="active"[/xfgiven_trailer_player]>Смотреть фильм <i class="fa fa-video-camera"></i></li>[/xfgiven_film_player]

                [xfgiven_film_player]<li id="player-film2"[xfgiven_trailer_player] class="active"[/xfgiven_trailer_player]>Смотреть фильм 2 <i class="fa fa-video-camera"></i></li>[/xfgiven_film_player2]

                [xfgiven_trailer_player]<li id="player-trailer"[xfnotgiven_film_player] class="active"[/xfnotgiven_film_player]>Смотреть трейлер <i class="fa fa-youtube-play"></i></li>[/xfgiven_trailer_player]

            </ul>
     [xfgiven_film_player]<iframe src="[xfvalue_film_player]" class="player_frame player-film" width="800" height="500" frameborder="0" allowfullscreen></iframe>[/xfgiven_film_player] 

      [xfgiven_film_player2]<iframe src="[xfvalue_film_player2]" class="player_frame player-film2" width="800" height="500" frameborder="0" allowfullscreen></iframe>[/xfgiven_film_player2] 

            [xfgiven_trailer_player]<iframe src="https://www.youtube.com/embed/[xfvalue_trailer_player]?rel=0&amp;showinfo=0" class="player_frame player-trailer[xfnotgiven_film_player] block[/xfnotgiven_film_player]" width="800" height="500" frameborder="0" allowfullscreen></iframe>[/xfgiven_trailer_player] 
        </div>

Все нормально, но когда первый раз заходишь на страницу фильма он выводит два плеера а если нажать на вкладку то выводит 1 плеер как нужно.

 

@DomiTori, спасибо, нашел в css файле.