Проблема с размером видео YouTube на мобильных устройствах ⇐ Javascript

[Anonymous]

На https://test.slim-verwarmen.nl/ встраивание YouTube работает нормально на настольном компьютере,

Но на мобильных устройствах над видео появляется большая пустая/черная область.
Это происходит, когда загружается iframe YouTube.
Шаги для воспроизведения:

• Открыть https://test.slim-verwarmen.nl/ в любом мобильном браузере
• Проверьте первый слайд главной страницы: воспроизводится видео YouTube.
• Обратите внимание на черное пространство в верхней части видео.

Ожидается:

Я хочу удалить эту черную часть из вершина. Видео можно выровнять по верху. У меня нет проблем с черным экраном внизу.
Среда:

• HTML, CSS, веб-сайт JS
• Мобильные устройства: iPhone Safari, Android Chrome

Возможные причины:

• YouTube Скрипт iframe, управляющий высотой
• Проблема CSS с соотношением сторон контейнера

Кто-нибудь сталкивался с этой проблемой? Что обычно является причиной этого?

Буду признателен за вашу помощь в выявлении проблемы.

Подробнее здесь: https://stackoverflow.com/questions/798 ... le-devices