Delay in Video Scaling/Loading on Mobile

[MWPA]

My apologies, Armin! Here’s the link:

https://dev.rickangenent.nl/

Thanks again in advance!

[arminunruh]

hey i cant really confirm this

which phone and browser are u using?
which versions?

[MWPA]

iPhone 12, softwareversion: 15.6.1
Browser: Safari

[arminunruh]

can you post a screengrab / recording of the issue happening?
i cant reproduce it

[arminunruh]

for me the video loads and shows up without doing any resizing even for ios 15

[MWPA]

Hmm.. strange.

See here a screenshot:

It's just one second, but very annoying.

[MWPA]

Here’s another test with a smaller file size. The issue remains the same, so I don’t think file size is the problem.

https://dev.rickangenent.nl/videotest-1/

See screenshots:

[arminunruh]

can you try this css

video{
display: none;
}
video.loaded{
display: block;
}

i cant replicate the issue but maybe this css fixes it

Enter this css in "lay options" -> "custom css & html" -> "custom css"

[MWPA]

Thanks, Armin! I've added the code, but now the videos aren't loading at all—neither on desktop nor on mobile.

I also received a warning (see screenshot).

Even after following the recommendation, it still doesn't work.

[arminunruh]

video{
opacity: 0!important;
}
video.loaded{
opacity: 1!important;
}

and if you try this code above instead?