disable video thumbnails on mobile
-
@arminunruh they can give me access to m3u8 file, which is as far as I understand sth similar.
https://stream.mux.com/02gtq9s1GjOnv1gft02g7pSiT3uLqGM2aQu00lDMzR9jR00.m3u8
-
arminunruh Global Moderatorwrote on Feb 19, 2025, 9:10 AM last edited by arminunruh Feb 19, 2025, 4:11 AM
now i was able to reproduce the videos not loading on mobile
when i connect my phone to my computer and look at the output of the phone browser's console i see:
its an error 400 mh
https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/400im looking into this more, so far i couldnt find out why this happens
-
m3u8 file, i cant use this for the src attribute of a html5 video
-
can you enable this:
lazy loading in lay options
because it seems like the website is attempting to load all videos at once, even the ones that are hidden
-
or instead, can you update lay theme now? i changed the code so it will only load the filtered shown videos
-
Hi Armin,
thanks so much for looking into this! :) appreciate it!
I turned on lazya loading AND updated laytheme. It seems to me it still happens.Do you think I need to scale the videos down even more and lower the bitrate?
-
I could try to do it over a cdn.
-
@arminunruh we did test logs on the server side. It seems like the browsers (sometimes) cache the videos in a wrong way.
server gets sometimes a 304 not modified
it really just happens on mobile.
by the way, how did you create those logs?
-
these are frontend logs, i connected my iphone to my macbook. then i opened safari, i enabled developer mode for safari.
then you can see logs here
-
arminunruh Global Moderatorwrote on Feb 24, 2025, 12:29 PM last edited by arminunruh Feb 24, 2025, 7:30 AM
well can you turn on these two settings please:
then you can try with this setting turned on or off:
because i think the problem may be, that too many videos are being loaded at once.
i fixed it for when lazyloading is on or off, but "enable html5 video lazyloading for safari" needs to stay on i think -
arminunruh Global Moderatorwrote on Feb 24, 2025, 12:32 PM last edited by arminunruh Feb 24, 2025, 7:33 AM
cause usually, with the correct settings, now only the first few visible videos should load (no matter if you have lazyloading on or off but "enable lazyloading for html5 videos for ios safari" needs to be on):
but right now, it tries to load all 23 at once on the iphone and maybe thats the issue :O
-
hey there! did you manage to try my suggestion? im curious and i want to fix this :O
Need custom programming for your Lay Theme site?
I regularly add new features to Lay Theme for free, based on user feedback. But if you or your client need something more specific, I’m happy to offer custom paid programming tailored to your project.
Email info@laytheme.com with the subject "Custom paid programming for Lay Theme" and a short description of what you need — I’ll reply with a cost estimate.
Custom features I build often make it into future Lay Theme updates, so your idea might benefit the whole community.
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it