title: Embed a YouTube video with 9:16 ratio full width and full height - iframe api
body: <p>I want to embed a youtube video on 9:16 ratio on a mobile app( Flutter - inAppWebView plugin) using iframe api. I've sucessfully embeded the youtube video on 16:9 ratio but I want to cover my video entire height and width of the mobile in potrait mode(9:16) like in tik-tok video app feed.</p>
  <p>I've tried many css tricks but ended up something awful. Is there any css tricks that'll help with my case. I want my output video to be exactly like the below image.</p>
  <p><a href="https://i.stack.imgur.com/MysSE.jpg" rel="nofollow noreferrer">Link: Video output to be expected</a></p>
  <p>Here's my iframe code,</p>
  <pre><code>&lt;iframe class=&quot;video&quot; id=&quot;player&quot;  type=&quot;text/html&quot; src=&quot;https://www.youtube.com/embed/qHFCMgLhp9s&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>