我在我的网站上使用Facebook视频嵌入,用于同时具有1:1和16:9维度的视频。尺寸在桌面上是正确的,但在移动设备上,1:1方形尺寸的视频总是位于16:9的iframe内侧,黑色条纹。我希望它能在移动设备上打印成方形,就像Facebook移动应用上的视频一样。
有没有办法在移动网络上获得1:1的方形视频?
这是我正在使用的代码。
<div class="video__wrapper js-video__wrapper fb-video"
data-allowfullscreen="1"
data-width="640"
data-height="640"
data-href="{url}"
style="height: 640px; min-height: 640px; width: 640px;">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="{url}">
<a href="{url}"></a>
</blockquote>
</div>