How to display meeting in iframe

Meeting SDK Web
1

Description
I have integrated zoom api in laravel and it works fine but i want to display meeting in iframe. so can you suggest me how I can do this.

2

Hi @vikashkeswani,

We do recommend iFraming the web sdk—this is not something we support at the moment. In order to avoid any issues, we recommend implementing the sdk in its entirety as its own web app.

Thanks,
Will

3

I have implemented the websdk in my laravel project and it works fine I have to open my meeting in iframe or in div so doesn’t take entire screen in display meeting info

4

Hi @vikashkeswani,

While you may have success with this, iFraming the Web SDK can sometimes cause issues with serving mixed content, getting browser access to camera/mic, etc.

You’re of course welcome to do this, but just wanted to offer a word of warning. :slight_smile:

Best,
Will

5

but Now it give me another issue when I join the meeting, it successfully joined shows in the console but browser screen appears black I tried a lot with version changing and with signature but issue not resolved yet.
version of zoom websdk : 1.8.0

6

The black screen is a common issue and usually means that you arent preloading the Wasm files or SDK.

ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();

Also, which CDN and Version are you using?

7

currently i am using 1.8.0 version and at the top of javascript file I Place these Wasm loading request codes.

CDN
https://source.zoom.us/zoom-meeting-1.8.0.min.js

8

Please try CDN version 1.8.1: https://source.zoom.us/zoom-meeting-1.8.1.min.js

9

I have changed the CDN and again I tried before this but still issue is same

api_issue
api_issue1349×633 97.2 KB

10

Hi @vikashkeswani,

Can you please share your code snippet where you’re loading the wasm files/sdk and calling the init/join functions? I’m happy to take a closer look.

Thanks,
Will

11

zoom solution request.zip

12

Implement the zoom web SDK in a separate URL and refer that url in iframe src.
Tip : don’t add your laravel project CSS

Black screen also appeared to me but with little CSS it worked fine.
#zmmtg-root {
height: auto;
width: auto;
}

13

Hi @vikashkeswani,

Thanks for sharing this—I’ve requested access.

14

Thanks for sharing this tip, @gagandeep.singh!

15

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.