# iOS fullscreen not working

**URL:** <https://devforum.zoom.us/t/ios-fullscreen-not-working/33781>\
**Category:** Web\
**Created:** [October 20, 2020, 2:53pm UTC](https://devforum.zoom.us/t/ios-fullscreen-not-working/33781 "2020-10-20T14:53:31Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ricardo9300](https://avatars.discourse-cdn.com/v4/letter/r/9e8a1a/32.png) [@ricardo9300](https://devforum.zoom.us/u/ricardo9300)\
**Post date:** [October 20, 2020, 2:53pm UTC](https://devforum.zoom.us/t/ios-fullscreen-not-working/33781/1 "2020-10-20T14:53:32Z")

</div>

Hi Guys,

The zoom meeting Fullscreen mode is not working on IOS however on Android and Desktop is working fine.

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

We are using a Web SDK 1.8.0 and tested it on IOS using an iPhone X, iPhone8 and iPhone11.

We are using this HTML:

```
<!doctype html>
<html lang="pt-br">
<head>
    <title>Zoom Meeting</title>
    <meta charset="utf-8" />

    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.8.0/css/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.8.0/css/react-select.css" />
    <style>
        @media (orientation: landscape) {
            .chat-content__chat-scrollbar {
                height: 200px !important;
            }

            .ReactModal __Content.ReactModal__ Content--after-open {
                top: 30% !important;
            }

            .q-a-container__tab-content-wrapper {
                height: 200px !important;
            }

            .q-a-welcome {
                height: 200px !important;
            }
        }
        #chat-window {
            width: 350px !important;
        }
    </style>
</head>
<body>
    <div>
        <div id="zmmtg-root"></div>
        <div id="aria-notify-area"></div>
    </div>

    <script src="https://source.zoom.us/1.8.0/lib/vendor/react.min.js"></script>
    <script src="https://source.zoom.us/1.8.0/lib/vendor/react-dom.min.js"></script>
    <script src="https://source.zoom.us/1.8.0/lib/vendor/redux.min.js"></script>
    <script src="https://source.zoom.us/1.8.0/lib/vendor/redux-thunk.min.js"></script>
    <script src="https://source.zoom.us/1.8.0/lib/vendor/jquery.min.js"></script>
    <script src="https://source.zoom.us/1.8.0/lib/vendor/lodash.min.js"></script>
    <script src="https://source.zoom.us/zoom-meeting-1.8.0.min.js"></script>

    <script src="meeting.js"></script>
</body>
</html>

```

and this JS:

```
function startZoomMeeting() {

    var jsonObj = localStorage.getItem("meetingConfig");
    var meetingConfig = JSON.parse(jsonObj);

    if (!meetingConfig) {
        console.log("No meeting!");
        return;
    }
    
    console.log(JSON.stringify(ZoomMtg.checkSystemRequirements()));
    console.log("mettingConfig:", meetingConfig);

    ZoomMtg.setZoomJSLib("https://source.zoom.us/1.8.0/lib", "/av");

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

    ZoomMtg.init({
        leaveUrl: meetingConfig.leaveUrl,
        isSupportAV: true,
        success: function () {
            console.log(meetingConfig);
            $.i18n.reload(meetingConfig.lang);
            ZoomMtg.join({
                meetingNumber: meetingConfig.meetingNumber,
                userName: meetingConfig.userName,
                signature: meetingConfig.signature,
                apiKey: meetingConfig.apiKey,
                userEmail: meetingConfig.userEmail,
                passWord: meetingConfig.passWord,
                success: function (res) {
                    console.log("join meeting success");
                    console.log("get attendeelist");
                    ZoomMtg.getAttendeeslist({});
                    ZoomMtg.getCurrentUser({
                        success: function (res) {
                            console.log("success getCurrentUser", res.result.currentUser);
                        },
                    });                    
                },
                error: function (res) {
                    console.log(res);
                },
            });
        },
        error: function (res) {
            console.log(res);
        },
    });
};

startZoomMeeting();

```

we did a little search and we got this:

Prettifying a little the zoom-meeting-1.8.0.min.js we saw this:

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

and then we saw this link:

> <https://stackoverflow.com/questions/43024394/ios10-fullscreen-safari-javascript>

I hope it can help you. tks.

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [October 20, 2020, 10:27pm UTC](https://devforum.zoom.us/t/ios-fullscreen-not-working/33781/2 "2020-10-20T22:27:32Z")

</div>

Hey @ricardo9300,

Thanks for sharing this. We are aware of this issue and are working on a fix. 🙂

> [@Full screen did not work on safari or iphone](https://devforum.zoom.us/t/full-screen-did-not-work-on-safari-or-iphone/30726/6):
>
> Hi @tommy Thanks for the tip. But even if the SDK is not used by the iframe, the problem persists. I am using the sample SDK that you have made available. But the error of the full screen continues. I have an iphone XR but the function does not work. Is there any solution?

-Tommy

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [October 26, 2020, 3:58pm UTC](https://devforum.zoom.us/t/ios-fullscreen-not-working/33781/3 "2020-10-26T15:58:56Z")

</div>

Hey @ricardo9300,

Unfortunately using Safari on an iPhone does not support the fullscreen API. Please see the following document for further information:

> **[Element.requestFullscreen()](https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullScreen)**
>
> The Element.requestFullscreen() method issues an asynchronous request to make the element be displayed in full-screen mode.

Thanks,  
Tommy

---

<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:** [November 26, 2020, 1:59am UTC](https://devforum.zoom.us/t/ios-fullscreen-not-working/33781/4 "2020-11-26T01:59:17Z")

</div>

Closed on November 26, 2020, 1:59am UTC

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