Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026
The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.
I was doing a project using WebRTC and in particular with the PeerJS library.
It worked fine on desktop but on iOS Safari, all I was seeing for the video streams was a black box.
Even for the local stream.
What I had to do was to add the playsinline attribute to the video tags for both the local and remote streams:
<video id="local" autoplay playsinline muted></video>
<video id="remote" autoplay playsinline></video>(note: it’s playsInline in JSX)
Lessons in this unit:
| 0: | Introduction |
| 1: | getUserMedia |
| 2: | WebRTC |
| 3: | ▶︎ What to do if WebRTC on iOS shows a black box |