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".