iOS fullscreen not working

Hi Guys,

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

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:

and then we saw this link:

I hope it can help you. tks.

Hey @ricardo9300,

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

-Tommy

Hey @ricardo9300,

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

Thanks,
Tommy

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