Embed zoom video to a web server

Hey @Kurt, thanks for posting and using Zoom!

What is the url you are using for the iFrame? You may be able to join with computer audio by default to by pass this popup if you enable the computer audio default settings and add the prefer=1 query param to the Zoom Web Client meeting url.

You could also use jQuery or JavaScript to emulate a “click” event on the “Join Audio By Computer” button.

Thanks,
Tommy

I’m using the same format that was recommended earlier in the thread
https://zoom.us/wc/{{ meetindID }}/join?prefer=1&un={{ base64Encoded Name }}

Also, I’m unable to use jquery to simulate a click because the iframe is cross-domain and Chrome won’t allow me to do it for security reasons. I should mention however, that the TV is running under http, not https, and instead of the blue Join Audio by Computer button, I get a message saying Your browser doesn't support using computer's Audio device, please upgrade to the latest version. Would this be a contributing factor?

I don’t think I’ll be able to switch the browser on the tv to use https unfortunately

Hey @Kurt,

You should be able to run https in chrome, just make sure the site with the iFrame is being served via https.

You can do this for free via Github pages.

Thanks,
Tommy

Hello,

Can anyone tell me if the issue was ever resolved that’s mentioned at the beginning of this thread regarding the web embedded Zoom player not being UI responsive on mobile (referring to Michael_Purnell’s Jan '19 post)?

It’s not obvious to me from the SDK release notes.

Thanks,

Kristen

Hey @kristenl, thanks for posting and using Zoom!

Are you trying to use the Web SDK, or embed a Zoom meeting in an iFrame?

The Web Client / SDK UI is responsive, but it isn’t perfect on mobile. We are working to improve it. In the meantime, I would suggest using the Mobile SDKs.

Thanks,
Tommy

Thanks for the reply, Tommy.

We are looking to embed the Zoom player into an LMS (Matrix) course page using an iFrame.

Happy to help @kristenl!

I suggest trying out the iFrame method and testing if it fits mobile use needs :slight_smile:

Thanks,
Tommy

Thanks, Tommy.

We tried the iFrame method on a content page in our LMS and discovered two issues off-the-bat:

  • On a laptop (Firefox), after I got past the name part, it didn’t look like I had the option of making the Zoom window full screen (the maximize button within the Zoom window didn’t have an effect). Is that a limitation with the iFrame method, or is there a way around that?

  • On an iPhone (Safari), at first I couldn’t enter my name, but was able to when I turned the phone sideways. But then I couldn’t seem to scroll down in the Zoom window to be able to tap the “Join” button, so I got stuck. Screenshot:

It sounds like there’s a way to bypass the name input step, but we still want the meeting participants to be identified so they can participate. Is there a way to pass the user name to Zoom via the iFrame?

Hey @kristenl,

Not sure what you mean by making the embedded Zoom Web Client full screen.

As for settings the name of the participant dynamically, see my solution to this topic:

Thanks,
Tommy

Hi @tommy,
Ok, we’ll try passing the name of the participant dynamically.
Regarding “making the embedded Zoom web client full screen,” I mean that clicking the full screen button (see orange circle in attached image) doesn’t do anything. Is there anything that can be done for that, or is it a limitation of using an iFrame?


Thanks for all your help.
Kristen

Hey @kristenl,

Great, let me know how passing in participant name dynamically goes!

I am guessing this is a limitation with the iFrame. Have you tried in other browsers like Chrome?

Thanks,
Tommy

Thanks, @tommy.
Regarding the full screen button, I confirmed I get the same behavior in Chrome, i.e. the full screen button within the Zoom window has no effect. So it does seem to be an iFrame limitation.
Kristen

If rather than using an iFrame, we simply provide a link to the Zoom event, is there still a means to provide the participant name so they can skip that step?

Hey @kristenl,

Yes, you can use that same link outside the iFrame that will join the meeting via the Zoom Web Client.

https://zoom.us/wc/{{ meetindID }}/join?prefer=1&un=TWluZGF1Z2Fz

Thanks,
Tommy

Is there any solution to iOS devices (iphone/ipad) audio problem? If the device does not have chrome installed, the computer audio does not work.

Hey @gabriele.limonta, thanks for posting and using Zoom!

For iOS I suggest using the Native Zoom Client, or the iOS SDK.

Thanks,
Tommy

Hi @tommy
Is there a way to disable zoom controls in iframe?

Hey @ali.azeem, thanks for posting and using Zoom!

Not with the iFrame. You could try disabling them via your Zoom Settings.

For further customization, I suggest using our Web SDK.

Thanks,
Tommy

Hi @tommy,

Continuing our conversation from above about using the url link to pass the participant name:

The main downside seems to be that using a link like this means all participants must use the Zoom web client (and so must use Chrome). We’d like participants to have the option of using the Zoom app or the web client.

Is there any way to create a meeting link that allows the user to choose between using the Zoom app or using the web client and if they select “join from browser” to launch the web client, the name has been passed via the url? Seems like a long shot, but thought it wouldn’t hurt to ask.

Thanks again for all your help,

Kristen

Hey @kristenl,

You could provide the option on your end, display the regular Zoom Meeting link (zoom.us/j/{meetingID}), and the Zoom Web Client link on your web page giving users the option to join via either method.

If the Zoom user is already logged in, they want to join via the Zoom App, then their name will automatically be populated.

Another way to ensure the Zoom User joins via the Zoom App and has their name populated is to utilize registration, which gives them a unique join link.

Thanks,
Tommy