Now Available: Zoom AI Services Summarizer & Translator APIs.
From the team

Developer Blog

Product announcements, technical deep dives, and behind-the-scenes looks at what we are building for the Zoom Developer platform.

All postsMeeting SDK

Meeting SDK

Best practices using the Meeting SDK in an iFrame

Tommy Gaessler1 min read
  • Best practices
  • web

Summary:Embed Zoom Meeting SDK for web in iFrame with best practices guide. Covers HTTPS requirements, permissions, SharedArrayBuffer, and responsive design tips.

Zoom recommends using the Meeting SDK for web directly on the webpage it is being used in. However, certain use cases could require the Meeting SDK to be embedded in an iFrame  on a webpage.

Here are the best practices for using the Meeting SDK in an iFrame:

  1. Both the parent webpage, and the iFrame src  need to be served over https.

  2. The allow attribute  on the iFrame needs to include the camera, microphone, and ** display-capture** permissions. For example:

    <iframe src="https://example.com/meetingsdk" allow="camera; microphone; display-capture"></iframe>

  3. If you are wanting to use features like virtual background, sending 720p video, and Gallery View, the SharedArrayBuffer API is required on both the parent webpage and the iFrame source.

  4. Responsive iFrames require additional CSS styles .

  5. Stay up to date on browser compatibility .