# Aspect ratio question

**URL:** <https://devforum.zoom.us/t/aspect-ratio-question/125005>\
**Category:** Video SDK\
**Created:** [January 21, 2025, 10:57am UTC](https://devforum.zoom.us/t/aspect-ratio-question/125005 "2025-01-21T10:57:15Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![hanwel](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/hanwel/32/57043_2.png) [@hanwel](https://devforum.zoom.us/u/hanwel)\
**Post date:** [January 21, 2025, 10:57am UTC](https://devforum.zoom.us/t/aspect-ratio-question/125005/1 "2025-01-21T10:57:15Z")

</div>

### Format Your New Topic as Follows:

**Video SDK Type and Version**  
Web, 2.1

Hi,

I would like to format the videos of the participants in circles. Works well, but the aspect ratios of the 2 videos in my example (see the screenshot at the end) is different. The bigger circle is the video from my iMac, the small from my iPad.  
May I use some fancy CSS commands to get the video of the iPad to fill the entire circle?

 ![Bildschirmfoto 2025-01-21 um 10.11.47](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/e/b/eb923e2c3131f6eb6c3b7a25ceb8924c02f2a610.jpeg)

---

<div class="post-metadata">

**Author:** ![ticorrian.heard](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ticorrian.heard/32/70213_2.png) [@ticorrian.heard](https://devforum.zoom.us/u/ticorrian.heard)\
**Post date:** [February 17, 2025, 7:11pm UTC](https://devforum.zoom.us/t/aspect-ratio-question/125005/2 "2025-02-17T19:11:27Z")

</div>

Hi @hanwel you can set the sdk to capture the original ratio of the video by setting [originalRatio](https://marketplacefront.zoom.us/sdk/custom/web/interfaces/CaptureVideoOption.html#originalRatio) option to true.

Your video ratios can also be edited within the css styling of the [video elements](https://developers.zoom.us/docs/video-sdk/web/video/#:~:text=video%2Dplayer%20%7B%0A%20%20width%3A%2025%25%3B%0A%20%20height%3A%20auto%3B%0A%20%20aspect%2Dratio%3A%2016/9%3B%0A%7D) returned from attachVideo()

---

<div class="post-metadata">

**Author:** ![hanwel](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/hanwel/32/57043_2.png) [@hanwel](https://devforum.zoom.us/u/hanwel)\
**Post date:** [February 18, 2025, 9:36am UTC](https://devforum.zoom.us/t/aspect-ratio-question/125005/3 "2025-02-18T09:36:32Z")

</div>

Thanks, @Ticorrian.

like this?

```auto
let userVideo = await mediaStream.attachVideo(event.userId, VideoQuality.Video_720P)
const containerElement = document.querySelector(`#${container}`);
if (containerElement && userVideo instanceof HTMLElement) {
	containerElement.appendChild(userVideo);
	userVideo.style.width = '125%';
	userVideo.style.transform = 'translateX(-10%)';
	userVideo.style.aspectRatio = '16 / 9';
}

```

That makes no difference.

---

<div class="post-metadata">

**Author:** ![hanwel](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/hanwel/32/57043_2.png) [@hanwel](https://devforum.zoom.us/u/hanwel)\
**Post date:** [February 18, 2025, 9:52am UTC](https://devforum.zoom.us/t/aspect-ratio-question/125005/4 "2025-02-18T09:52:42Z")

</div>

even  
`userVideo.style.scale = '2';`  
scales only the video that is coming from my Mac, the video from the iPhone remains the same.

---

<div class="post-metadata">

**Author:** ![ticorrian.heard](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ticorrian.heard/32/70213_2.png) [@ticorrian.heard](https://devforum.zoom.us/u/ticorrian.heard)\
**Post date:** [March 31, 2025, 10:25pm UTC](https://devforum.zoom.us/t/aspect-ratio-question/125005/5 "2025-03-31T22:25:35Z")

</div>

Hi @hanwel my apologies for getting back to you so late. I did some testing on mobile browsers and it and the SDK auto adjusts the video dimensions based on it being in portrait or landscape mode. This behavior is also reflected in the desktop client where the portrait video ratio is kept instead stretched from side to side. I have word from engineering we are making improvements to the sdk to automatically adjust the video to 16:9, regardless of what the browser is capturing in to save the logic and CSS overhead. I dont have an ETA at the moment for this release.