https://www.trintech.com/wp-content/themes/trintech2/blocks/video-grid/video-grid.js

1(function($) {
2  $(document).ready(function() {
3
4    // Open modal on thumbnail or button click
5    $(document).on('click', '.video-grid-block__thumbnail.has-video, .video-grid-block__btn', function() {
6      var modalId = $(this).data('modal');
7      var blockId = $(this).closest('.video-grid-block, [data-id]').data('id') ||
8                    $(this).closest('[data-id]').data('id');
9
10      // Find block id from closest container
11      var $block = $(this).closest('.video-grid-block');
12      if ($block.length) {
13        blockId = $block.data('id');
14      }
15
16      if (modalId) {
17        $('#' + modalId).show();
18        $('.video-grid-block__overlay[data-id="' + blockId + '"]').show();
19        $('body').addClass('modal-open');
20      }
21    });
22
23    // Close on overlay click
24    $(document).on('click', '.video-grid-block__overlay', function() {
25      var blockId = $(this).data('id');
26
27      $('.video-grid-block__modal[data-id="' + blockId + '"]').each(function() {
28        $(this).find('iframe').attr('src', $(this).find('iframe').attr('src'));
29        $(this).find('video').each(function() { this.pause(); });
30        $(this).hide();
31      });
32
33      $(this).hide();
34      $('body').removeClass('modal-open');
35    });
36
37  });
38})(jQuery);