AI Workshop: learn to build apps with AI →
Media & WebRTC: What to do if WebRTC on iOS shows a black box

Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.


On iOS Safari, WebRTC video streams (including the local stream) can appear as a black box. Add the playsinline attribute to the video elements for both local and remote streams:

<video id="local" autoplay playsinline muted></video>
<video id="remote" autoplay playsinline></video>

(In JSX use playsInline.)

Lessons in this unit:

0: Introduction
1: getUserMedia
2: WebRTC
3: ▶︎ What to do if WebRTC on iOS shows a black box