Wie entferne ich diesen unnötigen Abstand innerhalb meines iframe?

Question

Ich habe derzeit einen iframe, der der eingebettete Code für ein Wistia-Video ist. Das Problem ist, wenn ich auf meiner Website gehen, um das Video einbetten, zeigt das Video in jedem mobilen Browser so aufzublicken:

Sie zur Kenntnis, ich habe bestätigt, dass es das Video ist, die verursacht wird, der Abstand, nicht der Text unter dem Video. Wie entferne ich diese unnötige Lücke? Hier das eingebettete Code des Videos ist:

<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

Wenn die eine externe URL, die Sie für den IFrame fordern, würde ich nicht vorschlagen, seinen DOM zu manipulieren. Sie sollten eher in Betracht ziehen, diesem IFrame height/max-height Attribute hinzuzufügen, um das Problem zu umgehen.

Wenn Sie müssen, könnten Sie versuchen, Javascript zu schreiben, um das DOM des IFrame zu ändern. Zum Beispiel können Sie zusätzliche Marge auf dem Video-Element finden, und durch Javascript können Sie das auf einen niedrigeren Wert ändern. Hier ist eine Möglichkeit, wie Sie das tun könnten: https://stackoverflow.com/a/1451455/5894241

Answer 2

Ich habe den Code verwendet, den Sie zur Verfügung gestellt und einige Änderungen vorgenommen. Also, bitte versuchen Sie es mit der modifizierten Version Ihres Codes wie folgt:

<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> 

Hoffe es hilft!