# Web SDK Component View

**URL:** <https://devforum.zoom.us/t/web-sdk-component-view/68501>\
**Category:** Web\
**Created:** [May 4, 2022, 2:03pm UTC](https://devforum.zoom.us/t/web-sdk-component-view/68501 "2022-05-04T14:03:12Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jotazo](https://avatars.discourse-cdn.com/v4/letter/j/c67d28/32.png) [@Jotazo](https://devforum.zoom.us/u/Jotazo)\
**Post date:** [May 4, 2022, 2:03pm UTC](https://devforum.zoom.us/t/web-sdk-component-view/68501/1 "2022-05-04T14:03:12Z")

</div>

Hi!  
I’m using Zoom SDK with Component View and video component only shows 2 top buttons not the 4 that i saw in your example

This is my zoom init:

```auto
        .init({
          debug: true,
          zoomAppRoot: meetingElement,
          language: 'es-ES',
          customize: {
            video: {
              isResizable: false,
              viewSizes: {
                default: {
                  width: window.innerWidth - window.innerWidth / 3,
                  height: window.innerHeight - 200,
                },
              },
            },
            meetingInfo: [
              'topic',
              'host',
              'mn',
              'pwd',
              'telPwd',
              'invite',
              'participant',
              'dc',
              'enctype',
            ],
          },
        })

```

Version SDK 2.3.5

- Device: Macbook Pro
- OS: macOS 11
- Browser: Chrome
- Browser Version 100.0.4896.127 (x86\_64)

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [May 5, 2022, 2:22am UTC](https://devforum.zoom.us/t/web-sdk-component-view/68501/2 "2022-05-05T02:22:23Z")

</div>

Hi, @Jotazo,

Welcome to the Developer Forum. Are you able to share a screenshot of the top buttons you are referring to? This will help identify what may be happening.

---

<div class="post-metadata">

**Author:** ![Jotazo](https://avatars.discourse-cdn.com/v4/letter/j/c67d28/32.png) [@Jotazo](https://devforum.zoom.us/u/Jotazo)\
**Post date:** [May 5, 2022, 6:11am UTC](https://devforum.zoom.us/t/web-sdk-component-view/68501/3 "2022-05-05T06:11:58Z")

</div>

Thank you for reply!

This is the component i saw when i join as Host

> **[Captura-de-Pantalla-2022-05-05-a-les-7-41-21](https://ibb.co/XJBG4BL)**
>
> Image Captura-de-Pantalla-2022-05-05-a-les-7-41-21 hosted in ImgBB

And in your git example i saw this:

> **[Captura-de-Pantalla-2022-05-05-a-les-8-00-56](https://ibb.co/FKWjc5Z)**
>
> Image Captura-de-Pantalla-2022-05-05-a-les-8-00-56 hosted in ImgBB

In my code i’ve installed via npm @zoomus/websdk vers 2.4.0

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [May 5, 2022, 3:09pm UTC](https://devforum.zoom.us/t/web-sdk-component-view/68501/4 "2022-05-05T15:09:04Z")

</div>

Thank you for the screenshots, that was helpful. For the top buttons to appear, you will need to make your **web page Cross-Origin Isolated**. Here is our guide with step-by-step instructions on this topic:

> **[Web SDK Gallery View](https://marketplace.zoom.us/docs/sdk/overview/websdk-gallery-view/)**
>
> The Zoom Developer Platform is an open platform that allows third-party developers to build applications and integrations upon Zoom’s video-first unified communications platform.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [June 5, 2022, 1:09am UTC](https://devforum.zoom.us/t/web-sdk-component-view/68501/5 "2022-06-05T01:09:21Z")

</div>

Closed on June 5, 2022, 1:09am UTC

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