Проблема с вставкой видео YouTube: черные полосы на рабочем столе, правильное соотношение сторон на мобильном устройстве ⇐ CSS

[Anonymous]

Я работаю над рассылкой по электронной почте, которая включает CTA (призыв к действию), направляющий пользователей на облачную страницу, куда я встроил видео YouTube. Видео корректно отображается на мобильных устройствах, сохраняя соотношение сторон 16:9, но в настольных браузерах по бокам появляются черные полосы, как будто соотношение сторон не поддерживается.
Вот HTML-код, который я использую:

Код: Выделить всё

My_url_video

Я пробовал настроить значения полей и нижнего отступа, но проблема не устранена. Видеоконтейнер должен поддерживать соотношение сторон 16:9, но на настольных компьютерах оно отображается иначе, чем на мобильных устройствах.
Что я пробовал:
Настройка значений поля и нижнего отступа.
Очистка кеша и файлов cookie браузера.
Проверка на наличие мешающих расширений браузера.
Проблема:
Правильно соотношение сторон на мобильном телефоне устройства.
Черные полосы по бокам видео в браузерах настольных компьютеров.
дисплей смартфона
дисплей браузера
Будем очень признательны за любую помощь или предложения по устранению этой проблемы!< /p>
Заранее спасибо!

Подробнее здесь: https://stackoverflow.com/questions/793 ... ratio-on-m