Zmmtg-root intervenes on before calling zoom overlay

Feature Requests
1

i have integrated your zoom sdk to my angular app and i wanted to call zoom overlay when i click meeting button in my website but it appears when website load for the first time and sits on top of my website…

How do i call or invoke only when i want

2

Hey @radhesh.tantri, thanks for posting and using Zoom!

Since the Web SDK overlays the whole page, I suggest using CSS to hide / show respectively when you want to.

Checkout this thread:

We are working on a more customizable one for next year that allows you to invoke on demand.

Thanks,
Tommy

3

hi,
Is there any API for API key and API Secrete key. please let me know…

4

Hey @radhesh.tantri,

You can get API key and secret for a Zoom OAuth, SDK, JWT, or Chatbot app here: https://marketplace.zoom.us/develop/create

And here are our docs:
https://marketplace.zoom.us/docs/guides

Thanks,
Tommy

5

It is strange behavior that has confused me for a while…

With React, I finally figured out how to solve it today…
in index.html, Add the following in body tag to suppress zoom SDK:

<style>
    #zmmtg-root {
      display: none;
    }
</style>

And only add the following in componentDidMount() in the component you want to integrate zoom:

document.getElementById('zmmtg-root').style.display = 'block';

Then it should work as expected.

It works for me. But I cannot promise it would work in every case. But I hope it could help anyone.

3 Likes
6

sad to know that I can’t manipulate the div zmmtg-root div

=_=
I want it to be move inside my route in angular sad really

7

I did the same in an angular project , so yes it is helpful thank you

8

If you like to keep the index.html document vanilla, you can put in app.css like so:

#zmmtg-root {
display: none;
}