Этот цикл выводит на страницу видео, но при нажатие на него происходит не переход на другую страницу, а открывается окно и воспроизводится видео (тут есть описание lightbox). Как мне отслеживать нажатие? Важно!!! При клике на видео, не происходит переход на другую страницу, а открывается окно и воспроизводится видео, то есть в url ничего не добавляется, так вот еще раз, как мне отслеживать нажатие?
<?php foreach ($mov as $art): ?>
<div class="uk-card">
<div class="uk-card-default" uk-lightbox>
<a href="media/<?php echo $art['place_of_location'].'.mp4' ?>">
<div class="uk-card-media-top uk-inline uk-inline-clip uk-transition-toggle">
<img class="uk-transition-scale-up uk-transition-opaque" src="media/images/<?php echo $art['img'].'.jpg' ?>" alt="<?php echo $art['title']; ?>">
<div class="uk-position-medium uk-position-cover uk-overlay uk-flex uk-flex-center uk-flex-middle uk-light">
<span uk-icon="icon: play-circle; ratio: 3.5"></span>
</div>
<div class="uk-light uk-position-bottom-left">
<span class="uk-icon uk-icon-image uk-light" style="background-image: url(media/views.png)"></span>
<span class="uk-text-large"><?php echo $art['views']; ?></span>
</div>
</div>
</a>
</div>
<div class="uk-card-body">
<p><?php echo $art['title']; ?></p>
</div>
<div id="ajax-book" data-id="<?php echo $art['id']; ?>" uk-toggle="target: #ajax" class="uk-position-top-right">
<span uk-icon='icon: bookmark; ratio: 2' title='Добавить в залкадки <?php echo $art['id']; ?>'></span>
</div>
<div id="ajax" uk-modal>
<div class="uk-modal-dialog uk-modal-body">
<h2 class="uk-modal-title"><?php if(!empty($_SESSION)): ?>
Видео добавленно в закладки.
<?php else: ?>
Чтобы добавлять видео в закладки, необходимо авторизоваться.
<?php endif; ?>
</h2>
</div>
</div>
</div>
<?php endforeach; ?>