How to track a click on a lightbox in uikit?

Question

css

This cycle displays a video on the page, but when you click on it, it does not go to another page, but a window opens and the video plays (there is a description of lightbox here). How can I track clicks? Important!!! When you click on the video, there is no transition to another page, but a window opens and the video is played, that is, nothing is added to the url, so again, how can I track the click?

<?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; ?>

Answer 1

click