# Edge black tile / Firefox 90° rotation with iPhone portrait video

**URL:** <https://mediasoup.discourse.group/t/edge-black-tile-firefox-90-rotation-with-iphone-portrait-video/6966>\
**Category:** mediasoup libraries\
**Created:** [April 24, 2026, 7:21am UTC](https://mediasoup.discourse.group/t/edge-black-tile-firefox-90-rotation-with-iphone-portrait-video/6966 "2026-04-24T07:21:57Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![matt](https://yyz2.discourse-cdn.com/free1/user_avatar/mediasoup.discourse.group/matt/32/2935_2.png) [@matt](https://mediasoup.discourse.group/u/matt)\
**Post date:** [April 24, 2026, 7:21am UTC](https://mediasoup.discourse.group/t/edge-black-tile-firefox-90-rotation-with-iphone-portrait-video/6966/1 "2026-04-24T07:21:57Z")

</div>

We’re seeing a reproducible issue when the producer is an iPhone in portrait mode and the receiver is on Windows using Edge or Firefox. I have reproduced this on the Mediasoup demo project.

Producer: iPhone camera, portrait orientation.

Receiver: Windows desktop.

Browser results:

- **Edge** : remote video tile is black (audio continues).
- **Firefox** : video is visible but rotated 90° left.

Is the correct approach here to handle rotation manually at app level for affected browsers (e.g. custom rotation signaling/CSS rotation)? Or how is this supposed to work?

---

<div class="post-metadata">

**Author:** ![ibc](https://yyz2.discourse-cdn.com/free1/user_avatar/mediasoup.discourse.group/ibc/32/1540_2.png) [@ibc](https://mediasoup.discourse.group/u/ibc)\
**Post date:** [April 24, 2026, 7:37am UTC](https://mediasoup.discourse.group/t/edge-black-tile-firefox-90-rotation-with-iphone-portrait-video/6966/2 "2026-04-24T07:37:12Z")

</div>

> [@matt](#):
>
> **Firefox** : video is visible but rotated 90° left.

> **[When consuming a video in Firefox it does not properly rotate - mediasoup ::...](https://mediasoup.org/faq/#when-consuming-a-video-in-firefox-it-does-not-properly-rotate)**
>
> You may wonder “why not a standalone server?”. That's a fair question. | Cutting Edge WebRTC Video Conferencing

---

<div class="post-metadata">

**Author:** ![matt](https://yyz2.discourse-cdn.com/free1/user_avatar/mediasoup.discourse.group/matt/32/2935_2.png) [@matt](https://mediasoup.discourse.group/u/matt)\
**Post date:** [April 24, 2026, 7:42am UTC](https://mediasoup.discourse.group/t/edge-black-tile-firefox-90-rotation-with-iphone-portrait-video/6966/3 "2026-04-24T07:42:11Z")

</div>

Thanks, will try it out!