iOS Safari video 90deg rotation issue

[harveymusni]

This issue happens only on iOS devices when recording in Safari.
The issue is that when the orientation is 0 (portrait mode), the recorded video frames are rotated 90 degrees anti-clockwise. If you rotate the device 90 degrees to the left and record in landscape mode, the video frames are recorded upside down but maintain the correct aspect ratio.
If I save(upload) this by using Mux and play it, it's still rotated. It's happening even when I preview it before uploading.

I already checked this issue which is saying solved, but it's not solved actually.

Kindly check below recording.
https://www.loom.com/share/4618084d03344b8da8cc9b1fa1a82f23

Expected

Video should be recorded as what I recorded, no need any rotation.

Actual

In iOS safari, it's rotated 90deg anti-clockwise.

Versions

videojs: 8.19.1
videojs-record: 4.5.1
Recordrtc 5.6.2
mux-player: 1.3.0

[johnpuddephatt]

Looks like a Safari bug. Introduced in 18.4, fixed but missed the 18.5 deadline a few weeks ago so hopefully it'll land soon.

https://bugs.webkit.org/show_bug.cgi?id=290223

[sanamumtaz]

I'm not using videojs-record, instead directly using MediaRecorder. I fixed the orientation issue by changing the mimetype from video/webm to video/mp4. The mimetype for the recorded video should be mp4 because although webm is now "supported" but it's still a hit-or-miss.

[deepak786]

Seems that iOS 18.6 is already released. Does it contain the fix?