Problem with Masonry Grid

[apynet]

Hi!
You see, I have a problem and that is that in the "Thumbnail Masonry Grid" I have set videos to play when hovering over it (on the computer).
However, in the mobile version, all the videos are played simultaneously when I intend to show only the featured image (in the case of mobile phones) so that the page is not overloaded.
How could I fix it?
A greeting

[apynet]

I've fix it!
So that all the videos of the masonry grid are not automatically played on mobile phones, this code must be changed:
File: /wp-content/themes/lay/frontend/assets/php/elements/elements/thumbnail.php
Line 40:

//This show the thumbnail on mobile
            $mo_thumb_img = LayElFunctions::getMouseOverThumbImg($this->el);
//This is the code that makes all the videos load at the same time.
            /* 
              $model = array(
                  'autoplay' => true,
                  'loop' => true,
                  'mute' => true,
                  'mp4' => $video_url
              );
              // $innerMarkup = '<video autoplay playsinline loop muted><source src="'.$video_url.'" type="video/mp4"></video>';

              // todo: test this
              $innerMarkup = LayElFunctions::getHTML5VideoMarkupSimple($model);
              $has_mo_thumb_class = "";
              $pb = (int)$this->el['video_h'] / (int)$this->el['video_w'] * 100;*/
          }

I decided to remove it directly so as not to overload the site with video preloads even if they were "paused".

[Richard]

Dear @apynet

Awesome!! Cool Fix :)

Great to hear that you found a solution
Also this is great as it will help others in the future

So thank you very much for using Lay Theme and making it stronger :)

Sincerely
Richard