disable video thumbnails on mobile
-
I feel like it also depends on the Internet connection. Is it possible to replace the videos with a streaming link of eg mux?
does mux give you access to .mp4 links?
maybe i can somehow code it in a way where for project thumbnails
the videos can be loaded from muxwrote on Feb 19, 2025, 7:44 AM last edited by@arminunruh they can give me access to m3u8 file, which is as far as I understand sth similar.
https://stream.mux.com/02gtq9s1GjOnv1gft02g7pSiT3uLqGM2aQu00lDMzR9jR00.m3u8
-
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
-
wrote on Feb 20, 2025, 3:15 PM last edited by
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?
-
m3u8 file, i cant use this for the src attribute of a html5 video
wrote on Feb 21, 2025, 6:46 PM last edited byI could try to do it over a cdn.
-
wrote on Feb 24, 2025, 11:31 AM last edited by mactics Feb 24, 2025, 6:32 AM
@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
-
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 -
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
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
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