如何在iframe中删除此不必要的间距？

Question

我目前有一个iframe，它是Wistia视频的嵌入代码。问题是，当我访问我的网站嵌入视频时，视频在每个移动浏览器中显示如下：

请注意，我已确认是导致间距的视频，而不是视频下方的文字。如何消除这种不必要的差距？这是视频的嵌入代码：

<script src="https://fast.wistia.com/embed/medias/6m7jisefgh.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_embed wistia_async_6m7jisefgh videoFoam=true" style="height:100%;width:100%">&nbsp;</div></div></div>

Answer 1

我使用了您提供的代码并进行了一些更改。因此，请尝试使用代码的修改版本，如下所示：

<script src="https://fast.wistia.com/embed/medias/6m7jisefgh.jsonp" async></script>
<script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>
<div class="wistia_responsive_padding" style="">
    <div class="wistia_responsive_wrapper" style="width:100%;">
        <div class="wistia_embed wistia_async_6m7jisefgh videoFoam=true" style="width:100%"></div>
    </div>
</div>

希望它有所帮助！