disable video thumbnails on mobile

[mactics]

It happens almost everytime that video previews are not loaded fully on mobile. Sometimes none of the videos are being loaded.

Is there a way to solve that or disable video project thumbnails completely?

www.marcoschott.com

[mactics]

what would also work, if they all just load. it seems to me they sometimes load, and sometimes not.
the videos are mp4 h264 MAIN lvl 4.1 1.5mbit with 640px width resolution
any help appreciated!

[arminunruh]

can you go to lay options and make sure both
"Enable HTML5 Video Lazyloading for Safari"
and
"Enable HTML5 Video Lazyloading for Firefox"

are unchecked?

does that fix it?

[mactics]

This post is deleted!

[mactics]

hi these are my settings. this also just happens on mobile. so,etimes even when all videos are loaded, when i go back and forth between categories, some videothumbnails stay white.

should i use lazy loading?

tested on ipad m1, safari
iphone 16, safari, firefox, chrome

thnak you man, appreciate your help! 🙏

[arminunruh]

ok i will investigate further sorry about this and thanks for your patience!

you dont happen to have a vimeo pro account no? ^^

[arminunruh]

about your thumbnails: you could also use this feature, where it shows an image and once you hover over the thumbnail, you see the video and the video plays!
here is an explanation about how to do it:
http://laythemeforum.com:4567/topic/9038/start-gif-video-mouse-hover-in-project-thumbnail/5

[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