1

So I have this weird problem that only occurs on Firefox for Android.

When I open a MediaStream using the Media Capture and Streams API and use the resulting stream as video source for a HTML5 Video Element the output looks proper when using my phone in portrait mode. However, when I turn my phone into landscape mode the output does not get rotated properly.

Please see below screenshots which showcase the problem:

Portrait Mode

enter image description here

Landscape Mode

enter image description here

When I use Chrome or try the same on an iPhone with Safari for iOS the output is adjusted for landscape rotation - as one would expect. I know for a fact that this behavior/bug/issue(?) was introduced in one of the updates for Firefox, but unfortunately I can not pinpoint which exact version it was.

I already tried stripping all css styles from the video element but to no avail. In the screenshots following css rules are applied:

background-color: black; width: 80%; aspect-ratio: 16/9; height: auto;

Improve this question
Related questions
0
Full page video does not work in Firefox
1
Firefox displays mp4 video with wrong aspect ratio
0
HTML5 mp4 video with firefox resizing video
Load 3 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.