Zoom Live In Iframe

test.php

<?php /** @var $this CodeIgniter\View\View */ ?>

<?php $this->extend('base'); ?>

<?php $this->section('content'); ?>
    <main>
        <div>
            <div>
                <span>Hello</span>
            </div>
        </div>
    </main>
<?php $this->endSection(); ?>

<?php $this->section('script'); ?>
<!-- For either view: import Web Meeting SDK JS dependencies -->
<script src="https://source.zoom.us/2.0.1/lib/vendor/react.min.js"></script>
<script src="https://source.zoom.us/2.0.1/lib/vendor/react-dom.min.js"></script>
<script src="https://source.zoom.us/2.0.1/lib/vendor/redux.min.js"></script>
<script src="https://source.zoom.us/2.0.1/lib/vendor/redux-thunk.min.js"></script>
<script src="https://source.zoom.us/2.0.1/lib/vendor/lodash.min.js"></script>

<!-- For Component View -->
<script src="https://source.zoom.us/2.0.1/zoom-meeting-embedded-2.0.1.min.js"></script>

<!-- For Client View -->
<script src="https://source.zoom.us/zoom-meeting-2.0.1.min.js"></script>

<!-- script src="<?php echo base_url('zoom-meeting-2.0.1.min.js'); ?>"></script-->


<script>
    document.addEventListener("DOMContentLoaded", function(event) {
        ZoomMtg.join({
            signature: '<?php echo $signature; ?>',
            meetingNumber: '<?php echo $meetingId; ?>',
            userName: '[email protected]',
            apiKey: '<?php echo $apiKey; ?>',
            userEmail: '[email protected]',
            passWord: 'CesurDünya123',
            success: (success) => {
                console.log('success')
            },
            error: (error) => {
                console.log('error')
            }
        });
    });

</script>
<?php $this->endSection(); ?>

<?php $this->section('style'); ?>
<!-- For Web Client View: import Web Meeting SDK CSS -->
<link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.0.1/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.0.1/css/react-select.css" />
<?php $this->endSection(); ?>