Player Tab Jquery Bootstrap

 <h2>Watch <?php the_title(); ?> Eng Sub Indo Streaming Online</h2>
<?php if( have_rows('player') ): ?>
<div class="tab-content player <?php strtolower(the_title()); ?>">
    <div class="tab-pane active" id="#player<?php the_ID(); ?>0">
       <?php the_field('active'); ?>
    </div>
         <?php $numerado = 1; { while( have_rows('player') ): the_row(); ?>
    <div class="tab-pane" id="player<?php the_ID(); ?><?php echo $numerado; ?>">
            <?php  the_sub_field('embed'); ?>
    </div>
<?php $numerado++; ?>
<?php endwhile; } ?>
<form>
    <select id='mySelect' class="choose-video <?php the_ID(); ?>">
        <option value='0'>Choose Episode / Server / Quality to Watch ^_^</option>
<?php $numerado = 1; { while( have_rows('player') ): the_row(); ?>
<option value="<?php echo $numerado; ?>" /><?php  the_sub_field('title'); ?></option>
<?php $numerado++; ?>
<?php endwhile; } ?>
</select>
</form>
<ul class="nav nav-tabs" id="myTab">
    <li class="active"><a href="#player<?php the_ID(); ?>0">Choose Video Player</a></li>
<?php $numerado = 1; { while( have_rows('player') ): the_row(); ?>
    <li><a href="#player<?php the_ID(); ?><?php echo $numerado; ?>" title="watch online <?php the_title(); ?>"><?php  the_sub_field('title'); ?></a></li>
<?php $numerado++; ?>
<?php endwhile; } ?>
</ul>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
$('#mySelect').on('change', function (e) {
    $('#myTab li a').eq($(this).val()).tab('show');
});
</script>
<?php else : ?>
    <div class="video-kosong <?php the_ID(); ?>"><?php _e('No Soure Video Found for this Films, Maybe has Been Removed or Deleted. Please Report to US! We Will Add New Videos As Soon as Possible xD','dramaku.top'); ?></div>
<?php endif; ?>