Iframe Embedding

Embed a meeting room
in one line of HTML

Drop a MediaSFU room into any web page with <iframe>. Video, voice, chat, screen share, and moderation included — no SDK install needed.

< 5 minTime to embed
~10Lines of code
NoneConfig required
View embed codeSDK use cases

How iframe embedding works

Three steps — no build tools, no package installs.

1

Get your room URL

Create a room via the dashboard or REST API. You receive a URL like https://meeting.mediasfu.com/room/...

2

Drop an iframe

Paste the URL into an <iframe> with allow="camera; microphone; display-capture; autoplay". Done.

3

Users join directly

Participants open your page and land in the room. Layouts, controls, and reconnection are handled by MediaSFU.

Choose your embed approach

Pick the integration depth that fits your product. All three use iframes under the hood.

Embed any MediaSFU room by pointing an iframe at the room URL. Camera, mic, screen share, and autoplay permissions are set via the allow attribute.

1import React, { useEffect } from 'react';
2
3    const YourComponent = () => {
4      useEffect(() => {
5        // Open the iframe with the specified URL
6        openIframe('https://meeting.mediasfu.com/meeting/start/');
7      }, []);
8
9      const openIframe = (url) => {
10        const iframe = document.getElementById('mediasfuIframe');
11        iframe.src = url;
12        iframe.allow = 'camera *; microphone *; fullscreen *; display-capture *; autoplay *;';
13      };
14
15      return (
16        <div>
17          {/* Iframe */}
18          <iframe
19            id="mediasfuIframe"
20            src="https://meeting.mediasfu.com/meeting/start/"
21            width="100%"
22            height="100%"
23            frameBorder="5"
24            title="MediaSFU"
25          ></iframe>
26        </div>
27      );
28    };
29
30    export default YourComponent;

What the iframe includes

Every embedded room ships with these capabilities — nothing extra to configure.

Auto-pagination

Handles hundreds of participants with balanced video feeds — no tuning needed.

Image 1
Image 2

Built-in messaging

Chat with read receipts and typing indicators runs alongside video out of the box.

Image 1
Image 2

Multi-purpose rooms

Webinars, support calls, or live help — same embed handles cameras, screens, and moderation.

Browse on GitHub

Need more control? Use the SDKs.

For custom UI, headless mode, or direct event hooks, explore the SDK integration guides instead of iframe embedding.

SDK Use CasesHeadless SDK Guide

Ready to embed?

Create a room, copy the URL, drop an iframe — ship a branded experience in under five minutes.

Get the starter repo