Uploaded videos don't load on Safari iOS

[ekzyis]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

See title

Screenshots

Safari PWA on iOS:

Brave on Desktop:

Steps To Reproduce

1. Upload video from other device because of Can't use "record video" as upload option on Safari iOS #1568
2. View item on Safari iOS

(not confirmed)

Expected behavior

Video is visible on Safari iOS

Logs

No response

Device information

No response

Additional context

No response

[huumn]

It's likely a CSS issue. Safari is uniquely glitchy when it comes to video.

[Soxasora]

It's likely a CSS issue. Safari is uniquely glitchy when it comes to video.

I'm exploring also this issue, you're right it is indeed a CSS issue, specifically text.module.css at line 187

.p:has(> .mediaContainer) .mediaContainer
{
    display: flex;
    width: min-content; /* Safari doesn't like this */
    max-width: 100%;
}

This actually works on Safari for Mac

But on Safari for iOS (or PWA) the story is much different, it tries to render all the possible resolutions of the image that actually is a video, in fact media-or-link.js tries to load the video as img before creating a video element that only then will be populated with the video data.
I'm still investigating, for now I'm battling hydration errors as testing PWAs is its own hell