CINXE.COM
Video crop issue on landscape view on web - Web - Zoom Developer Forum
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Video crop issue on landscape view on web - Web - Zoom Developer Forum</title> <meta name="description" content="I’m also facing a video cropping issue in React. After initiating a meeting in landscape view with both React and React Native, the same problem appeared. The participant video from the landscape-oriented phone is displa&hellip;"> <meta name="generator" content="Discourse 3.4.0.beta3-dev - https://github.com/discourse/discourse version 5bf5d1335680f28a8eb65c488353be9585eed08e"> <link rel="icon" type="image/png" href="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/optimized/3X/8/e/8e200b9a0e198d5026b7eec59f78fbe49aad5979_2_32x32.png"> <link rel="apple-touch-icon" type="image/png" href="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/optimized/3X/0/4/0402829dd7b18703d3c1c9533b17dc40e609a55e_2_180x180.png"> <meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff"> <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#111111"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes, viewport-fit=cover"> <link rel="canonical" href="https://devforum.zoom.us/t/video-crop-issue-on-landscape-view-on-web/103619" /> <link rel="search" type="application/opensearchdescription+xml" href="https://devforum.zoom.us/opensearch.xml" title="Zoom Developer Forum Search"> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/color_definitions_zm-colors_3_12_d6c47ad4b6cb76d327c2ab9616b5b797a9ca2db0.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" class="light-scheme"/><link href="https://sea2.discourse-cdn.com/flex016/stylesheets/color_definitions_dark_1_12_4a7cfa9eec7d23fa97ca76d045ff83385609a358.css?__ws=devforum.zoom.us" media="(prefers-color-scheme: dark)" rel="stylesheet" class="dark-scheme"/> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/desktop_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="desktop" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/checklist_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="checklist" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-adplugin_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-adplugin" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-ai_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-ai" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-akismet_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-akismet" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-assign_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-assign" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-cakeday_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-cakeday" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-data-explorer_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-data-explorer" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-details_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-details" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-lazy-videos_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-lazy-videos" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-local-dates_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-local-dates" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-narrative-bot_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-narrative-bot" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-policy_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-policy" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-presence_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-presence" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-solved_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-solved" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-templates_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-templates" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-topic-voting_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-topic-voting" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/footnote_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="footnote" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/hosted-site_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="hosted-site" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/poll_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="poll" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/spoiler-alert_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="spoiler-alert" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-ai_desktop_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-ai_desktop" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/discourse-topic-voting_desktop_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="discourse-topic-voting_desktop" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/poll_desktop_ce13db9ae86f60b413f85f5115cb1eb40aa9f39b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="poll_desktop" /> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/desktop_theme_22_aedc9c72a9ebc70c1032842fdd89d5f82f100f4b.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="22" data-theme-name="dark-light toggle"/> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/desktop_theme_23_2a8a90be12ebc939afc96547572784fc22807762.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="23" data-theme-name="search banner"/> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/desktop_theme_24_2c13ebbf0da9b91dd6ecf7ac6159a989408e1dc2.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="24" data-theme-name="versatile banner"/> <link href="https://sea2.discourse-cdn.com/flex016/stylesheets/desktop_theme_12_5d81aac487cf55714f5e1501be964567927ae74d.css?__ws=devforum.zoom.us" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="12" data-theme-name="zoom-dev-forum"/> <link rel="alternate nofollow" type="application/rss+xml" title="RSS feed of 'Video crop issue on landscape view on web'" href="https://devforum.zoom.us/t/video-crop-issue-on-landscape-view-on-web/103619.rss" /> <meta property="og:site_name" content="Zoom Developer Forum" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:image" content="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/optimized/3X/9/3/93c714da9166ad840af431a949509e9aa73b3e92_2_1024x576.jpeg" /> <meta property="og:image" content="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/optimized/3X/9/3/93c714da9166ad840af431a949509e9aa73b3e92_2_1024x576.jpeg" /> <meta property="og:url" content="https://devforum.zoom.us/t/video-crop-issue-on-landscape-view-on-web/103619" /> <meta name="twitter:url" content="https://devforum.zoom.us/t/video-crop-issue-on-landscape-view-on-web/103619" /> <meta property="og:title" content="Video crop issue on landscape view on web" /> <meta name="twitter:title" content="Video crop issue on landscape view on web" /> <meta property="og:description" content="I’m also facing a video cropping issue in React. After initiating a meeting in landscape view with both React and React Native, the same problem appeared. The participant video from the landscape-oriented phone is displayed in a cropped or 3x zoomed format on the web side. I need guidance to resolve this issue. While the remote video displays correctly in React Native, it appears cropped in React. Web Video SDK version @zoom/videosdk : 1.10.7 Screenshots If applicable, add screenshots to he..." /> <meta name="twitter:description" content="I’m also facing a video cropping issue in React. After initiating a meeting in landscape view with both React and React Native, the same problem appeared. The participant video from the landscape-oriented phone is displayed in a cropped or 3x zoomed format on the web side. I need guidance to resolve this issue. While the remote video displays correctly in React Native, it appears cropped in React. Web Video SDK version @zoom/videosdk : 1.10.7 Screenshots If applicable, add screenshots to he..." /> <meta property="og:article:section" content="Video SDK" /> <meta property="og:article:section:color" content="0088CC" /> <meta property="og:article:section" content="Web" /> <meta property="og:article:section:color" content="652D90" /> <meta property="og:article:tag" content="video-sdk" /> <meta name="twitter:label1" value="Reading time" /> <meta name="twitter:data1" value="5 mins 🕑" /> <meta name="twitter:label2" value="Likes" /> <meta name="twitter:data2" value="2 ❤" /> <meta property="article:published_time" content="2024-02-11T09:45:15+00:00" /> <meta property="og:ignore_canonical" content="true" /> <link rel="next" href="/t/video-crop-issue-on-landscape-view-on-web/103619?page=2"> <script type="application/ld+json">{"@context":"http://schema.org","@type":"QAPage","name":"Video crop issue on landscape view on web","mainEntity":{"@type":"Question","name":"Video crop issue on landscape view on web","text":"I’m also facing a video cropping issue in React. After initiating a meeting in landscape view with both React and React Native, the same problem appeared. The participant video from the landscape-oriented phone is displayed in a cropped or 3x zoomed format on the web side. I need guidance to resolve…","upvoteCount":0,"answerCount":0,"datePublished":"2024-02-11T09:45:15.440Z","author":{"@type":"Person","name":"dev.jestinxavier","url":"https://devforum.zoom.us/u/dev.jestinxavier"}}}</script> </head> <body class="crawler browser-update"> <header> <a href="/"> Zoom Developer Forum </a> </header> <div id="main-outlet" class="wrap" role="main"> <div id="topic-title"> <h1> <a href="/t/video-crop-issue-on-landscape-view-on-web/103619">Video crop issue on landscape view on web</a> </h1> <div class="topic-category" itemscope itemtype="http://schema.org/BreadcrumbList"> <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="/c/video-sdk/web/31" class="badge-wrapper bullet" itemprop="item"> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name' itemprop='name'>Video SDK</span> </span> </a> <meta itemprop="position" content="1" /> </span> <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="/c/video-sdk/web/31" class="badge-wrapper bullet" itemprop="item"> <span class='badge-category-bg' style='background-color: #652D90'></span> <span class='badge-category clear-badge'> <span class='category-name' itemprop='name'>Web</span> </span> </a> <meta itemprop="position" content="2" /> </span> </div> <div class="topic-category"> <div class='discourse-tags list-tags'> <a href='https://devforum.zoom.us/tag/video-sdk' class='discourse-tag' rel="tag">video-sdk</a> </div> </div> </div> <div itemscope itemtype='http://schema.org/DiscussionForumPosting'> <meta itemprop='headline' content='Video crop issue on landscape view on web'> <link itemprop='url' href='https://devforum.zoom.us/t/video-crop-issue-on-landscape-view-on-web/103619'> <meta itemprop='datePublished' content='2024-02-11T09:45:15Z'> <meta itemprop='articleSection' content='Web'> <meta itemprop='keywords' content='video-sdk'> <div itemprop='publisher' itemscope itemtype="http://schema.org/Organization"> <meta itemprop='name' content='Zoom Video Communications, Inc.'> <div itemprop='logo' itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop='url' content='https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/4/3/43ef015449c0e78580a4cedc611827e0d5a5b31a.png'> </div> </div> <div id='post_1' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/dev.jestinxavier'><span itemprop='name'>dev.jestinxavier</span></a> (Jestin) </span> <link itemprop="mainEntityOfPage" href="https://devforum.zoom.us/t/video-crop-issue-on-landscape-view-on-web/103619"> <link itemprop="image" href="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/9/3/93c714da9166ad840af431a949509e9aa73b3e92.jpeg"> <span class="crawler-post-infos"> <time datetime='2024-02-11T09:45:15Z' class='post-time'> February 11, 2024, 9:45am </time> <meta itemprop='dateModified' content='2024-02-12T06:35:25Z'> <span itemprop='position'>1</span> </span> </div> <div class='post' itemprop='text'> <p>I’m also facing a video cropping issue in React. After initiating a meeting in landscape view with both React and React Native, the same problem appeared. The participant video from the landscape-oriented phone is displayed in a cropped or 3x zoomed format on the web side. I need guidance to resolve this issue. While the remote video displays correctly in React Native, it appears cropped in React.</p> <p>Web Video SDK version<br> <a class="mention" href="/u/zoom">@zoom</a>/videosdk : 1.10.7</p> <p><strong>Screenshots</strong><br> If applicable, add screenshots to help explain your problem.</p> <p><div class="lightbox-wrapper"><a class="lightbox" href="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/9/3/93c714da9166ad840af431a949509e9aa73b3e92.jpeg" data-download-href="/uploads/short-url/l5iIwPfdPsrPbgksEeyagQQxbns.jpeg?dl=1" title="WhatsApp Image 2024-02-11 at 15.06.04" rel="noopener nofollow ugc"><img src="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/optimized/3X/9/3/93c714da9166ad840af431a949509e9aa73b3e92_2_690x388.jpeg" alt="WhatsApp Image 2024-02-11 at 15.06.04" data-base62-sha1="l5iIwPfdPsrPbgksEeyagQQxbns" width="690" height="388" srcset="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/optimized/3X/9/3/93c714da9166ad840af431a949509e9aa73b3e92_2_690x388.jpeg, https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/optimized/3X/9/3/93c714da9166ad840af431a949509e9aa73b3e92_2_1035x582.jpeg 1.5x, https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/optimized/3X/9/3/93c714da9166ad840af431a949509e9aa73b3e92_2_1380x776.jpeg 2x" data-dominant-color="A3A4A3"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">WhatsApp Image 2024-02-11 at 15.06.04</span><span class="informations">1600×900 50.6 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><br> <div class="lightbox-wrapper"><a class="lightbox" href="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/9/8/98b2cb90a368e10ce4ff507e122855e0d1da112f.jpeg" data-download-href="/uploads/short-url/lMPDPpfocXeGPwLtZ1z4pJYMbFR.jpeg?dl=1" title="zooomWeb" rel="noopener nofollow ugc"><img src="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/optimized/3X/9/8/98b2cb90a368e10ce4ff507e122855e0d1da112f_2_690x374.jpeg" alt="zooomWeb" data-base62-sha1="lMPDPpfocXeGPwLtZ1z4pJYMbFR" width="690" height="374" srcset="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/optimized/3X/9/8/98b2cb90a368e10ce4ff507e122855e0d1da112f_2_690x374.jpeg, https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/optimized/3X/9/8/98b2cb90a368e10ce4ff507e122855e0d1da112f_2_1035x561.jpeg 1.5x, https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/optimized/3X/9/8/98b2cb90a368e10ce4ff507e122855e0d1da112f_2_1380x748.jpeg 2x" data-dominant-color="B1B1AC"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">zooomWeb</span><span class="informations">1453×788 59.8 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div></p> <ul> <li>Device: Macbook Pro</li> <li>OS: macOS 11</li> <li>Browser: Chrome</li> </ul> <p>Does anyone know how to solve the issue?</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_2' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/vic.yang'><span itemprop='name'>vic.yang</span></a> (Vic) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-02-15T05:23:53Z' class='post-time'> February 15, 2024, 5:23am </time> <meta itemprop='dateModified' content='2024-02-15T05:23:53Z'> <span itemprop='position'>2</span> </span> </div> <div class='post' itemprop='text'> <p>Hey <a class="mention" href="/u/dev.jestinxavier">@dev.jestinxavier</a></p> <p>Thanks for your feedback.</p> <p>By default, the Video SDK will crop the captured video stream to the standard 16/9 ratio. If you do not want to crop it, you can specify the <code>originalRatio</code> option in the <code>stream.startVideo</code> method.</p> <aside class="onebox allowlistedgeneric" data-onebox-src="https://marketplacefront.zoom.us/sdk/custom/web/interfaces/CaptureVideoOption.html#originalRatio"> <header class="source"> <a href="https://marketplacefront.zoom.us/sdk/custom/web/interfaces/CaptureVideoOption.html#originalRatio" target="_blank" rel="noopener">marketplacefront.zoom.us</a> </header> <article class="onebox-body"> <h3><a href="https://marketplacefront.zoom.us/sdk/custom/web/interfaces/CaptureVideoOption.html#originalRatio" target="_blank" rel="noopener">CaptureVideoOption | Zoom Video SDK for Web - 1.10.7</a></h3> <p>Documentation for Zoom Video SDK for Web - 1.10.7</p> </article> <div class="onebox-metadata"> </div> <div style="clear: both"></div> </aside> <p>Thanks<br> Vic</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_3' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/dev.jestinxavier'><span itemprop='name'>dev.jestinxavier</span></a> (Jestin) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-02-28T07:32:56Z' class='post-time'> February 28, 2024, 7:32am </time> <meta itemprop='dateModified' content='2024-02-28T07:32:56Z'> <span itemprop='position'>3</span> </span> </div> <div class='post' itemprop='text'> <p><a class="mention" href="/u/vic.yang">@vic.yang</a> Yes, I fixed the issue, but the video quality is too low sometimes. When I make a Zoom call, it gives me better quality, but it does not provide good quality in my Zoom-integrated app. Why is this happening? What should I do?</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="1" /> <span class='post-likes'>1 Like</span> </div> </div> <div id='post_4' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/vic.yang'><span itemprop='name'>vic.yang</span></a> (Vic) </span> <link itemprop="image" href="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/b/e/beb1f83cb9b0201351dbb2f735644721f8532cfc.jpeg"> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-02-28T08:00:39Z' class='post-time'> February 28, 2024, 8:00am </time> <meta itemprop='dateModified' content='2024-02-28T08:00:39Z'> <span itemprop='position'>4</span> </span> </div> <div class='post' itemprop='text'> <p>Hey <a class="mention" href="/u/dev.jestinxavier">@dev.jestinxavier</a></p> <p>Low video quality depends on various factors such as network bandwidth, CPU usage, etc. Additionally, the performance on the web may be inferior to that of the native client.</p> <p>We can help analyze the issues if you can share the <code>sessionId</code> with us or integrate client-side telemetry .</p> <aside class="onebox allowlistedgeneric" data-onebox-src="https://developers.zoom.us/docs/video-sdk/web/quality/#report-issues-to-zoom"> <header class="source"> <img src="https://developers.zoom.us/svgs/favicon.svg" class="site-icon" width="" height=""> <a href="https://developers.zoom.us/docs/video-sdk/web/quality/#report-issues-to-zoom" target="_blank" rel="noopener">zoomvideocommunications</a> </header> <article class="onebox-body"> <div class="aspect-image" style="--aspect-ratio:690/362;"><img src="https://global.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/b/e/beb1f83cb9b0201351dbb2f735644721f8532cfc.jpeg" class="thumbnail" data-dominant-color="2669EC" width="690" height="362"></div> <h3><a href="https://developers.zoom.us/docs/video-sdk/web/quality/#report-issues-to-zoom" target="_blank" rel="noopener">Video SDK - web - Service quality</a></h3> <p>The Zoom Developer Platform is an open platform that allows third-party developers to build applications and integrations upon Zoom’s video-first unified communications platform.</p> </article> <div class="onebox-metadata"> </div> <div style="clear: both"></div> </aside> <p>Thanks<br> Vic</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_5' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/dev.jestinxavier'><span itemprop='name'>dev.jestinxavier</span></a> (Jestin) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-02-28T13:24:58Z' class='post-time'> February 28, 2024, 1:24pm </time> <meta itemprop='dateModified' content='2024-02-28T14:36:57Z'> <span itemprop='position'>5</span> </span> </div> <div class='post' itemprop='text'> <p>{<br> “type”: “VIDEO_QOS_DATA”,<br> “data”: {<br> “encoding”: false,<br> “width”: 0,<br> “height”: 0,<br> “fps”: 0,<br> “rtt”: 148,<br> “jitter”: 4,<br> “avg_loss”: 0,<br> “max_loss”: 0<br> }<br> }</p> <p>{<br> “networkQualityChange”: {<br> “userId”: 16778240,<br> “type”: “downlink”,<br> “level”: 3<br> }<br> } <a class="mention" href="/u/vic.yang">@vic.yang</a> here is the video and network quality log.</p> <p>sessionKey: “e081efe3-2749-445d-90fd-f28850ff00d4” this is the sessionKey</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_6' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/dev.jestinxavier'><span itemprop='name'>dev.jestinxavier</span></a> (Jestin) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-01T05:52:07Z' class='post-time'> March 1, 2024, 5:52am </time> <meta itemprop='dateModified' content='2024-03-01T05:52:07Z'> <span itemprop='position'>6</span> </span> </div> <div class='post' itemprop='text'> <p>Hi, does anyone on the Zoom team know how to resolve this issue?</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_7' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/vic.yang'><span itemprop='name'>vic.yang</span></a> (Vic) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-01T06:19:33Z' class='post-time'> March 1, 2024, 6:19am </time> <meta itemprop='dateModified' content='2024-03-01T06:19:33Z'> <span itemprop='position'>7</span> </span> </div> <div class='post' itemprop='text'> <p>Hey <a class="mention" href="/u/dev.jestinxavier">@dev.jestinxavier</a></p> <p>Could you share the <code>sessionId</code> with us instead of the sessionKey?</p> <p>The <code>sessionId</code> can be obtained from the dashboard or through <code>client.getSessionInfo().sessionId</code>.</p> <p>Thanks<br> Vic</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_8' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/dev.jestinxavier'><span itemprop='name'>dev.jestinxavier</span></a> (Jestin) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-01T08:33:56Z' class='post-time'> March 1, 2024, 8:33am </time> <meta itemprop='dateModified' content='2024-03-01T08:33:56Z'> <span itemprop='position'>8</span> </span> </div> <div class='post' itemprop='text'> <p>{<br> “sessionId”: “lnPTAgjVTKy+S1wuNuNVIw==”<br> }</p> <p><a class="mention" href="/u/vic.yang">@vic.yang</a> This is the sessionId</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_9' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/dev.jestinxavier'><span itemprop='name'>dev.jestinxavier</span></a> (Jestin) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-01T09:00:45Z' class='post-time'> March 1, 2024, 9:00am </time> <meta itemprop='dateModified' content='2024-03-01T09:00:45Z'> <span itemprop='position'>9</span> </span> </div> <div class='post' itemprop='text'> <p>Connecting to the video call takes too much time.</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_10' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/vic.yang'><span itemprop='name'>vic.yang</span></a> (Vic) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-01T09:54:06Z' class='post-time'> March 1, 2024, 9:54am </time> <meta itemprop='dateModified' content='2024-03-01T09:54:06Z'> <span itemprop='position'>10</span> </span> </div> <div class='post' itemprop='text'> <p>Hey <a class="mention" href="/u/dev.jestinxavier">@dev.jestinxavier</a></p> <p>I’d like to confirm some info with you. Are you using Web as the host and React Native as the attendee joining the session? Are both of these devices in the same location? We’re analyzing whether these two users are connected to servers in different regions and investigating the cause of this issue.</p> <p>Thanks<br> Vic</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_11' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/dev.jestinxavier'><span itemprop='name'>dev.jestinxavier</span></a> (Jestin) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-01T10:31:28Z' class='post-time'> March 1, 2024, 10:31am </time> <meta itemprop='dateModified' content='2024-03-01T10:31:28Z'> <span itemprop='position'>11</span> </span> </div> <div class='post' itemprop='text'> <p>Yes, these are in different regions. The React Web (India) serves as the host, and the React Native (Dubai) functions as the attendee. We initiate a call from React to React Native.</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_12' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/dev.jestinxavier'><span itemprop='name'>dev.jestinxavier</span></a> (Jestin) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-01T10:37:26Z' class='post-time'> March 1, 2024, 10:37am </time> <meta itemprop='dateModified' content='2024-03-01T10:37:26Z'> <span itemprop='position'>12</span> </span> </div> <div class='post' itemprop='text'> <p>so how to resolve this issue?</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_13' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/vic.yang'><span itemprop='name'>vic.yang</span></a> (Vic) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-01T10:47:38Z' class='post-time'> March 1, 2024, 10:47am </time> <meta itemprop='dateModified' content='2024-03-01T10:47:38Z'> <span itemprop='position'>13</span> </span> </div> <div class='post' itemprop='text'> <p>Hey <a class="mention" href="/u/dev.jestinxavier">@dev.jestinxavier</a></p> <p>Thank you for sharing this information with us.</p> <p>We are currently investigating the root cause of the low-quality video. We will keep you informed if any updates.</p> <p>Thanks<br> Vic</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_14' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/dev.jestinxavier'><span itemprop='name'>dev.jestinxavier</span></a> (Jestin) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-01T12:08:19Z' class='post-time'> March 1, 2024, 12:08pm </time> <meta itemprop='dateModified' content='2024-03-01T12:08:19Z'> <span itemprop='position'>14</span> </span> </div> <div class='post' itemprop='text'> <p>I need to resolve this issue as soon as possible. If you require any additional details from my side, please message me. On our end, we successfully created a meeting with the Zoom app, and it functions correctly there. However, in my app, it is not working properly. Sometimes, it fails to join the meeting properly.</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_15' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/dev.jestinxavier'><span itemprop='name'>dev.jestinxavier</span></a> (Jestin) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-02T06:52:52Z' class='post-time'> March 2, 2024, 6:52am </time> <meta itemprop='dateModified' content='2024-03-02T06:52:52Z'> <span itemprop='position'>15</span> </span> </div> <div class='post' itemprop='text'> <p>hi <a class="mention" href="/u/vic.yang">@vic.yang</a> I’m waiting here for your reply.</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_16' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/james.jr345678'><span itemprop='name'>james.jr345678</span></a> (fletcher) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-04T02:46:38Z' class='post-time'> March 4, 2024, 2:46am </time> <meta itemprop='dateModified' content='2024-03-04T19:25:30Z'> <span itemprop='position'>16</span> </span> </div> <div class='post' itemprop='text'> <aside class="quote no-group" data-username="dev.jestinxavier" data-post="1" data-topic="103619"> <div class="title"> <div class="quote-controls"></div> <img loading="lazy" alt="" width="24" height="24" src="https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/dev.jestinxavier/48/55229_2.png" class="avatar"> Jestin:</div> <blockquote> <p>I’m also facing a video cropping issue in React. After initiating a meeting in landscape view with both React and React Native, the same problem appeared. The participant video from the landscape-oriented phone is displayed in a cropped or 3x zoomed format on the web side. I need guidance to resolve this issue. While the remote video displays correctly in React Native, it appears cropped in React.</p> </blockquote> </aside> <p>i think you need to adjust video rendering settings or check for compatibility issues between React and your video library<a href="https://snapchatplanet.com/astrological-profile/" rel="noopener nofollow ugc">.</a></p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_17' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/chunsiong.zoom'><span itemprop='name'>chunsiong.zoom</span></a> (Chun Siong (tag me for response)) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-04T07:18:04Z' class='post-time'> March 4, 2024, 7:18am </time> <meta itemprop='dateModified' content='2024-03-04T07:18:04Z'> <span itemprop='position'>17</span> </span> </div> <div class='post' itemprop='text'> <p><a class="mention" href="/u/dev.jestinxavier">@dev.jestinxavier</a> ，</p> <p>We have recently rolled out an update on our backend. This update should enable 720p for all customers right now.</p> <p>Do you still encounter low quality / low resolution starting this month?</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_18' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/dev.jestinxavier'><span itemprop='name'>dev.jestinxavier</span></a> (Jestin) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-04T08:13:33Z' class='post-time'> March 4, 2024, 8:13am </time> <meta itemprop='dateModified' content='2024-03-04T08:13:33Z'> <span itemprop='position'>18</span> </span> </div> <div class='post' itemprop='text'> <p>Yes, we are currently experiencing video lag, and after 3 minutes, the video from React Native becomes stuck on the web.</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_19' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/dev.jestinxavier'><span itemprop='name'>dev.jestinxavier</span></a> (Jestin) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-04T13:26:14Z' class='post-time'> March 4, 2024, 1:26pm </time> <meta itemprop='dateModified' content='2024-03-04T13:26:14Z'> <span itemprop='position'>19</span> </span> </div> <div class='post' itemprop='text'> <p>hi, does anyone have any idea about this issue?</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> <div id='post_20' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'> <div class='crawler-post-meta'> <span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person"> <a itemprop="url" href='https://devforum.zoom.us/u/vic.yang'><span itemprop='name'>vic.yang</span></a> (Vic) </span> <span class="crawler-post-infos"> <time itemprop='datePublished' datetime='2024-03-05T02:18:35Z' class='post-time'> March 5, 2024, 2:18am </time> <meta itemprop='dateModified' content='2024-03-05T02:18:35Z'> <span itemprop='position'>20</span> </span> </div> <div class='post' itemprop='text'> <p>Hey <a class="mention" href="/u/dev.jestinxavier">@dev.jestinxavier</a></p> <p>Could you share more sessionId with us for troubleshooting?<br> The sessionId provided earlier had a very short session time, only about 2 minutes.</p> <p>Thanks<br> Vic</p> </div> <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter"> <meta itemprop="interactionType" content="http://schema.org/LikeAction"/> <meta itemprop="userInteractionCount" content="0" /> <span class='post-likes'></span> </div> </div> </div> <div role='navigation' itemscope itemtype='http://schema.org/SiteNavigationElement' class="topic-body crawler-post"> <span itemprop='name'><b><a rel="next" itemprop="url" href="/t/video-crop-issue-on-landscape-view-on-web/103619?page=2">next page →</a></b></span> </div> <div id="related-topics" class="more-topics__list " role="complementary" aria-labelledby="related-topics-title"> <h3 id="related-topics-title" class="more-topics__list-title"> Related topics </h3> <div class="topic-list-container" itemscope itemtype='http://schema.org/ItemList'> <meta itemprop='itemListOrder' content='http://schema.org/ItemListOrderDescending'> <table class='topic-list'> <thead> <tr> <th>Topic</th> <th></th> <th class="replies">Replies</th> <th class="views">Views</th> <th>Activity</th> </tr> </thead> <tbody> <tr class="topic-list-item" id="topic-list-item-110090"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='1'> <span class="link-top-line"> <a itemprop='url' href='https://devforum.zoom.us/t/video-cropped-and-low-quality-in-landscape/110090' class='title raw-link raw-topic-link'>Video cropped and low quality in landscape</a> </span> <div class="link-bottom-line"> <a href='/c/video-sdk/react-native/38' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name'>React Native</span> </span> </a> <div class="discourse-tags"> <a href='https://devforum.zoom.us/tag/video-sdk' class='discourse-tag'>video-sdk</a> , <a href='https://devforum.zoom.us/tag/sdk' class='discourse-tag'>sdk</a> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>2</span> </td> <td class="views"> <span class='views' title='views'>173</span> </td> <td> June 15, 2024 </td> </tr> <tr class="topic-list-item" id="topic-list-item-101056"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='2'> <span class="link-top-line"> <a itemprop='url' href='https://devforum.zoom.us/t/change-video-orientation-on-react-web-and-android-sdk/101056' class='title raw-link raw-topic-link'>Change video orientation on react-web and android sdk</a> </span> <div class="link-bottom-line"> <a href='/c/video-sdk/55' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name'>Video SDK</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>24</span> </td> <td class="views"> <span class='views' title='views'>1343</span> </td> <td> April 29, 2024 </td> </tr> <tr class="topic-list-item" id="topic-list-item-100980"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='3'> <span class="link-top-line"> <a itemprop='url' href='https://devforum.zoom.us/t/set-video-orientation-from-react-web-app/100980' class='title raw-link raw-topic-link'>Set video orientation from react-web app</a> </span> <div class="link-bottom-line"> <a href='/c/video-sdk/55' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name'>Video SDK</span> </span> </a> <div class="discourse-tags"> <a href='https://devforum.zoom.us/tag/phone' class='discourse-tag'>phone</a> , <a href='https://devforum.zoom.us/tag/video-sdk' class='discourse-tag'>video-sdk</a> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>2</span> </td> <td class="views"> <span class='views' title='views'>443</span> </td> <td> January 3, 2024 </td> </tr> <tr class="topic-list-item" id="topic-list-item-83096"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='4'> <span class="link-top-line"> <a itemprop='url' href='https://devforum.zoom.us/t/zoom-video-call-ui-is-breaking-on-landscape-rotation/83096' class='title raw-link raw-topic-link'>Zoom Video Call UI is breaking on landscape rotation</a> </span> <div class="link-bottom-line"> <a href='/c/meeting-sdk/56' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #9EB83B'></span> <span class='badge-category clear-badge'> <span class='category-name'>Meeting SDK</span> </span> </a> <div class="discourse-tags"> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>0</span> </td> <td class="views"> <span class='views' title='views'>359</span> </td> <td> February 14, 2023 </td> </tr> <tr class="topic-list-item" id="topic-list-item-117997"> <td class="main-link" itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'> <meta itemprop='position' content='5'> <span class="link-top-line"> <a itemprop='url' href='https://devforum.zoom.us/t/small-portrait-video-interface-on-desktop-while-remote-use-is-mobile-video-sdk/117997' class='title raw-link raw-topic-link'>Small/portrait video interface on desktop while remote use is mobile video sdk</a> </span> <div class="link-bottom-line"> <a href='/c/video-sdk/55' class='badge-wrapper bullet'> <span class='badge-category-bg' style='background-color: #0088CC'></span> <span class='badge-category clear-badge'> <span class='category-name'>Video SDK</span> </span> </a> <div class="discourse-tags"> <a href='https://devforum.zoom.us/tag/video-sdk' class='discourse-tag'>video-sdk</a> </div> </div> </td> <td class="replies"> <span class='posts' title='posts'>3</span> </td> <td class="views"> <span class='views' title='views'>31</span> </td> <td> September 25, 2024 </td> </tr> </tbody> </table> </div> </div> </div> <footer class="container wrap"> <nav class='crawler-nav'> <ul> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/' itemprop="url">Home </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/categories' itemprop="url">Categories </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='/guidelines' itemprop="url">Guidelines </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='https://zoom.us/terms' itemprop="url">Terms of Service </a> </span> </li> <li itemscope itemtype='http://schema.org/SiteNavigationElement'> <span itemprop='name'> <a href='https://zoom.us/privacy' itemprop="url">Privacy Policy </a> </span> </li> </ul> </nav> <p class='powered-by-link'>Powered by <a href="https://www.discourse.org">Discourse</a>, best viewed with JavaScript enabled</p> </footer> <div class="buorg"><div>Unfortunately, <a href="https://www.discourse.org/faq/#browser">your browser is unsupported</a>. Please <a href="https://browsehappy.com">switch to a supported browser</a> to view rich content, log in and reply.</div></div> </body> </html>