# Zoom meeting sdk view button not showing

**URL:** <https://devforum.zoom.us/t/zoom-meeting-sdk-view-button-not-showing/100473>\
**Category:** Web\
**Created:** [December 20, 2023, 5:41am UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-view-button-not-showing/100473 "2023-12-20T05:41:50Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![zoom78](https://avatars.discourse-cdn.com/v4/letter/z/ba9def/32.png) [@zoom78](https://devforum.zoom.us/u/zoom78)\
**Post date:** [December 20, 2023, 5:41am UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-view-button-not-showing/100473/1 "2023-12-20T05:41:50Z")

</div>

**Description**  
I have embedded zoom meeting sdk in my website. i render the meeting page into an iframe. when I start the meeting i can not see the view button to change the view. here showing full screen button. If not embedded meeting page into an iframe same issue happen i can not find the view button.

**Browser Console Error**  
Console showing no error

**Which Web Meeting SDK version?**  
I have used version 2.18.2

**Meeting SDK Code Snippets**

```auto
<script>
                        ZoomMtg.setZoomJSLib('https://source.zoom.us/2.18.2/lib', '/av');

                        ZoomMtg.preLoadWasm();
                        ZoomMtg.prepareWebSDK();
                        // loads language files, also passes any error messages to the ui
                        ZoomMtg.i18n.load('en-US');
                        ZoomMtg.i18n.reload('en-US');

                        var authEndpoint = '/api/zoom_signature';
                        var sdkKey = 'isNISQDGRmyneq9LYUgitA';
                        var registrantToken = '';
                        var zakToken = '';
                        var leaveUrl = 'https://agm.spiralworld.biz/agm-board';

                        var meetingNumberInput = document.getElementById('meetingNumberInput');
                        var UserNameInput = document.getElementById('UserInput');
                        var passWordInput = document.getElementById('passWordInput');
                        var userEmailInput = document.getElementById('EmailInput');

                        var meetingNumber = meetingNumberInput.value;
                        var passWord = passWordInput.value;
                        var userName = UserNameInput.value;
                        var userEmail = userEmailInput.value;

                        console.log(meetingNumber, passWord, userName, userEmail);

                        function getSignature() {
                        var joinMeetingBtn = document.getElementById('joinMeetingBtn');
                        joinMeetingBtn.style.display = 'none';

                        // Dynamically determine the role based on the user information
                        var staticUsername = 'AGM';
                        var userRole = (userName === staticUsername) ? 1 : 0;

                        fetch(authEndpoint, {
                        method: 'POST',
                        headers: {
                        'Content-Type': 'application/json'
                        },
                        body: JSON.stringify({
                        meetingNumber: meetingNumber,
                        role: userRole
                        })
                        }).then((response) => {
                        return response.json();
                        }).then((data) => {
                        console.log(data);
                        var signature = data.result.signature;
                        startMeeting(signature);
                        }).catch((error) => {
                        console.log(error);
                        });
                        }

                        function startMeeting(signature) {
                        document.getElementById('zmmtg-root').style.display = 'block';

                        ZoomMtg.init({
                        leaveUrl: leaveUrl,
                        success: (success) => {
                        console.log(success);
                        ZoomMtg.join({
                        signature: signature,
                        sdkKey: sdkKey,
                        meetingNumber: meetingNumber,
                        passWord: passWord,
                        userName: userName,
                        userEmail: userEmail,
                        tk: registrantToken,
                        zak: zakToken,
                        success: (success) => {
                        console.log(success);
                        },
                        error: (error) => {
                        console.log(error);
                        },
                        });
                        },
                        error: (error) => {
                        console.log(error);
                        }
                        });
                        }
                    </script>

```

**Screenshots**

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/8/e/8edbbb46cb37ae31e9d3e10cb7760da9f93ab0ba.png)

**Device (please complete the following information):**

- Device: Pc
- OS: Windows
- Browser:Chrome
- Browser Version: Version 120.0.6099.110 (Official Build) (64-bit)

---

<div class="post-metadata">

**Author:** ![chunsiong.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/chunsiong.zoom/32/35488_2.png) [@chunsiong.zoom](https://devforum.zoom.us/u/chunsiong.zoom)\
**Post date:** [December 20, 2023, 7:41am UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-view-button-not-showing/100473/2 "2023-12-20T07:41:28Z")

</div>

@zoom78 ,

This should be working fine, I’m using iFrame with this specific [sample code](https://github.com/zoom/meetingsdk-javascript-sample), and following these [best practices](https://devsupport.zoom.us/hc/en-us/articles/13662906729485-Best-practices-when-using-the-Meeting-SDK-in-an-iFrame)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/9/4/9416d89da028a40fd398830c706109e026ab4a5f.png)

---

<div class="post-metadata">

**Author:** ![zoom78](https://avatars.discourse-cdn.com/v4/letter/z/ba9def/32.png) [@zoom78](https://devforum.zoom.us/u/zoom78)\
**Post date:** [December 20, 2023, 8:07am UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-view-button-not-showing/100473/3 "2023-12-20T08:07:56Z")

</div>

@chunsiong.zoom  
Is there any problem with my js?  
here is my full meeting page

```auto
<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <data>
        <template id="spiralworld_agm_meeting" name="SpiralWorld AGM demo">
            <div>
                <link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.18.2/css/bootstrap.css"/>
                <link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.18.2/css/react-select.css"/>
                <link rel="stylesheet" href="\spiralworld_agm_webinar\static\src\css\style.css"/>
                <body>
                    <main>
                        <h1>Zoom Meeting SDK Sample JavaScript</h1>

                        <div id="meetingSDKElement">
                            <!-- Zoom Meeting SDK Rendered Here -->
                        </div>

                        <button onClick="getSignature()">Join Meeting</button>
                    </main>
                    <script src="https://source.zoom.us/2.18.2/lib/vendor/react.min.js"></script>
                    <script src="https://source.zoom.us/2.18.2/lib/vendor/react-dom.min.js"></script>
                    <script src="https://source.zoom.us/2.18.2/lib/vendor/redux.min.js"></script>
                    <script src="https://source.zoom.us/2.18.2/lib/vendor/redux-thunk.min.js"></script>
                    <script src="https://source.zoom.us/2.18.2/lib/vendor/lodash.min.js"></script>
                    <script src="https://source.zoom.us/zoom-meeting-2.18.2.min.js"></script>

                    <script type="text/javascript">
                        ZoomMtg.setZoomJSLib('https://source.zoom.us/2.18.2/lib', '/av');
                        ZoomMtg.preLoadWasm();
                        ZoomMtg.prepareWebSDK();
                        ZoomMtg.i18n.load('en-US');
                        ZoomMtg.i18n.reload('en-US');

                        var authEndpoint = '/api/zoom_signature';
                        var sdkKey = 'isNISQDGRmyneq9LYUgitA';
                        var meetingNumber = '89629417469';
                        var passWord = 'nQL9JCMtFXc3j8rMtVYjjUiez0Jn7y.1';
                        var role = 0;
                        var userName = 'JavaScript';
                        var userEmail = 'zoom@spiralworld.biz';
                        var registrantToken = '';
                        var zakToken = '';
                        var leaveUrl = 'https://zoom.us';

                        function getSignature() {
                        fetch(authEndpoint, {
                        method: 'POST',
                        headers: {
                        'Content-Type': 'application/json'
                        },
                        body: JSON.stringify({
                        meetingNumber: meetingNumber,
                        role: role
                        })
                        }).then((response) => {
                        return response.json();
                        }).then((data) => {
                        var signature = data.result.signature;
                        console.log('Signature fetched:', signature);
                        startMeeting(signature);
                        }).catch((error) => {
                        console.log('Error fetching signature:', error);
                        });
                        }

                        function startMeeting(signature) {
                        document.getElementById('zmmtg-root').style.display = 'block';

                        ZoomMtg.init({
                        leaveUrl: leaveUrl,
                        success: (success) => {
                        console.log('Init success:', success);
                        ZoomMtg.join({
                        signature: signature,
                        sdkKey: sdkKey,
                        meetingNumber: meetingNumber,
                        passWord: passWord,
                        userName: userName,
                        userEmail: userEmail,
                        tk: registrantToken,
                        zak: zakToken,
                        success: (success) => {
                        console.log('Join success:', success);
                        },
                        error: (error) => {
                        console.log('Join error:', error);
                        },
                        });
                        },
                        error: (error) => {
                        console.log('Init error:', error);
                        }
                        });
                        }
                    </script>

                </body>
            </div>

        </template>
    </data>
</odoo>

```

console log:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/d/1/d173a6aa1c9821ca5459338ba640fc5839f6aa45.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/4/2/4258755cda06d5a3d598431066efe6e1f9e99bbc.png)

i can not find any problem but view button not showing here.

---

<div class="post-metadata">

**Author:** ![chunsiong.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/chunsiong.zoom/32/35488_2.png) [@chunsiong.zoom](https://devforum.zoom.us/u/chunsiong.zoom)\
**Post date:** [December 21, 2023, 8:30am UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-view-button-not-showing/100473/5 "2023-12-21T08:30:02Z")

</div>

@zoom78 ,

please do take a look at the code [here](https://github.com/zoom/meetingsdk-javascript-sample/blob/master/index.html) and [here](https://github.com/zoom/meetingsdk-javascript-sample/blob/master/client-view.js)

---

<div class="post-metadata">

**Author:** ![zoom78](https://avatars.discourse-cdn.com/v4/letter/z/ba9def/32.png) [@zoom78](https://devforum.zoom.us/u/zoom78)\
**Post date:** [December 21, 2023, 9:01am UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-view-button-not-showing/100473/6 "2023-12-21T09:01:05Z")

</div>

@chunsiong.zoom  
i have implemented same code but view button not showing please look my code.

---

<div class="post-metadata">

**Author:** ![chunsiong.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/chunsiong.zoom/32/35488_2.png) [@chunsiong.zoom](https://devforum.zoom.us/u/chunsiong.zoom)\
**Post date:** [December 22, 2023, 3:05am UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-view-button-not-showing/100473/7 "2023-12-22T03:05:55Z")

</div>

@zoom78 can you try without your specific css stylesheet?  
`<link rel="stylesheet" href="\spiralworld_agm_webinar\static\src\css\style.css"/>`

---

<div class="post-metadata">

**Author:** ![zoom78](https://avatars.discourse-cdn.com/v4/letter/z/ba9def/32.png) [@zoom78](https://devforum.zoom.us/u/zoom78)\
**Post date:** [December 23, 2023, 3:26am UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-view-button-not-showing/100473/8 "2023-12-23T03:26:47Z")

</div>

@chunsiong.zoom  
Thank you for your time i resolve the issue by enabling sharedarraybuffer.  
But In meeting i can not add background here i saw only zoom default imgae i can not add new image. If i add new image from zoom account setting it will not add in meeting sdk.  
My question is does meeting sdk support adding virtual background?

---

<div class="post-metadata">

**Author:** ![chunsiong.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/chunsiong.zoom/32/35488_2.png) [@chunsiong.zoom](https://devforum.zoom.us/u/chunsiong.zoom)\
**Post date:** [December 26, 2023, 5:37am UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-view-button-not-showing/100473/9 "2023-12-26T05:37:57Z")

</div>

@zoom78 yes setting virtual background is supported on Meeting SDK for Web  
If necessary, please open a new thread for this

> **[ZoomMtg | Zoom Meeting SDK for Web - 3.1.0](https://marketplacefront.zoom.us/sdk/meeting/web/modules/ZoomMtg.html#setVirtualBackground)**
>
> Documentation for Zoom Meeting SDK for Web - 3.1.0

---

<div class="post-metadata">

**Author:** ![chunsiong.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/chunsiong.zoom/32/35488_2.png) [@chunsiong.zoom](https://devforum.zoom.us/u/chunsiong.zoom)\
**Post date:** [December 26, 2023, 5:38am UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-view-button-not-showing/100473/10 "2023-12-26T05:38:07Z")

</div>

Closed on December 26, 2023, 5:38am UTC