Portfolio YouTube Videos best practice

If you got f.e. a masonry gallery from media elements – you can define each a custom link
the lightbox linking is active on that – use flexible masonry and you can use the effects on the images too!
click to enlarge – see right side of each image there is a custom link field !!
You can use each image you like – because we will substitute it by the embeded youtube still image.

See here : https://webers-testseite.de/youtube-videotestseite/

Beneath you can see the jqeuery code to substitute the image with the youtube mq image

you only need this (i did it only for that page – if you like to have it on all pages get rid of if-clause):
in child-theme functions.php

function youtube_fix(){
if (is_page(33150)){
?>
<script>
(function($){ 
  
  $('a.av-masonry-entry[href*="youtube"]').each(function() {
      regex = /(?:youtube(?:-nocookie)?\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/;
      var ID = $(this).attr("href").match(regex)[1];
      $(this).find('img').css('width', '100vw ').attr({
        'src': 'https://img.youtube.com/vi/'+ ID +'/mqdefault.jpg',
        'title': 'Youtube Video ID: '+ ID ,
        'alt': 'youtube-image-'+ ID ,
      });
    });
  
})(jQuery);
</script>
<?php
}
}
add_action('wp_footer', 'youtube_fix');

one thing to mention: use the https://www.youtube.com/watch?v=ID Link

did someone know how to get the youtube title from the ID and put in that code above for each video ?