Bug 293378 – Recording video on iphone using a browser causes video to be rotated 90 degrees.

• Component: Media
• Status: RESOLVED DUPLICATE

Created attachment 475336 [details]
Left screen shows video being recorded, right screen shows the playback

Device: Iphone
ios version: iOS 18.4 and 18.5. I have tested this on 18.3 and it worked correctly so bug was introduced at 18.4.

Description:
If you use a browser to get access to your camera with javascript and record a video, the recorded video is in the wrong orientation. I have tested this on safari, chrome and firefox, the bug appears on all of them.

This is an issue in a client project but am unable to share the site so have created a separate page to demonstrate issue.

Steps to reproduce:

1 - Visit https://ios-video-issue.netlify.app/ on an iphone with iOS 18.4 or 18.5

2 - Keeping device in portrait mode, click the 'start' button at the bottom of the screen.

3 - Once camera has started, click the 'record' button.

4 - Wait a few seconds then click 'stop recording' button.

5 - A link will appear 'Click here to view video', click the link.

6 - The video will load but rotated 90 degrees.

[Alexey Proskuryakov]

From other similar reports, I expect that this is already fixed via bug 281816, but leaving to experts to confirm.

Sorry, this looks like a duplicate of bug 290223 which is already fixed.

*** This bug has been marked as a duplicate of bug 290223 ***