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?
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:
//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".