我想在使用iframe api的移动应用程序(Flutter - inAppWebView插件)上嵌入9:16比例的youtube视频。我已经成功地以16:9的比例嵌入了youtube视频,但我想在人像模式(9:16)下覆盖手机的整个视频高度和宽度,就像在抖音视频应用程序提要中一样。
我尝试了很多css技巧,但结果都很糟糕。有什么css技巧可以帮助我的情况。我希望我的输出视频完全像下面的图像。
链接:期望视频输出
这是我的iframe代码,<iframe class="video" id="player" type="text/html" src="https://www.youtube.com/embed/qHFCMgLhp9s" frameborder="0" allowfullscreen></iframe>
。视频{长宽比:16/9}