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

1// Use Case Grid Block - Modal JS
2(function($) {
3  $(document).ready(function() {
4
5    // Open modal when clicking on media with video
6    $(document).on('click', '.use-case-grid-block__media.has-video', function() {
7      var modalId = $(this).data('modal');
8      var blockId = $(this).closest('.use-case-grid-block').data('id');
9
10      if (modalId) {
11        $('#' + modalId).show();
12        $('.use-case-grid-block__overlay[data-id="' + blockId + '"]').show();
13        $('body').addClass('modal-open');
14      }
15    });
16
17    // Close modal when clicking overlay
18    $(document).on('click', '.use-case-grid-block__overlay', function() {
19      var blockId = $(this).data('id');
20
21      // Stop all videos
22      $('.use-case-grid-block__modal[data-id="' + blockId + '"]').each(function() {
23        // Reset iframes
24        $(this).find('iframe').each(function() {
25          $(this).attr('src', $(this).attr('src'));
26        });
27        // Pause videos
28        $(this).find('video').each(function() {
29          this.pause();
30        });
31        $(this).hide();
32      });
33
34      $(this).hide();
35      $('body').removeClass('modal-open');
36    });
37
38  });
39})(jQuery);