I’ve created a video gallery using background videos which works perfectly fine on desktop, however on mobile after x amount of videos the bg videos stop loading on mobile, only the poster loads. Its hit and miss on which videos load since it’s never the same videos, however it only happens after you scroll down the page multiple times.
I’ve used the Finsweet’ ‘Auto Video’, however this doesn’t seem to fix the issue. Is there any additional steps I can take to force the videos to load?
I just noticed that the video player was broken! I’ve fixed it so they should appear now.
The issue only occurs on mobile (tested on iOS and Android, same issue). I’ve attached a screen recording of what I mean (further down the page you will see some of the videos not loading). I was hoping the Finsweet Auto Video would force them all to load but that doesn’t seem to be the case.
I’ve just tried this and it made the problem worse. Only the 2 videos at the top of the page which are visible on page load will load and play, the rest won’t load.
As a side note, the images that are showing in place are the embed ‘poster’ attribute, so the embed is loading properly just not the video.
Streamable link (‘playsinline’ and ‘autoplay’ removed):
@Support-Luis as another side note, I’ve currently set the videos on the page to my face which are current place holders while we do some testing for final video production, so please excuse that…
