Video rotated 180deg on firefox sometimes

[iccanobif]

This user's user agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15

In theory it can be fixed simply with "transform: rotate(180deg);" but need a way to tell when a video is flipped and when it's not.

As a test I asked that guy to rotate his ipad by 180deg and after doing that the video looked the same (with the correct rotation) on both firefox and chrome, so it's possible that it's simply apple's shit that doesn't transmit the rotation information correctly, or in a way that only chrome understands it. I tested the same streaming from my android phone and both chrome and firefox client always displayed the video with the correct rotation.

I looked around a bit and couldn't find a way to check the rotation of a MediaStreamTrack, so maybe the easiest solution might be to add a button on the client side to rotate the video via CSS.

[iccanobif]

Playing with the 3gpp:video-orientation RTP thing might also be a solution https://www.reddit.com/r/WebRTC/comments/m4kmo3/comment/gqydh2w