# Self View in Portrait Mode is Cropped

**URL:** <https://devforum.zoom.us/t/self-view-in-portrait-mode-is-cropped/117366>\
**Category:** Web\
**Created:** [September 12, 2024, 3:18pm UTC](https://devforum.zoom.us/t/self-view-in-portrait-mode-is-cropped/117366 "2024-09-12T15:18:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![vsu](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vsu/32/63272_2.png) [@vsu](https://devforum.zoom.us/u/vsu)\
**Post date:** [September 12, 2024, 3:18pm UTC](https://devforum.zoom.us/t/self-view-in-portrait-mode-is-cropped/117366/1 "2024-09-12T15:18:55Z")

</div>

**Description**  
I’m using the Client View of the Zoom Meeting SDK for web.

On mobile in portrait mode, the self view window is cropped such that only the upper half of the frame is visible (which results in only the face above the nose being visible). In landscape mode, the self view displays correctly with the whole frame. Are there any configuration settings or other adjustments available to resolve this issue?

**Which Web Meeting SDK version?**  
Version 3.8.0

**Meeting SDK Code Snippets**

```auto
async function initClient() {
  const ZoomMtg = await (await import('@zoom/meetingsdk')).ZoomMtg

  // loads WebAssembly assets
  ZoomMtg.preLoadWasm()
  ZoomMtg.prepareWebSDK()

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

  return ZoomMtg
}

const Meeting = () => {
  const router = useRouter()
  const { id, pwd, url } = router.query

  const initZoomApp = useCallback(async () => {
    const client = await initClient()

    const signature = await fetchZoomSignature(id, 0)

    client.init({
      leaveUrl: url,
      success: () => {
        client.join({
          signature,
          meetingNumber: id,
          sdkKey: ZOOM_SDK_KEY,
          passWord: pwd,
          error: (error) => {
            console.log(error)
          }
        })
      },
      error: (error) => {
        console.log(error)
      }
    })
  }, [id, pwd, url])

  useEffect(() => {
    if (!id || !pwd) return
    initZoomApp()
  }, [initZoomApp, id, pwd, url])
}

export default Meeting

```

**Screenshots**  
[I have screenshots but am not permitted to post.]

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

- Device: Samsung S23 Ultra
- OS: Android 14
- Browser: Chrome
- Browser Version 128.0.6613.127

---

<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:** [October 13, 2024, 1:19am UTC](https://devforum.zoom.us/t/self-view-in-portrait-mode-is-cropped/117366/2 "2024-10-13T01:19:15Z")

</div>

Closed on October 13, 2024, 1:19am UTC

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