iOS/iPadOS 18+: Camera Video Recorded via Browser Appears Flipped or Upside Down

Question

Created Jun ’25

Replies 2

Boosts 1

Participants 3

I'm encountering an issue with front camera video recordings via browser (Safari/Chrome) on devices running iOS/iPadOS 18 and above:

On iPad, the recorded video appears upside down.
On iPhone, the recorded video is rotated 90 degrees.
The rear camera functions correctly without orientation issues.

This problem seems specific to browser-based recordings, as the native Camera app records videos with the correct orientation.

Has anyone else experienced this behavior? Is there a known workaround or fix?

The preview while recording is fine, the recorded video is oriented incorrectly.

Answer 1

jmh1132 OP

Jun ’25

I'm still facing the same issue and haven’t had any luck. Did you manage to fix it? I checked the video metadata, but there’s no info about the orientation. In an earlier version, it showed displaymatrix: rotation of -90.00 degrees

Answer 2

lagudafuad OP

21h

Still happening on iOS 26.6, and Android Chrome does the same: the track reports 1920x1080, the drawn frame is portrait, and the file has no displaymatrix. Two things worked for me. Request the camera in landscape numbers (width 1920, height 1080), which makes Safari rotate the picture itself. Then probe the drawn frame by drawing one frame of the video element onto a small canvas and checking which way it extends, and if the track and the picture disagree, record a canvas stream of the picture rather than the raw track. Working code, MIT: https://github.com/lagudafuadtosin/web-teleprompter (src/lib/camera.ts).