disable video thumbnails on mobile

[arminunruh]

hm when navigating on your website with my iphone the videos always load for me :O

[mactics]

Hey yeah it sometimes Happen, sometimes not.
Would you recommend lazy loading?
I have Vimeo Pro but their player is just so Slow that I decided to Switch to mux as Video Hoster.

I will see into that loading Option. The Videos Look nice tho 🥸
It’s beautiful when it works. It also just Seel to have a Problem 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?

[mactics]

Actually I tried two things:

with lazyloading on, just the first checkbox

• on wifi with 200mbit connection everything loads
• on LTE Data, i have to refresh twice

browser: firefox in inkognito tabs, so cache is empty
seems to me like it takes too long to load the data, so the browser decides to skip it?

if i load the same videos, just normally embedded there seems to be no problem. I did a testpage for that.
www.marcoschott.com/testpage

[arminunruh]

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 mux

[mactics]

@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]

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/400

im looking into this more, so far i couldnt find out why this happens

[arminunruh]

m3u8 file, i cant use this for the src attribute of a html5 video

[arminunruh]

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

[arminunruh]

or instead, can you update lay theme now? i changed the code so it will only load the filtered shown videos

[mactics]

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?

[mactics]

@arminunruh

I could try to do it over a cdn.

[mactics]

@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?

[arminunruh]

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]

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]

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

[arminunruh]

hey there! did you manage to try my suggestion? im curious and i want to fix this :O