Как показать полное видео внутри iframe (wix)?

Question

Я пытаюсь отобразить видео, которое находится внутри wix iframe на моей странице.

Однако видео отображается наполовину, и пользователям нужно прокручивать, чтобы увидеть вторую половину. Мне нужно, чтобы он отображался полностью.

Codepen:

https://codepen.io/ogonzales/pen/XWmqJOZ

ОБНОВЛЕНИЕ 1:

Удаление всех лишних тегов и сохранение только:

<iframe width="100%" height="100%" name="htmlComp-iframe" src="https://www-ministerioselimlosangeles-net.filesusr.com/html/c6c2ba_7e10543906cc3e0dfef547110eb63f30.html"></iframe>

Показывает все видео, но высота достигает низ.

Answer 1

Поскольку вы используете bootstrap -4, вы можете использовать адаптивный класс iframe. Добавьте embed-responsive и embed-responsive-16by9 class к <div id="comp-iq9y0o3iiFrameHolder"> Затем добавьте embed-responsive-item class и установите 'no' на scrolling в теге iframe.

Другой отзывчивый iframe rat ios in Bootstrap :

• .embed-responsive-21by9
• .embed-responsive-4by3
• .embed-responsive-1by1

<div id="comp-iq9y0o3iiFrameHolder" class="htco1iFrameHolder embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" name="htmlComp-iframe" scrolling="no" src="https://www-ministerioselimlosangeles-net.filesusr.com/html/c6c2ba_7e10543906cc3e0dfef547110eb63f30.html">
    </iframe>
</div>