Category Loop

Hi, I have a question regarding the loop categories. I have a list follows.

<ul class = "list-unstyled list-inline" id = "filters">
                        <li> <a href="#" class="btn btn-primary active" data-filter="*"> All </a> </ li>
                         <li> <a href="#" class="btn btn-primary" data-filter=".sport"> 1 - International Dance Sport </a> </ li>
                         <li> <a href="#" class="btn btn-primary" data-filter=".alumnos"> Students </a> </ li>
                         <li> <a href="#" class="btn btn-primary" data-filter=".galas"> Galas </a> </ li>
                         <li> <a href="#" class="btn btn-primary" data-filter=".recomendados"> Recommended </a> </ li>
</ ul>

if clicko shows me a div or another.

<?php query_posts('category_name=videos-sport&posts_per_page=5' ); while ( have_posts() ) : the_post(); ?>
              <div class="col-md-4 sport">
                <a href="#">
                  <div class="embed-responsive embed-responsive-16by9">
                  <?php echo catch_that_video(); ?>
                    </div>
                </a>

              </div>

The problem is not how to add video categories that have something in the

</ ul> and that something put in the data-filter and in the div.

I do not know if I explained well. Anyway thanks in advance